本篇文章給大家分享的是有關(guān)在Android開發(fā)中利用ViewPager實現(xiàn)一個輪播功能,小編覺得挺實用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
我們提供的服務(wù)有:成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、西市ssl等。為1000多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的西市網(wǎng)站制作公司
創(chuàng)新互聯(lián)服務(wù)項目包括通海網(wǎng)站建設(shè)、通海網(wǎng)站制作、通海網(wǎng)頁制作以及通海網(wǎng)絡(luò)營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,通海網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到通海省份的部分城市,未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!
ViewPager是一個常用的Android組件,不過通常我們使用ViewPager的時候不能實現(xiàn)左右無限循環(huán)滑動,在滑到邊界的時候會看到一個不能翻頁的動畫,可能影響用戶體驗。此外,某些區(qū)域性的ViewPager(例如展示廣告或者公告之類的ViewPager),可能需要自動輪播的效果,即用戶在不用滑動的情況下就能夠看到其他頁面的信息。
循環(huán)滑動效果的實現(xiàn):PagerAdapter
我們知道ViewPager自帶的滑動效果非常出色,因此我們基本不需要處理這個滑動,只處理內(nèi)容的顯示。而內(nèi)容的顯示是由Adapter控制的,因此這里重點就是這個Adapter了。為簡單起見,本例的每個View直接是一張圖片。下面是Adapter的代碼:
class ImageAdapter extends PagerAdapter { private ArrayList<ImageView> viewlist; public ImageAdapter(ArrayList<ImageView> viewlist) { this.viewlist = viewlist; } @Override public int getCount() { // 設(shè)置成最大,使用戶看不到邊界 return Integer.MAX_VALUE; } @Override public boolean isViewFromObject(View arg0, Object arg1) { return arg0 == arg1; } @Override public void destroyItem(ViewGroup container, int position, Object object) { // Warning:不要在這里調(diào)用removeView } @Override public Object instantiateItem(ViewGroup container, int position) { // 對ViewPager頁號求模取出View列表中要顯示的項 position %= viewlist.size(); if (position < 0) { position = viewlist.size() + position; } ImageView view = viewlist.get(position); // 如果View已經(jīng)在之前添加到了一個父組件,則必須先remove,否則會拋出IllegalStateException。 ViewParent vp = view.getParent(); if (vp != null) { ViewGroup parent = (ViewGroup) vp; parent.removeView(view); } container.addView(view); // add listeners here if necessary return view; } }
這里有幾個地方需要注意:
getCount() 方法的返回值:這個值直接關(guān)系到ViewPager的“邊界”,因此當(dāng)我們把它設(shè)置為Integer.MAX_VALUE之后,用戶基本就看不到這個邊界了。當(dāng)然,通常情況下設(shè)置為100倍實際內(nèi)容個數(shù)也是可以的,之前看的某個實現(xiàn)就是這么干的。
instantiateItem() 方法position的處理:由于我們設(shè)置了count為 Integer.MAX_VALUE,因此這個position的取值范圍很大很大,但我們實際要顯示的內(nèi)容肯定沒這么多(往往只有幾項),所以這里肯定會有求模操作。但是,簡單的求模會出現(xiàn)問題:考慮用戶向左滑的情形,則position可能會出現(xiàn)負(fù)值。所以我們需要對負(fù)值再處理一次,使其落在正確的區(qū)間內(nèi)。
instantiateItem() 方法父組件的處理:通常我們會直接addView,但這里如果直接這樣寫,則會拋出IllegalStateException。假設(shè)一共有三個view,則當(dāng)用戶滑到第四個的時候就會觸發(fā)這個異常,原因是我們試圖把一個有父組件的View添加到另一個組件。但是,如果直接寫成下面這樣:
(ViewGroup)view.getParent().removeView(view);
則又會因為一開始的時候組件并沒有父組件而拋出NullPointerException。因此,需要進(jìn)行一次判斷。也就是上面的代碼。
destroyItem() 方法:由于我們在instantiateItem()方法中已經(jīng)處理了remove的邏輯,因此這里并不需要處理。實際上,實驗表明這里如果加上了remove的調(diào)用,則會出現(xiàn)ViewPager的內(nèi)容為空的情況。
集成代碼:MainActivity
簡單布局 activity_main:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.example.viewpagerdemo.MainActivity" > <android.support.v4.view.ViewPager android:id="@+id/main_viewpager" android:layout_width="match_parent" android:layout_height="150dp" android:layout_gravity="center" > </android.support.v4.view.ViewPager> </RelativeLayout>
代碼操作MainActivity:
public class MainActivity extends Activity { private static final String LOG_TAG = "MainActivity"; private ImageHandler handler = new ImageHandler(new WeakReference<MainActivity>(this)); private ViewPager viewPager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 初始化iewPager的內(nèi)容 viewPager = (ViewPager) findViewById(R.id.main_viewpager); //數(shù)據(jù)集 ArrayList<ImageView> views = new ArrayList<ImageView>(); for (int i = 0; i < 7; i++) { ImageView view1 = new ImageView(this); if (i == 0) { view1.setImageResource(R.drawable.bargain_day1); } else if (i == 1) { view1.setImageResource(R.drawable.bargain_day2); } else if (i == 2) { view1.setImageResource(R.drawable.bargain_day3); } else if (i == 3) { view1.setImageResource(R.drawable.bargain_day4); } else if (i == 4) { view1.setImageResource(R.drawable.bargain_day5); } else if (i == 5) { view1.setImageResource(R.drawable.bargain_day6); } else if (i == 6) { view1.setImageResource(R.drawable.bargain_day7); } views.add(view1); } viewPager.setAdapter(new ImageAdapter(views)); viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() { // 配合Adapter的currentItem字段進(jìn)行設(shè)置。 @Override public void onPageSelected(int arg0) { handler.sendMessage(Message.obtain(handler, ImageHandler.MSG_PAGE_CHANGED, arg0, 0)); } @Override public void onPageScrolled(int arg0, float arg1, int arg2) { } // 覆寫該方法實現(xiàn)輪播效果的暫停和恢復(fù) @Override public void onPageScrollStateChanged(int arg0) { switch (arg0) { case ViewPager.SCROLL_STATE_DRAGGING: handler.sendEmptyMessage(ImageHandler.MSG_KEEP_SILENT); break; case ViewPager.SCROLL_STATE_IDLE: handler.sendEmptyMessageDelayed(ImageHandler.MSG_UPDATE_IMAGE, ImageHandler.MSG_DELAY); break; default: break; } } }); viewPager.setCurrentItem(Integer.MAX_VALUE / 2);// 默認(rèn)在中間,使用戶看不到邊界 // 開始輪播效果 handler.sendEmptyMessageDelayed(ImageHandler.MSG_UPDATE_IMAGE, ImageHandler.MSG_DELAY); }// end of onCreate //加上動畫滑動 private static class ImageHandler extends Handler { /** * 請求更新顯示的View。 */ protected static final int MSG_UPDATE_IMAGE = 1; /** * 請求暫停輪播。 */ protected static final int MSG_KEEP_SILENT = 2; /** * 請求恢復(fù)輪播。 */ protected static final int MSG_BREAK_SILENT = 3; /** * 記錄最新的頁號,當(dāng)用戶手動滑動時需要記錄新頁號,否則會使輪播的頁面出錯。 * 例如當(dāng)前如果在第一頁,本來準(zhǔn)備播放的是第二頁,而這時候用戶滑動到了末頁, * 則應(yīng)該播放的是第一頁,如果繼續(xù)按照原來的第二頁播放,則邏輯上有問題。 */ protected static final int MSG_PAGE_CHANGED = 4; // 輪播間隔時間 protected static final long MSG_DELAY = 3000; // 使用弱引用避免Handler泄露.這里的泛型參數(shù)可以不是Activity,也可以是Fragment等 private WeakReference<MainActivity> weakReference; private int currentItem = 0; protected ImageHandler(WeakReference<MainActivity> wk) { weakReference = wk; } @Override public void handleMessage(Message msg) { super.handleMessage(msg); Log.d(LOG_TAG, "receive message" + msg.what); MainActivity activity = weakReference.get(); if (activity == null) { // Activity已經(jīng)回收,無需再處理UI了 return; } // 檢查消息隊列并移除未發(fā)送的消息,這主要是避免在復(fù)雜環(huán)境下消息出現(xiàn)重復(fù)等問題。 if (activity.handler.hasMessages(MSG_UPDATE_IMAGE)) { activity.handler.removeMessages(MSG_UPDATE_IMAGE); } switch (msg.what) { case MSG_UPDATE_IMAGE: currentItem++; activity.viewPager.setCurrentItem(currentItem); // 準(zhǔn)備下次播放 activity.handler.sendEmptyMessageDelayed(MSG_UPDATE_IMAGE, MSG_DELAY); break; case MSG_KEEP_SILENT: // 只要不發(fā)送消息就暫停了 break; case MSG_BREAK_SILENT: activity.handler.sendEmptyMessageDelayed(MSG_UPDATE_IMAGE, MSG_DELAY); break; case MSG_PAGE_CHANGED: // 記錄當(dāng)前的頁號,避免播放的時候頁面顯示不正確。 currentItem = msg.arg1; break; default: break; } } } }
其中輪播效果的實現(xiàn):使用Handler進(jìn)行更新:
//加上動畫滑動 private static class ImageHandler extends Handler { /** * 請求更新顯示的View。 */ protected static final int MSG_UPDATE_IMAGE = 1; /** * 請求暫停輪播。 */ protected static final int MSG_KEEP_SILENT = 2; /** * 請求恢復(fù)輪播。 */ protected static final int MSG_BREAK_SILENT = 3; /** * 記錄最新的頁號,當(dāng)用戶手動滑動時需要記錄新頁號,否則會使輪播的頁面出錯。 * 例如當(dāng)前如果在第一頁,本來準(zhǔn)備播放的是第二頁,而這時候用戶滑動到了末頁, * 則應(yīng)該播放的是第一頁,如果繼續(xù)按照原來的第二頁播放,則邏輯上有問題。 */ protected static final int MSG_PAGE_CHANGED = 4; // 輪播間隔時間 protected static final long MSG_DELAY = 3000; // 使用弱引用避免Handler泄露.這里的泛型參數(shù)可以不是Activity,也可以是Fragment等 private WeakReference<MainActivity> weakReference; private int currentItem = 0; protected ImageHandler(WeakReference<MainActivity> wk) { weakReference = wk; } @Override public void handleMessage(Message msg) { super.handleMessage(msg); Log.d(LOG_TAG, "receive message" + msg.what); MainActivity activity = weakReference.get(); if (activity == null) { // Activity已經(jīng)回收,無需再處理UI了 return; } // 檢查消息隊列并移除未發(fā)送的消息,這主要是避免在復(fù)雜環(huán)境下消息出現(xiàn)重復(fù)等問題。 if (activity.handler.hasMessages(MSG_UPDATE_IMAGE)) { activity.handler.removeMessages(MSG_UPDATE_IMAGE); } switch (msg.what) { case MSG_UPDATE_IMAGE: currentItem++; activity.viewPager.setCurrentItem(currentItem); // 準(zhǔn)備下次播放 activity.handler.sendEmptyMessageDelayed(MSG_UPDATE_IMAGE, MSG_DELAY); break; case MSG_KEEP_SILENT: // 只要不發(fā)送消息就暫停了 break; case MSG_BREAK_SILENT: activity.handler.sendEmptyMessageDelayed(MSG_UPDATE_IMAGE, MSG_DELAY); break; case MSG_PAGE_CHANGED: // 記錄當(dāng)前的頁號,避免播放的時候頁面顯示不正確。 currentItem = msg.arg1; break; default: break; } } }
這里我定義了一個Handler來處理ViewPager的輪播。所謂的“輪播”效果實現(xiàn)起來是這樣的:每隔一定時間(這里是3秒)切換一次顯示的頁面。通過控制各頁面以一定順序循環(huán)播放,就達(dá)到了輪播的效果。為此,我們可以使用Handler的sendEmptyMessageDelayed()方法來實現(xiàn)定時更新,并注意用戶也可能會對帶有輪播效果的ViewPager手動進(jìn)行滑動操作,因此我認(rèn)為用戶這時候是希望查看指定頁面的,這時候應(yīng)該取消輪播。
以上就是在Android開發(fā)中利用ViewPager實現(xiàn)一個輪播功能,小編相信有部分知識點可能是我們?nèi)粘9ぷ鲿姷交蛴玫降摹OM隳芡ㄟ^這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
分享名稱:在Android開發(fā)中利用ViewPager實現(xiàn)一個輪播功能
轉(zhuǎn)載源于:http://vcdvsql.cn/article14/iijpde.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、做網(wǎng)站、定制開發(fā)、App設(shè)計、服務(wù)器托管、標(biāo)簽優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)