实际上关于这个banner 说到底就是个第三方,别人写好的。。。不说了 直接看代码吧
配置:
compile 'com.youth.banner:banner:1.4.9'
至于使用:
banner = (Banner) findViewById(R.id.banner);
//设置图片加载器
banner.setImageLoader(new GlideImageLoader());
//设置banner动画效果
banner.setBannerAnimation(Transformer.Default);
//设置自动轮播,默认为true
banner.isAutoPlay(true);
//设置轮播时间
banner.setDelayTime(1500);
//设置指示器位置(当banner模式中有指示器时)
banner.setIndicatorGravity(BannerConfig.RIGHT);
//设置标题集合(当banner样式有显示title时)
banner.setBannerTitles(titles);
banner.setViewPagerIsScroll(true);
banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);
banner.setOnBannerListener(new OnBannerListener() {
@Override
public void OnBannerClick(int position) {
}
这个图片加载器GlideImageLoader 也就是当你需要从服务器拉取数据时需要重写的。
package com.app.test.testbanner;
import android.content.Context;
import android.net.Uri;
import android.widget.ImageView;
import com.bumptech.glide.Glide;
import com.youth.banner.loader.ImageLoader;
/**
* Created by ${liumengqiang} on 2017/7/18.
*/
public class GlideImageLoader extends ImageLoader {
@Override
public void displayImage(Context context, Object path, ImageView imageView) {
/**
注意:
1.图片加载器由自己选择,这里不限制,只是提供几种使用方法
2.返回的图片路径为Object类型,由于不能确定你到底使用的那种图片加载器,
传输的到的是什么格式,那么这种就使用Object接收和返回,你只需要强转成你传输的类型就行,
切记不要胡乱强转!
*/
//Glide 加载图片简单用法
Glide.with(context).load(path).into(imageView);
}
}
这里面我用的是Glide ,当使用用fresco时,需要重写的createImageView方法
@Override
public ImageView createImageView(Context context) {
//使用fresco,需要创建它提供的ImageView,当然你也可以用自己自定义的具有图片加载功能的ImageView
SimpleDraweeView simpleDraweeView=new SimpleDraweeView(context);
return simpleDraweeView;
}
如果想改变那个指示点的图片或者轮播title的相关属性,有两种方法:
1:可以创建一个类CopyBanner继承com.youth.banner.Banner,然后将com.youth.banner.Banner类里面的东西都复制到CopyBanner类中。然后在xml中声明CopyBanner,接下来都是一样的了。
2:在XML 中直接填写属性:
<com.youth.banner.Banner xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="200dp"
app:indicator_drawable_selected="@drawable/select"
app:indicator_drawable_unselected="@drawable/unselect"
app:indicator_height="15dp"
app:indicator_width="15dp"
app:image_scale_type="fit_xy"
/>
显然第二种方法更简单。。。
至于具体属性 可以看下这篇博客 http://blog.csdn.net/duoluo9/article/details/52814582
banner 使用demo下载地址 http://download.csdn.net/detail/lmq121210/9902808