android-viewpager轮播图遇到的问题

推荐：

android-ViewPager的轮播

一、ViewPager滑动发生has a parent异常

报错：

java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child's parent first.

这种异常是该控件在前面已经添加过一个父控件，当再次滑动重复执行instantiateItem方法，会重复添加，解决方法是先判断其父容器是否存在，如存在，先和此子控件解除关系

@Override public Object instantiateItem(ViewGroup container, int position) { View view = this.list.get(position % list.size()); //判断其父容器是否存在，如存在，先和此子控件解除关系 ViewPager parent = (ViewPager) view.getParent(); if (parent != null) { parent.removeView(view); } container.addView(view); return view; } @Override public void destroyItem(ViewGroup container, int position, Object object) { //destroyItem()方法中可以不写任何东西效果会好一点 }

参考：

当使用ViewPager滑动发生java.lang.IllegalStateException: The specified child already has a parent.异常时的解决方案

Android使用ViewPager实现左右循环滑动及轮播效果

二、两头无限滑动

adapter中：

@Override public int getCount() { return Integer.MAX_VALUE; } @Override public Object instantiateItem(ViewGroup container, int position) { View view = this.list.get(position % list.size()); container.addView(view); return view; }

然后设置当前viewpager的item在中间某一个值即可。如下：

mViewPager.setCurrentItem(imgRes.length * 1000);

参考：

Android ViewPager 无限循环左右滑动（可自动） 实现

三、手按住不自动轮播

//通过监听onTouch事件，设置一个标签isLoop;手指按下时isLoop = false,手指抬起后isLoop = true; mViewPager.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View view, MotionEvent motionEvent) { switch (motionEvent.getAction()) { case MotionEvent.ACTION_DOWN: Toast.makeText(MainActivity.this, "Down", Toast.LENGTH_SHORT).show(); isLoop = false; break; case MotionEvent.ACTION_UP: Toast.makeText(MainActivity.this, "Up", Toast.LENGTH_SHORT).show(); isLoop = true; break; } return false; } });

设置是否自动轮播的关键：

//根据isLoop设置是否轮播 mTimer.schedule(new TimerTask() { @Override public void run() { Message message = new Message(); message.what = UPDATE_VIEWPAGER; if(isLoop){ //如果isLoop = true 才进行轮播 handler.sendMessage(message); } } }, 1000, 1000);//这里定义了轮播图切换的间隔时间

参考：

ViewPager自动轮播，手指按住停止轮播

四：切换的炫酷效果

直接看张鸿洋的博客：

巧用ViewPager 打造不一样的广告轮播切换效果

GitGub地址

五、滚动卡顿

使用张鸿洋炫酷的轮播viewpager发现，手动向左滚动时，右侧刚进来的一张图片会卡顿延迟（自动轮播表现不明显）。

1、滑动冲突

参考：Andriod性能优化之列表卡顿——以“简书”APP为例 Android开发者选项——Gpu呈现模式分析

通过开发者模式-Gpu呈现模式分析，发现

后来查看了布局，发现：主界面四个tab上面也是一个viewpager。

原来是viewpager 与 viewpager的fragment中的viewpager滑动冲突了。

然后优化：将主界面四个tab上面改为一个空白viewgroup。替换布局直接切换fragment：add、show、hide。

优化效果：

2、适配器问题

上面优化完毕，但是发现手动左滑，右侧的图片进入时依然会卡顿。

根据鸿洋大神的博客对比发现，我写的适配器的数据源在fragment中new ImageView 好了之后传进adapter。鸿洋是在adapter中new ImageView，按照鸿洋的设计，果然不卡顿了。

原来有问题的代码：

@Override public Object instantiateItem(ViewGroup container, int position) { View view = this.list.get(position % list.size()); //判断其父容器是否存在，如存在，先和此子控件解除关系 ViewPager parent = (ViewPager) view.getParent(); if (parent != null) { parent.removeView(view); } container.addView(view); return view; } @Override public void destroyItem(ViewGroup container, int position, Object object) { //destroyItem()方法中可以不写任何东西效果会好一点 }

估计就是addview前会remove加载过的view，由此造成卡顿。removeView只是从container中移除view，此view不一定会被回收。但是耗费时间。

mViewPager.setOffscreenPageLimit(3);//决定哪些会被回收。

完善后的代码：

public class DiscoverPagerAdapter extends PagerAdapter { private int[] imgRes; private Context context; public DiscoverPagerAdapter(Context context, int[] imgRes) { this.context = context; this.imgRes = imgRes; } @Override public int getCount() { return Integer.MAX_VALUE; } @Override public boolean isViewFromObject(View arg0, Object arg1) { return arg0 == arg1; } @Override public Object instantiateItem(ViewGroup container, final int position) { ImageView view = new ImageView(context); view.setScaleType(ImageView.ScaleType.FIT_XY); view.setImageResource(imgRes[position % imgRes.length]); container.addView(view); view.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { Toast.makeText(context, "position===" + position, Toast.LENGTH_LONG).show(); } }); return view; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((View) object); } }

这种方法在每次初始化一个page时都new一个ImageView，由于setOffscreenPageLimit的回收，不会导致内存问题。

3、每次初始化下一页太耗时导致显示延迟卡顿，所以可以添加缓存：

mViewPager.setOffscreenPageLimit(3);