ViewPager Banner的使用

参考博客:http://www.jianshu.com/p/ef3536bf3b5d

使用步骤

Step 1.依赖banner

Gradle

dependencies{
    compile 'com.youth.banner:banner:1.4.8'  //最新版本
    or
    compile 'com.youth.banner:banner:1.3.3' //旧版本,旧版本用法下面有跳转链接
}

或者引用本地lib

compile project(':banner')

Step 2.添加权限到你的 AndroidManifest.xml


<uses-permission android:name="android.permission.INTERNET" /> 


<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

Step 3.在布局文件中添加Banner,可以设置自定义属性

!!!此步骤可以省略,直接在Activity或者Fragment中new Banner();

<com.youth.banner.Banner
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/banner"
    android:layout_width="match_parent"
    android:layout_height="高度自己设置" />

Step 4.重写图片加载器

public class GlideImageLoader extends ImageLoader {
    @Override
    public void displayImage(Context context, Object path, ImageView imageView) {
        /**
          常用的图片加载库:
          Universal Image Loader:一个强大的图片加载库,包含各种各样的配置,最老牌,使用也最广泛。      
          Picasso: Square出品,必属精品。和OkHttp搭配起来更配呦!          
          Volley ImageLoader:Google官方出品,可惜不能加载本地图片~          
          Fresco:Facebook出的,天生骄傲!不是一般的强大。         
          Glide:Google推荐的图片加载库,专注于流畅的滚动。
         */

        //Glide 加载图片简单用法
        Glide.with(context).load(path).into(imageView);

        //Picasso 加载图片简单用法
        Picasso.with(context).load(path).into(imageView)

        //用fresco加载图片简单用法
        Uri uri = Uri.parse((String) path);
        imageView.setImageURI(uri);
    }
    //提供createImageView 方法,如果不用可以不重写这个方法,方便fresco自定义ImageView
    @Override
    public ImageView createImageView(Context context) {
        SimpleDraweeView simpleDraweeView=new SimpleDraweeView(context);
        return simpleDraweeView;
    }
}

Step 5.在Activity或者Fragment中配置Banner

--------------------------简单使用-------------------------------
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Banner banner = (Banner) findViewById(R.id.banner);
    //设置图片加载器
    banner.setImageLoader(new GlideImageLoader());
    //设置图片集合
    banner.setImages(images);
    //banner设置方法全部调用完毕时最后调用
    banner.start();
}
--------------------------详细使用-------------------------------
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Banner banner = (Banner) findViewById(R.id.banner);
    //设置banner样式
    banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE);
    //设置图片加载器
    banner.setImageLoader(new GlideImageLoader());
    //设置图片集合
    banner.setImages(images);
    //设置banner动画效果
    banner.setBannerAnimation(Transformer.DepthPage);
    //设置标题集合(当banner样式有显示title时)
    banner.setBannerTitles(Arrays.asList(titles));
    //设置自动轮播,默认为true
    banner.isAutoPlay(true);
    //设置轮播时间
    banner.setDelayTime(1500);
    //设置指示器位置(当banner模式中有指示器时)
    banner.setIndicatorGravity(BannerConfig.CENTER);
    //banner设置方法全部调用完毕时最后调用
    banner.start();
}
-----------------当然如果你想偷下懒也可以这么用--------------------
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Banner banner = (Banner) findViewById(R.id.banner);
    banner.setImages(images).setImageLoader(new GlideImageLoader()).start()
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Fresco的图片加载方法~~~~~~~~~~~~~~~~~~~~~~
private void initViewPager(ShouYeBean shouYeBean) {
//设置图片集合 shouYeBean为解析的bean
    banner.setImages(shouYeBean.getAdvs());
//设置图片加载器
  banner.setImageLoader( new ImageLoader() { @Override public void displayImage(Context context, Object path, ImageView imageView) {
//获得路径
 String img = ((ShouYeBean.AdvsBean) path).getImg();
//转换为Fresco的图片
 ((SimpleDraweeView) imageView).setImageURI(img); }
//创建view视图
@Override public ImageView createImageView(Context context) {
//Fresco图片
 SimpleDraweeView simpleDraweeView = new SimpleDraweeView(getActivity()); return simpleDraweeView; } }); //banner设置方法全部调用完毕时最后调用 banner.start();}

你可能感兴趣的:(ViewPager Banner的使用)