對Android 利用ViewPager實現圖片可以左右循環滑動效果,感興趣的朋友可以直接點擊查看內容詳情。
主要介紹如何實現ViewPager自動播放,循環滾動的效果及使用。順便解決ViewPager嵌套(ViewPager inside ViewPager)影響觸摸滑動及ViewPager滑動速度設置問題。
先給大家展示下效果圖,喜歡的朋友可以下載源碼:
1、實現
沒有通過ScheduledExecutorService或Timer定期執行某個任務實現,而是簡單的通過handler發送消息去完成一次滾動,在完成一次滾動后發送另外一個delay的滾動消息,如此循環實現。自動滾動部分核心代碼如下:
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滑動速度的設置是通過反射的方式重新設置ViewPager的Scroller,改變Scroller的startScroll的間隔時間完成的。調用setScrollDurationFactor(double)即可。
2、使用
(1) 引入公共庫
引入Android Auto Scroll ViewPager@Github作為你項目的library(如何拉取代碼及添加公共庫)。
(2) 調用
僅需簡單兩步:
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、設置
setInterval(long) 設置自動滾動的間隔時間,單位為毫秒
setDirection(int) 設置自動滾動的方向,默認向右
setCycle(boolean) 是否自動循環輪播,默認為true
setScrollDurationFactor(double) 設置ViewPager滑動動畫間隔時間的倍率,達到減慢動畫或改變動畫速度的效果
setStopScrollWhenTouch(boolean) 當手指碰到ViewPager時是否停止自動滾動,默認為true
setSlideBorderMode(int) 滑動到第一個或最后一個Item的處理方式,支持沒有任何操作、輪播以及傳遞到父View三種模式
setBorderAnimation(boolean) 設置循環滾動時滑動到從邊緣滾動到下一個是否需要動畫,默認為true
4、其他
(1) 指示器,圓形或是方形指示器請配合ViewPagerIndicator使用
(2)無限循環,如果希望在最后一張繼續播放第一張而不是退回到第一張,請參考AutoScrollViewPagerSingleDemo.java,注意這個特性不能和 ViewPagerIndicator 使用
新聞熱點
疑難解答
圖片精選