對Android 利用ViewPager實(shí)現(xiàn)圖片可以左右循環(huán)滑動效果，感興趣的朋友可以直接點(diǎn)擊查看內(nèi)容詳情。

主要介紹如何實(shí)現(xiàn)ViewPager自動播放，循環(huán)滾動的效果及使用。順便解決ViewPager嵌套(ViewPager inside ViewPager)影響觸摸滑動及ViewPager滑動速度設(shè)置問題。

先給大家展示下效果圖，喜歡的朋友可以下載源碼：

1、實(shí)現(xiàn)

沒有通過ScheduledExecutorService或Timer定期執(zhí)行某個(gè)任務(wù)實(shí)現(xiàn)，而是簡單的通過handler發(fā)送消息去完成一次滾動，在完成一次滾動后發(fā)送另外一個(gè)delay的滾動消息，如此循環(huán)實(shí)現(xiàn)。自動滾動部分核心代碼如下：

Java

 public void startAutoScroll() {
 isAutoScroll = true;
 sendScrollMessage(interval);
 }
 private void sendScrollMessage(long delayTimeInMills) {
 /** remove messages before, keeps one message is running at most **/
 handler.removeMessages(SCROLL_WHAT);
 handler.sendEmptyMessageDelayed(SCROLL_WHAT, delayTimeInMills);
 }
 private class MyHandler extends Handler {
 @Override
 public void handleMessage(Message msg) {
  super.handleMessage(msg);
  switch (msg.what) {
  case SCROLL_WHAT:
   scrollOnce();
   sendScrollMessage(interval);
   break;
  }
 }
 }

 至于ViewPager嵌套引起子ViewPager無法觸摸問題是通過在子ViewPager的onTouchEvent中添加

Java

getParent().requestDisallowInterceptTouchEvent(true);

禁止父控件對touch event做intercept解決的。

ViewPager滑動速度的設(shè)置是通過反射的方式重新設(shè)置ViewPager的Scroller，改變Scroller的startScroll的間隔時(shí)間完成的。調(diào)用setScrollDurationFactor(double)即可。

2、使用

(1) 引入公共庫

引入Android Auto Scroll ViewPager@Github作為你項(xiàng)目的library(如何拉取代碼及添加公共庫)。

(2) 調(diào)用

僅需簡單兩步：

a. 布局定義

Java

<cn.trinea.android.view.autoscrollviewpager.AutoScrollViewPager
 android:id="@+id/view_pager"
 android:layout_width="match_parent"
 android:layout_height="wrap_content" />

代替一般的ViewPager定義

b. 啟動ViewPager自動滾動

startAutoScroll() 啟動自動滾動
stopAutoScroll() 停止自動滾動

3、設(shè)置

setInterval(long) 設(shè)置自動滾動的間隔時(shí)間，單位為毫秒
setDirection(int) 設(shè)置自動滾動的方向，默認(rèn)向右
setCycle(boolean) 是否自動循環(huán)輪播，默認(rèn)為true
setScrollDurationFactor(double) 設(shè)置ViewPager滑動動畫間隔時(shí)間的倍率，達(dá)到減慢動畫或改變動畫速度的效果
setStopScrollWhenTouch(boolean) 當(dāng)手指碰到ViewPager時(shí)是否停止自動滾動，默認(rèn)為true
setSlideBorderMode(int) 滑動到第一個(gè)或最后一個(gè)Item的處理方式，支持沒有任何操作、輪播以及傳遞到父View三種模式
setBorderAnimation(boolean) 設(shè)置循環(huán)滾動時(shí)滑動到從邊緣滾動到下一個(gè)是否需要動畫，默認(rèn)為true

4、其他

（1） 指示器，圓形或是方形指示器請配合ViewPagerIndicator使用
（2）無限循環(huán)，如果希望在最后一張繼續(xù)播放第一張而不是退回到第一張，請參考AutoScrollViewPagerSingleDemo.java，注意這個(gè)特性不能和 ViewPagerIndicator 使用

最新評論