轮播功能在APP中是比较常见的,网上也有很多第三方的自动轮播库,做的很不错,这里自己手写一版简单的ViewPager+Handler机制的自动无限轮播,小白可以直接上手的。
先上简单的核心代码,代码中有详细的注释。
private void initView() {
auto_viewpager = (ViewPager) findViewById(R.id.vp_shuffling);
tv_content = (TextView) findViewById(R.id.tv_content);
dotLayout = (LinearLayout) findViewById(R.id.layout_point);
mADParseArray = new ArrayList<String>();
mADParseArray
.add("http://m.easyto.com/m/zhulifuwu_banner.jpg");
mADParseArray
.add("http://m.easyto.com/m/japan/images/banner_3y_new.jpg");
mADParseArray
.add("http://m.easyto.com/m/japan/images/banner_5y_new.jpg");
final int size = mADParseArray.size();
content = new String[]{"轮播图介绍一", "轮播图介绍二", "轮播图介绍三"};
auto_viewpager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
/**
* @param position:跳转完毕的页码角标,这个方法做自动轮播
*/
@Override
public void onPageSelected(int position) {
Log.e(TAG, "onPageSelected");
refreshPoint(position % size);
if (mHandler.hasMessages(HOME_AD_RESULT)) {
mHandler.removeMessages(HOME_AD_RESULT);
}
mHandler.sendEmptyMessageDelayed(HOME_AD_RESULT, 3000);
}
/**
* @param arg0:滑动时代表当前页角标,滑动结束时代表滑动停止时的页码角标
* @param arg1:0-1或者1-0变化
* @param arg2:0 <-> 屏幕的宽度值变化
*/
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
Log.e(TAG, "onPageScrolled");
}
/**
* @param arg0:0 没滑动 1:正在滑动 2:滑动完毕
*/
@Override
public void onPageScrollStateChanged(int arg0) {
Log.e(TAG, "onPageScrollStateChanged = " + arg0);
if (ViewPager.SCROLL_STATE_DRAGGING == arg0
&& mHandler.hasMessages(HOME_AD_RESULT)) {
mHandler.removeMessages(HOME_AD_RESULT);
}
}
});
//
BannerAdapter adapter = new BannerAdapter(mContext, mADParseArray);
auto_viewpager.setAdapter(adapter);
initPointsLayout(size);
auto_viewpager.setCurrentItem(size * 1000, false);//设置当前position,不设置开始无法右滑
// 利用handler启动自动轮播
mHandler.sendEmptyMessageDelayed(HOME_AD_RESULT, 3000);
}
handler中
private Handler mHandler = new Handler() {
public void handleMessage(Message msg) {
switch (msg.what) {
// 广告
case HOME_AD_RESULT:
auto_viewpager.setCurrentItem(auto_viewpager.getCurrentItem() + 1,
true);//设置播放下一页
break;
}
}
};