3种常用轮播图

2018-06-22  本文已影响0人  Android_小菜鸡

                                    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(); 

 }

 });

上一篇下一篇

猜你喜欢

热点阅读