Android实现Banner自动滑动，支持手动滑动以及滑动bug解决

不多哔哔，直接上代码，相信我你就复制下来直接用就好！

先上xml布局：

<RelativeLayout

    android :id= "@+id/container"

    android :layout_width= "wrap_content"

    android :layout_height= "wrap_content" >

    <android.support.v4.view.ViewPager

        android :id= "@+id/viewpager"

        android :layout_width= "match_parent"

        android :layout_height= "180dip" />

    <LinearLayout

    android :id= "@+id/dot_group"

    android :layout_width= "match_parent"

    android :layout_height= "wrap_content"

    android :layout_marginTop= "5dip"

    android :gravity= "center_horizontal"

    android :orientation= "horizontal"

    android :layout_alignParentBottom= "true"

    android :layout_marginBottom= "10dp" >

</LinearLayout>

</RelativeLayout>

其实也就是一个viewpager和LinearLayout的结合，可以复制代码然后用工具格式化一下

接下来是小圆圈：

<? xml version= "1.0" encoding= "utf-8" ?>

<selector xmlns: android = "http://schemas.android.com/apk/res/android" >

    <item

        android :state_enabled= "true"

        android :drawable= "@drawable/dot_on" />

    <item

        android :state_enabled= "false"

        android :drawable= "@drawable/dot_off" />

</selector>

里面的dot_on和dot_off是自己绘制的一个小圆，这里不再多少，如果你不是白痴，也会绘制简单的图形应该能理解

接下来是逻辑实现：

list = new ArrayList<>() ;

for ( int id:data()){

    SimpleDraweeView iv= new SimpleDraweeView( this .getActivity()) ;

    //iv.setBackgroundResource(id);

    iv.setController(Staticaadaptive. getDraweeController (iv , Staticaadaptive. getUri ( this .getActivity() , id))) ;

    list .add(iv);

    View dot= new View( this .getActivity()) ;

    dot.setBackgroundResource(R.drawable. dot_select ) ;

    LinearLayout.LayoutParams p= new LinearLayout.LayoutParams( 10 , 10 ) ;

    p. leftMargin = 10 ;

    dot.setEnabled( false ) ;

    dot.setLayoutParams(p) ;

    dot_group .addView(dot) ;

}

我解释一下里面的对象，不要让看官骂我：里面的list是你往adapter中设置的list，遍历就不用说了吧，你设置多少资源就设置多少然后遍历，里面的SimpleDraweeView是我以前用的Fresco加载图片用的控件，我现在已经不用这个了，你们可以用普通的Imageview就好，接下来就是小圆圈的设置，然后加到上面xml中的LinearLayout中就好了（大哥，能解释的都解释了，我尽力了）

接下来是adapter：

public class Banneradapter extends PagerAdapter {
    private List<SimpleDraweeView> list;
    private Activity activity;
    public Banneradapter(Activity activity,List<SimpleDraweeView> list){
        this.activity=activity;
        this.list=list;
    }
    @Override
    public int getCount() {
        return Integer.MAX_VALUE;
    }


    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view==object;
    }


    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView((View)list.get(position%list.size()));
    }


    @Override
    public Object instantiateItem(ViewGroup container, final int position) {
        View view=list.get(position%list.size());
            view.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    if(position%list.size()==0||position%list.size()==1){
                        Intent intent=new Intent(activity, View_modelstate.class);
                        activity.startActivity(intent);
                    }
                }
            });
            container.addView(view);
        return view;
    }
}

别的就不说了，说一下里面的click我做的是Banner中item的点击事件，（偷懒）

接下来是pager的事件：

public class Pagelistener implements ViewPager.OnPageChangeListener {
    private int oldpositon;
    private List<SimpleDraweeView> list;
    private LinearLayout dot_group;
    public Pagelistener(List<SimpleDraweeView> list,LinearLayout dot_group){
        this.list=list;
        this.dot_group=dot_group;
    }
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override
    public void onPageSelected(int position) {
        int newpositon=position%list.size();
        dot_group.getChildAt(oldpositon).setEnabled(false);
        dot_group.getChildAt(newpositon).setEnabled(true);
        oldpositon=newpositon;
    }

    @Override
    public void onPageScrollStateChanged(int state) {

    }
}

这个就是监听现在显示的是那个，然后让小圆圈显示第几个，没啥说的吧！

接下来初始化设置：

dot_group .getChildAt( 0).setEnabled( true );

viewpager .setCurrentItem(0 ) ;

不说了，你至少应该告诉人家要先显示哪个吧！

接下来就是自动轮播了：

final Handler mHandler = new Handler() {

    @Override

    public void handleMessage (Message msg) {

        int pos= viewpager .getCurrentItem() ;

        switch (msg. what ){

            case b :

                viewpager .setCurrentItem(pos+ 1 ) ;

                break;

        }

        super .handleMessage(msg) ;

    }

} ;

Timer mtimer = new Timer() ;

TimerTask mTimerTask = new TimerTask() {

    @Override

    public void run () {

        // TODO Auto-generated method stub

        mHandler .sendEmptyMessage( b ) ;

    }

};

mtimer .schedule( mTimerTask , 3 * 1000 , 3 * 1000 ) ;

下面这个就是使用timer每隔3秒让他滚动一下

---------------------------------上面的就可以实现了，但是你使用的时候会有bug，不要骂我，接着看---------------------------------------------

将Handler替换Timer，使用Timer会引发线程问题

mHandler .postDelayed( autoRun ,  3000 ) ;

//banner 自动播放

Runnable  autoRun = new  Runnable() {

    @Override

    public void  run () {

        int  pos= viewpager .getCurrentItem()  ;

        viewpager .setCurrentItem(pos+  1 ) ;

        mHandler .postDelayed( autoRun ,  3000 ) ;

    }

} ;

在多个fragment中来回切换，fragment会重新创建（三个以及以上的fragment），所以，如果加入banner要将切换后移除Runable，否则会显示的越来越快！

@Override

public void  onDestroyView () {

    mHandler .removeCallbacks( autoRun ) ;

    mHandler .removeCallbacks( notifyRun ) ;

    mHandler .removeCallbacks( notifyExit ) ;

    super .onDestroyView() ;

}

不懂留言问吧，我说的很清楚了

----------------------------------------------轮播滑动崩溃问题解决-------------------------------------------------------------

@Override

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

         //container.removeView(list.get(position % list.size()).getIv());

    }

    @Override

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

        View view = list.get(position % list.size()).getIv();

         try {

            container.addView(view,0);

        }catch(Exception e){

            //handler something

        }

        view.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View view) {

                if (null != bannerItemCLick) {

                    bannerItemCLick.bannerItemClick(list.get(position % list.size()).getVideoId());

                }

            }

        });

        return view;

    }

使用过程中，如果你往左滑动没问题，你要是往右滑动直接爆炸，上面事解决方案，至于原理你和上面我的adapter比较一下就能明白了，至此完成了所有的实现以及bug解决方法

如果对您有帮助请继续以下程序：

QQ交流群：

打赏：