Android 使用ViewPager實(shí)現(xiàn)輪播圖效果
寫這篇文章只是對(duì)今天所學(xué)的知識(shí)進(jìn)行加深印象,對(duì)ViewPager的一些處理,比如適配器和各個(gè)方法的作用等。
先看效果圖
這里我是在xml中寫的圓點(diǎn)
Drawable文件夾下的xml代碼:
Shape_yes.xml:
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#ff6c67"></solid> <corners android:radius="1000dp"></corners> </shape>
Shape_no.xml:
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#f0f0f0"></solid> <corners android:radius="1000dp"></corners> </shape>
選擇器
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/shape_no" android:state_selected="false" /> <item android:drawable="@drawable/shape_yes" android:state_selected="true" /> </selector>
Activity_main.xml:
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <RelativeLayout android:layout_width="match_parent" android:layout_height="160dp"> <android.support.v4.view.ViewPager android:id="@+id/vp" android:layout_width="match_parent" android:layout_height="wrap_content"> </android.support.v4.view.ViewPager> <LinearLayout android:layout_width="match_parent" android:layout_height="40dp" android:layout_alignParentBottom="true" android:gravity="center_horizontal" android:padding="5dp" android:orientation="vertical" android:background="#66000000"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" android:gravity="center" android:orientation="horizontal" android:paddingBottom="10dp"> <ImageView android:id="@+id/iv_one" android:layout_width="20dp" android:layout_height="20dp" android:layout_marginRight="20dp" android:background="@drawable/selector_show" /> <ImageView android:id="@+id/iv_two" android:layout_width="20dp" android:layout_height="20dp" android:layout_marginRight="20dp" android:background="@drawable/selector_show" /> <ImageView android:id="@+id/iv_three" android:layout_width="20dp" android:layout_height="20dp" android:background="@drawable/selector_show" /> </LinearLayout> </LinearLayout> </RelativeLayout> </RelativeLayout>
寫一個(gè)類ViewPagerAdapter_Circleextends PagerAdapter
public class ViewPagerAdapter_Circle extends PagerAdapter { ArrayList<View> arrayList; Context context; public ViewPagerAdapter_Circle(ArrayList<View> arrayList, Context context) { this.arrayList = arrayList; this.context = context; } /***數(shù)據(jù)源的大小(條目)*/ @Override public int getCount() { return arrayList.size(); } /** * 頁(yè)面視圖是否關(guān)聯(lián)到特定的對(duì)象 */ @Override public boolean isViewFromObject(View view, Object object) { return view == object;//判斷當(dāng)前要顯示的頁(yè)面 } /** * 初始化頁(yè)面 * 1.頁(yè)面添加到container * 2.將頁(yè)面返回 */ @Override public Object instantiateItem(ViewGroup container, int position) { container.addView(arrayList.get(position));//頁(yè)面添加到container,添加位置 return arrayList.get(position); } /** * 銷毀當(dāng)前頁(yè)面 */ @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView(arrayList.get(position)); } }
MainActivity中代碼(含注解)
public class MainActivity extends AppCompatActivity { ViewPager viewPager; int imageResIds[]; ArrayList<View> imageViewList;//存圖片的集合 ArrayList<ImageView> imageViews;//存白點(diǎn)的集合 ImageView iv_one,iv_two,iv_three; int oldPostion;//記錄原來(lái)的位置 private Boolean flag; int count=0; Handler handler = new Handler() { @Override public void handleMessage(Message msg) { super.handleMessage(msg); if (msg.what == 0) { viewPager.setCurrentItem(count); } } }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //初始化布局 initView(); //初始化數(shù)據(jù) initData(); //設(shè)置適配器 initAdapter(); //設(shè)置圓點(diǎn) initPoint(); flag = true; //循環(huán)設(shè)置播放 new Thread() { @Override public void run() { while (flag) { try { Thread.sleep(3000); count++; if (count == 3) { count = 0; } } catch (InterruptedException e) { e.printStackTrace(); } /**傳遞信息*/ Message msg = new Message(); msg.what = 0; msg.obj = count; handler.sendMessage(msg); } } }.start(); } private void initView() { viewPager = (ViewPager) findViewById(R.id.vp); } //初始化要顯示的數(shù)據(jù) private void initData() { //圖片資源數(shù)組 imageResIds = new int[]{R.mipmap.a, R.mipmap.b, R.mipmap.c}; imageViewList = new ArrayList<>();//存圖片的集合 ImageView imageView; for (int i = 0; i < imageResIds.length; i++) { imageView = new ImageView(this); imageView.setBackgroundResource(imageResIds[i]); imageViewList.add(imageView); } } //設(shè)置適配器 private void initAdapter() { ViewPagerAdapter_Circle myViewPagerAdapter = new ViewPagerAdapter_Circle(imageViewList, this); viewPager.setAdapter(myViewPagerAdapter); } /** * 設(shè)置圓點(diǎn)的 */ private void initPoint() { iv_one = (ImageView) findViewById(R.id.iv_one); iv_two = (ImageView) findViewById(R.id.iv_two); iv_three = (ImageView) findViewById(R.id.iv_three); imageViews = new ArrayList<>(); imageViews.add(iv_one); imageViews.add(iv_two); imageViews.add(iv_three); iv_one.setSelected(true);//設(shè)置第一個(gè)圓點(diǎn)為true /**viewPager監(jiān)聽(tīng)事件*/ viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { /**滑動(dòng)時(shí)調(diào)用*/ @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } /**停止時(shí)調(diào)用*/ @Override public void onPageSelected(int position) { imageViews.get(position).setSelected(true);//滑動(dòng)后顏色改變 imageViews.get(oldPostion).setSelected(false);//變?yōu)槌跏碱伾? oldPostion = position;//把滑動(dòng)后的圓點(diǎn)的position給原來(lái)的oldPostion } /**滑動(dòng)狀態(tài)改變時(shí)調(diào)用*/ @Override public void onPageScrollStateChanged(int state) { } }); } }
以上所述是小編給大家介紹的Android 使用ViewPager實(shí)現(xiàn)輪播圖效果,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- android?ViewPager實(shí)現(xiàn)一個(gè)無(wú)限輪播圖
- viewpager實(shí)現(xiàn)自動(dòng)循環(huán)輪播圖
- Android Viewpager實(shí)現(xiàn)無(wú)限循環(huán)輪播圖
- Android使用viewpager實(shí)現(xiàn)自動(dòng)無(wú)限輪播圖
- ViewPager打造輪播圖Banner/引導(dǎo)頁(yè)Guide
- 淺談Viewpager和輪播圖的沖突解決方法
- Android ViewPager實(shí)現(xiàn)輪播圖效果
- Android實(shí)現(xiàn)基于ViewPager的無(wú)限循環(huán)自動(dòng)播放帶指示器的輪播圖CarouselFigureView控件
- Android中用RxJava和ViewPager實(shí)現(xiàn)輪播圖
- 使用ViewPager2實(shí)現(xiàn)簡(jiǎn)易輪播圖效果
相關(guān)文章
Android編程入門之HelloWorld項(xiàng)目目錄結(jié)構(gòu)分析
這篇文章主要介紹了Android編程入門之HelloWorld項(xiàng)目目錄結(jié)構(gòu)分析,較為詳細(xì)的分析了Android項(xiàng)目的目錄結(jié)構(gòu)與具體作用,需要的朋友可以參考下2015-12-12Android Activity的啟動(dòng)過(guò)程源碼解析
這篇文章主要介紹了Android Activity的啟動(dòng)過(guò)程源碼解析,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05Android 通過(guò)cmake的方式接入opencv的方法步驟
這篇文章主要介紹了Android 通過(guò)cmake的方式接入opencv的方法步驟,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04android實(shí)現(xiàn)圖片反轉(zhuǎn)效果
這篇文章主要介紹了android實(shí)現(xiàn)圖片反轉(zhuǎn)效果的方法,需要的朋友可以參考下2015-09-09Android使用KeyStore對(duì)數(shù)據(jù)進(jìn)行加密的示例代碼
這篇文章主要介紹了Android使用KeyStore對(duì)數(shù)據(jù)進(jìn)行加密的示例代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01Android源碼中final關(guān)鍵字的用法及final,finally,finalize的區(qū)別
Android的源碼中很多地方對(duì)final關(guān)鍵字的用法很是“別出心裁”,之所以這么說(shuō)是因?yàn)槲覐臎](méi)看過(guò)是這么使用final關(guān)鍵字的,通過(guò)本文給大家分享Android源碼中final關(guān)鍵字的用法及final,finally,finalize的區(qū)別,感興趣的朋友一起學(xué)習(xí)吧2015-12-12