AndroidViewPager如何實現(xiàn)無限循環(huán)輪播廣告位Banner效果

這篇文章將為大家詳細講解有關Android ViewPager如何實現(xiàn)無限循環(huán)輪播廣告位Banner效果,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

在西市等地區(qū),都構建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務理念,為客戶提供成都網(wǎng)站制作、成都網(wǎng)站設計 網(wǎng)站設計制作定制網(wǎng)站,公司網(wǎng)站建設,企業(yè)網(wǎng)站建設,成都品牌網(wǎng)站建設,成都營銷網(wǎng)站建設,外貿(mào)網(wǎng)站制作,西市網(wǎng)站建設費用合理。

現(xiàn)在一些app通常會在頭部放一個廣告位,底部放置一行小圓圈指示器,指示廣告位當前的頁碼,輪播展示一些圖片,這些圖片來自于網(wǎng)絡。這個廣告位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);

代碼運行結果:

Android ViewPager如何實現(xiàn)無限循環(huán)輪播廣告位Banner效果

關于“Android ViewPager如何實現(xiàn)無限循環(huán)輪播廣告位Banner效果”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。

網(wǎng)站標題:AndroidViewPager如何實現(xiàn)無限循環(huán)輪播廣告位Banner效果
本文鏈接:http://muchs.cn/article46/jpijeg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、微信公眾號外貿(mào)建站、做網(wǎng)站靜態(tài)網(wǎng)站、網(wǎng)站改版

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

h5響應式網(wǎng)站建設