這篇文章主要介紹如何實現Android圖片輪播展示效果，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創新互聯2013年開創至今，是專業互聯網技術服務公司，擁有項目網站制作、成都網站設計網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元冠縣做網站,已為上家服務,為冠縣各地企業和個人服務,聯系電話:028-86922220

實現邏輯

1.創建XML布局文件,使用ViewPager完成輪播圖片

2.初始化ViewPager控件,然后為控件設置適配器,創建出來的適配器實現里面的四個方法

3.四個方法分別是getCount isViewFromObject instantiateItem destroyItem

4.在onCreat方法中,加載圖片資源,將圖片ID存在集合中,使圖片能夠在頁面中顯示,(圖片之所以能夠在頁面中顯示,是因為在適配器中的instantiateItem方法中獲取了集合中的圖片元素)

5.圖片下方的文字顯示:圖片下方之所以會有文字,可以通過初始化控件,在ViewPager監聽器中的onPageSelected方法中tv_desc.setText(descs[position]);這樣文字就可以跟隨者圖片進行切換

6.文字下方的小圓點的切換:在XML布局中設置一個Linlayout布局,然后再onCreat方法中設置小圓點,通過LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(10, 10);的方法引入小圓點(具體代碼可以參考下方的initDot方法)

7.要想讓小圓點隨著頁面的切換而切換,可以定義下方的changeDots的方法,讓此方法在監聽器中的onPageSelected方法中進行調用

8.圖片的無限輪播的實現:可以使適配器中的getCount返回值設為一個很大很大的值,同時在instantiateItem方法中設置position position = position % imageResIds.length;防止索引越界異常,這樣就可以使圖片無限輪播,但是此時還有一個問題就是,右邊可以無限輪播,但是左邊是無法無限輪播的,這個問題的解決辦法是在onCreat方法中設置當前選中的條目viewPager.setCurrentItem(count / 2);這樣兩邊都可以實現無限輪播

9.圖片自動切換的處理:使用handler機制實現頁面的延時更新,同時為了防止內存溢出,需要在頁面可見時,也就是activity的onStart方法中發送消息,在頁面消失時,也就是onStop方法中刪除消息

布局文件

<&#63;xml version="1.0" encoding="utf-8"&#63;>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.a2_.MainActivity">

<android.support.v4.view.ViewPager
  android:id="@+id/vp"
  android:layout_width="match_parent"
  android:layout_height="250dp">
</android.support.v4.view.ViewPager>

<LinearLayout
  android:orientation="vertical"
  android:gravity="center"
  android:background="#66000000"
  android:layout_alignBottom="@id/vp"
  android:layout_width="match_parent"
  android:layout_height="50dp">

  <TextView
    android:id="@+id/desc"
    android:text="描述文本"
    android:textColor="#ffffff"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

  <LinearLayout
    android:id="@+id/layout_dot"
    android:orientation="horizontal"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

  </LinearLayout>
</LinearLayout>
</RelativeLayout>

當前文章：如何實現Android圖片輪播展示效果-創新互聯
網頁URL：http://m.newbst.com/article32/hsipc.html

成都網站建設公司_創新互聯，為您提供用戶體驗、網站內鏈、服務器托管、微信小程序、搜索引擎優化、電子商務

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯