美文网首页
3种常用轮播图

3种常用轮播图

作者: Android_小菜鸡 | 来源:发表于2018-06-22 16:11 被阅读0次

                                        3种轮播图的简单使用

    Banner轮播图的使用

    1、使用的依赖

    compile 'com.youth.banner:banner:1.4.10'

    compile 'com.github.bumptech.glide:glide:3.8.0' //Glide依赖可以用于加载图片

    2、在xml中设置控件Banner

    <com.yout.banner.Banner

        android:id="@+id/mBanner"

        android:layout_width="match_parent"

        android:layout_height="wrap_content">

    3、在Activity中获取控件

            //设置我们要解析的类

            mBanner.setImageLoader(new SubImageLoad());

          //添加资源 就是图片集合

            mBanner.setImages(List<String> ImageUrls)

            //最后开启

            mBanner.start();

    4、自定义类去解析图片

        class SubImageLoad extends ImageLoader {

            @Override

            public void displayImage(Context context, Object path, ImageView imageView) {

                Glide.with(context).load((String) path).into(imageView);

            }

        }


    FlyBanner轮播图的使用

    1、使用的依赖

    compile 'com.recker.flybanner:flybanner:1.3'

    2、在xml中设置控件Banner

    <com.recker.flybanner:FlyBanner

        android:id="@+id/mFlyBanner"

        android:layout_width="match_parent"

        android:layout_height="wrap_content">

    3、在Activity中获取控件并做操作

          //添加资源 就是图片集合

    mFlyBanner.setImages(List<Integer> Images); //方法中传入本地图片集合mFlyBanner.setImagesUrl(List<String> urls); // 方法中传入网络图片地址集合

            //最后开启

            mFlyBanner.start();

    4 设置监听

      mFlyBanner.setOnItemClickListener(new FlyBanner.OnItemClickListener() {

                @Override

                public void onItemClick(int position) {

                    Toast.makeText(MainActivity.this, "点击了第"+position+"图片", Toast.LENGTH_SHORT).show();

                }

            });


    XBanner轮播图的使用

    1、使用的依赖

     compile 'com.xhb:xbanner:1.1.2' 

    2、在xml中设置控件Banner

    <com.xhb:xbanner.XBanner

        android:id="@+id/mXBanner"

        android:layout_width="match_parent"

        android:layout_height="wrap_content">

    3、在Activity中获取控件并做操作

    mXBanner.setmAutoPalyTime(2000); //设置播放时间 其他也可以设置。mXBanner.setData(List<?extends object> data); //展示的图片集合

    //利用Glide 展示图片

     mXBanner.setmAdapter(new XBanner.XBannerAdapter() { 

     @Override 

     public void loadBanner(XBanner banner, View view, int position) { Glide.with(MainActivity.this).load(mPaths.get(position)).into((ImageView) view);

     }

     });

    4 设置监听 

     mXBanner.setOnItemClickListener(new XBanner.OnItemClickListener() { 

     @Override 

     public void onItemClick(XBanner banner, int position) { 

     Toast.makeText(MainActivity.this, "点击了第"+position+"图片", Toast.LENGTH_SHORT).show(); 

     }

     });

    相关文章

      网友评论

          本文标题:3种常用轮播图

          本文链接:https://www.haomeiwen.com/subject/lsbqsftx.html