android自动循环轮播图,android 轮播图无限循环，自动播放

深藏阁楼爱情的钟 2022-10-16 03:58 147阅读 0赞

在Fragment中添加Handler：

private static class BannerHandler extends Handler \{

@Override

public void handleMessage(Message msg) \{

if (msg.what == MSG\_SWITCH\_PIC) \{

if (vpBanner != null) \{

if (switchPictureAdapter != null) \{

vpBanner.setCurrentItem(vpBanner.getCurrentItem() + 1);

this.sendEmptyMessageDelayed(MSG\_SWITCH\_PIC,

BANNER\_TIME\_PEROID);

初始化：

bannerHandler = new BannerHandler();

bannerHandler.sendEmptyMessageDelayed(MSG\_SWITCH\_PIC,

BANNER\_TIME\_PEROID);

mImgUrls.clear();

mImgUrls.add("https://www.baidu.com/img/bd\_logo1.png");

switchPictureAdapter = new SwitchPictureAdapter(mActivity, vpBanner,

mImgUrls, view);

vpBanner.setAdapter(switchPictureAdapter);

if (mImgUrls.size() > 1) \{

vpBanner.setCurrentItem(1);

轮播图的适配器：

public class SwitchPictureAdapter extends PagerAdapter \{

private Context mContext;

private List mImageViews;

private List mImgUrls;

private LinearLayout mPoints;

private ViewPager mViewPage;

public SwitchPictureAdapter(Context mContext, ViewPager page,

List mImgUrls, View view) \{

super();

this.mContext = mContext;

this.mImgUrls = mImgUrls;

this.mImageViews = new ArrayList();

this.mViewPage = page;

this.mPoints = (LinearLayout) view.findViewById(R.id.ll\_point);

mPoints.removeAllViews();

initData();

initViews();

this.mViewPage.setOnPageChangeListener(new PagerListener());

private void initData() \{

// 实现无限循环，另外添加两张图片

mImgUrls.add(0, mImgUrls.get(mImgUrls.size() - 1)); // 第一个位置添加最后一张

mImgUrls.add(mImgUrls.get(1));// 最后一个位置添加第0张

// 添加点

for (int i = 0; i < mImgUrls.size() - 2; i++) \{

ImageView point = new ImageView(mContext);

int dp = (int) TypedValue.applyDimension(

TypedValue.COMPLEX\_UNIT\_DIP, 8, mContext.getResources()

.getDisplayMetrics());

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(

dp, dp);

int margin = (int) TypedValue.applyDimension(

TypedValue.COMPLEX\_UNIT\_DIP, 4, mContext.getResources()

.getDisplayMetrics());

params.setMargins(margin, 0, margin, 0);

point.setLayoutParams(params);

if (i == 0) \{

point.setBackgroundResource(R.drawable.point\_red);

\} else \{

point.setBackgroundResource(R.drawable.point\_normal);

mPoints.addView(point);

private void initViews() \{

if (mImgUrls != null) \{

for (int i = 0; i < mImgUrls.size(); i++) \{

ImageView view = new ImageView(mContext);

view.setLayoutParams(new LayoutParams(

LayoutParams.MATCH\_PARENT, LayoutParams.MATCH\_PARENT));

ImageLoadUtil.loadImage(mImgUrls.get(i), view);

mImageViews.add(view);

if (mImgUrls.size() <= 3) \{// 说明只有一张图片

break;

@Override

public Object instantiateItem(ViewGroup container, int position) \{

ImageView view = mImageViews.get(position);

ViewGroup parent = (ViewGroup) view.getParent();

if (parent != null) \{

parent.removeAllViews();

container.addView(view);

return view;

@Override

public int getCount() \{

if (mImgUrls == null) \{

return 0;

if (mImgUrls.size() <= 3) \{

return 1;

return mImgUrls.size();

@Override

public boolean isViewFromObject(View arg0, Object arg1) \{

return arg0 == arg1;

@Override

public void destroyItem(ViewGroup container, int position, Object object) \{

container.removeView((ImageView) object);

private class PagerListener implements OnPageChangeListener \{

@Override

public void onPageScrollStateChanged(int arg0) \{

@Override

public void onPageScrolled(int arg0, float arg1, int arg2) \{

@Override

public void onPageSelected(int pos) \{

if (mImageViews.size() > 1) \{ // 图片多余一张才轮播

if (pos < 1) \{

pos = mImageViews.size() - 2;

mViewPage.setCurrentItem(pos, false);

\} else if (pos > mImageViews.size() - 2) \{

mViewPage.setCurrentItem(1, false);

pos = 1;

for (int i = 0; i < mPoints.getChildCount(); i++) \{

if (pos == i + 1) \{

mPoints.getChildAt(i).setBackgroundResource(

R.drawable.point\_red);

\} else \{

mPoints.getChildAt(i).setBackgroundResource(

R.drawable.point\_normal);

手指移动不播放

/\*\*

\* 手滑动banner时不自动播放

\*/

@Override

public boolean onTouch(View v, MotionEvent event) \{

if (v.getId() == R.id.vp\_banner) \{

switch (event.getAction()) \{

case MotionEvent.ACTION\_DOWN:

bannerHandler.removeMessages(MSG\_SWITCH\_PIC);

break;

case MotionEvent.ACTION\_MOVE:

bannerHandler.removeMessages(MSG\_SWITCH\_PIC);

break;

case MotionEvent.ACTION\_UP:

bannerHandler.sendEmptyMessageDelayed(MSG\_SWITCH\_PIC,

BANNER\_TIME\_PEROID);

break;

case MotionEvent.ACTION\_CANCEL:

bannerHandler.sendEmptyMessageDelayed(MSG\_SWITCH\_PIC,

BANNER\_TIME\_PEROID);

break;

default:

break;

return false;

android自动循环轮播图,android 轮播图无限循环，自动播放

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Android无限循环轮播广告位Banner

相关 android自动循环轮播图,android 轮播图无限循环，自动播放

相关 html菜鸟教程轮播图自动播放,原生JS实现轮播图

相关 android 轮播图

相关自动轮播图html css js代码,js轮播(自动轮播图html代码)

相关循环轮播图

相关顶部轮播图(自动循环滚动)

相关 ViewPager 无限轮播自动轮播

相关 Android——Banner无限轮播图

相关自动轮播banner图