您好,登錄后才能下訂單哦!
這篇文章主要介紹“Android ViewPager怎么實現(xiàn)無限循環(huán)輪播廣告位Banner效果”,在日常操作中,相信很多人在Android ViewPager怎么實現(xiàn)無限循環(huán)輪播廣告位Banner效果問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”Android ViewPager怎么實現(xiàn)無限循環(huán)輪播廣告位Banner效果”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
現(xiàn)在一些app通常會在頭部放一個廣告位,底部放置一行小圓圈指示器,指示廣告位當前的頁碼,輪播展示一些圖片,這些圖片來自于網(wǎng)絡(luò)。這個廣告位banner是典型的android ViewPager實現(xiàn),但是如果自己實現(xiàn)這樣的ViewPager,要解決一系列瑣碎的問題,比如:
(1)這個廣告位ViewPager要支持無限循環(huán)輪播,例如,有3張圖片,A,B,C,當用戶滑到最后C時候再滑就要滑到A,反之亦然。
(2)ViewPager要實現(xiàn)自動播放,比如每個若干秒如2秒,自動切換播放到下一張圖片。
(3)通常這樣的ViewPager下面會放一排指示器小圓圈,用以形象指示當前頁碼。
這樣的Android廣告位復用程度很高,通用長度也很高。Github上有一個開源項目:https://github.com/youth6201314/banner
實現(xiàn)了上述的全部功能,并提供多種樣式選擇。使用也簡單,比如寫一個簡單的例子,xml代碼(片段):
<com.youth.banner.Banner xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/banner" android:layout_width="match_parent" android:layout_height="140dp" app:image_scale_type="center_crop" app:default_image="@drawable/home" app:indicator_drawable_selected="@drawable/selected_radius" app:indicator_drawable_unselected="@drawable/unselected_radius" app:indicator_height="8dp" app:indicator_width="8dp" app:indicator_margin="6dp"/>
引用的selected_radius.xml:
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <solid android:color="@color/color_e91e63" /> </shape>
unselected_radius.xml:
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <solid android:color="#80ffffff" /> </shape>
顏色值#80ffffff是白色半透明。
上層Java代碼:
Banner banner= (Banner) view.findViewById(R.id.banner); String url1="http://xxx.xxx.xxx.jpg"; String url2="http://xxx.xxx.xxx.jpg"; String url3="http://xxx.xxx.xxx.jpg"; String[] images= new String[] {url1,url2,url3}; banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR); banner.setImages(images); banner.setDelayTime(2000);
代碼運行結(jié)果:
到此,關(guān)于“Android ViewPager怎么實現(xiàn)無限循環(huán)輪播廣告位Banner效果”的學習就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續(xù)學習更多相關(guān)知識,請繼續(xù)關(guān)注億速云網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。