概述

應(yīng)用首頁的廣告輪播Banner，一般都會(huì)使用ViewPager來實(shí)現(xiàn)，但是ViewPager 沒有輪播效果。

現(xiàn)成有這么幾種實(shí)現(xiàn)方案:

1.使用Integer.MAX_VALUE ,理論上很難達(dá)到邊界。

2.裝飾adapter方式imbryk/LoopingViewPager@Github。

3.擴(kuò)展ViewPager方式y(tǒng)anzm/LoopViewPager。

相關(guān)庫

輪播效果其實(shí)就是一個(gè)定時(shí)任務(wù)，可以用定時(shí)器，Handler等。

此庫通過handler定時(shí)發(fā)送消息實(shí)現(xiàn)，用的比較多，使用中感覺切換并非無縫。主要代碼如下：

/**

* scroll only once

*/

public void scrollOnce() {

PagerAdapter adapter = getAdapter();

int currentItem = getCurrentItem();

int totalCount;

if (adapter == null || (totalCount = adapter.getCount()) <= 1) {

return;

}

int nextItem = (direction == LEFT) ? --currentItem : ++currentItem;

if (nextItem < 0) {

if (isCycle) {

setCurrentItem(totalCount - 1, isBorderAnimation);

}

} else if (nextItem == totalCount) {

if (isCycle) {

setCurrentItem(0, isBorderAnimation);

}

} else {

setCurrentItem(nextItem, true);

}

}

這里是在最后或第一頁直接setCurrentItem(),因此，并非無縫輪播效果。

和本文開頭的幾個(gè)控件整合一下，即可方便 的實(shí)現(xiàn)我們想要無縫 的效果。

基本實(shí)現(xiàn)

改變首頁和最后一頁的跳轉(zhuǎn)設(shè)置。

/**

* scroll only once

*/

public void scrollOnce() {

PagerAdapter adapter = getAdapter();

int currentItem = getCurrentItem();

if (adapter == null || adapter.getCount() <= 1) {

return;

}

int nextItem = (direction == LEFT) ? --currentItem : ++currentItem;

setCurrentItem(nextItem, true);

}

2.實(shí)現(xiàn)方式選擇

第一種方式其實(shí)主要改變了adapter中的index，大體如下：

@Override

public int getCount() {

return Integer.MAX_VALUE;

}

@Override

public Object instantiateItem(ViewGroup container, int position) {

position = position % listviews.size() ;

//....

}

只是理論上的無限，需要自己處理position。

第二種裝飾了adapter，在前后各添加一個(gè)Item，當(dāng)?shù)搅宋覀兲砑拥呐R界item的時(shí)候，立即設(shè)置到正確的 position ，主要方法如下：

LoopPagerAdapterWrapper：

int toRealPosition(int position) {

int realCount = getRealCount();

if (realCount == 0)

return 0;

int realPosition = (position-1) % realCount;

if (realPosition < 0)

realPosition += realCount;

return realPosition;

}

這里，內(nèi)部封裝position映射，不需要自己處理position，和正常ViewPager使用方式一樣。

第三種，重寫擴(kuò)展ViewPager 繼承 ViewGroup，使其item無限。需要自己處理position，而且 和 JakeWharton/ViewPagerIndicator@Github搭配使用起來不是很方便，setViewPager方法需要額外處理。

綜上，使用第二種方式 擴(kuò)展性和 易用性都比較好。

Indicator

JakeWharton/ViewPagerIndicator@Github

這是一個(gè)比較全面的indicator，如果我們只需要簡單的CircleIndicator，可以抽取來使用。

優(yōu)秀相關(guān)開源庫：

也可以看看本人站在巨人肩膀上完成的DrawableIndicator@Github：可以實(shí)時(shí)偏移，切換動(dòng)畫，drawable資源。

效果圖：

DrawableIndicator

測試

my_banner.xml：

xmlns:app="http://schemas.android.com/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="match_parent">

android:id="@+id/picslooper1"

android:layout_width="match_parent"

android:layout_height="wrap_content" />

android:id="@+id/pageIndexor1"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_centerVertical="true"

app:indicator_height="15dp"

app:indicator_margin="15dp"

app:indicator_select_src="@drawable/select_drawable"

app:indicator_unselect_src="@drawable/unselect_drawable"

app:indicator_width="15dp" />

MainActivity:

AutoScrollViewPager viewPager = (AutoScrollViewPager) findViewById(R.id.picslooper1);

viewPager.setFocusable(true);

viewPager.setAdapter(new FragmentStateAdapter(getSupportFragmentManager()));

BaseIndicator pageIndex = (BaseIndicator) findViewById(R.id.pageIndexor1);

pageIndex.setViewPager(viewPager);

viewPager.startAutoScroll();

最終效果圖

AutoScrollLoopViewPager

總結(jié)

以上是生活随笔為你收集整理的无线轮播android,Android无限轮播Banner的实现的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。