以前一直写广告轮播,都是自己实现,最近看帖子的时候,看到,有一个很不错的广告轮播第三发框架,赶快学习一下。
详情其实再github上也有介绍ConvenientBanner Github : ConvenientBanner
先上效果图(不知道为啥效果图,像素这么低)
1.首先添加依赖
ompile 'com.bigkoo:convenientbanner:2.0.5'
2.xml布局中添加
<com.bigkoo.convenientbanner.ConvenientBanner
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/convenientBanner"
android:layout_width="match_parent"
android:layout_height="200dp"
app:canLoop="true" //控制循环与否
/>
3.获取网络图片
- 首先得在清单文件中,添加权限
<uses-permission android:name="android.permission.INTERNET"/>
- MainActivity中
public class MainActivity extends AppCompatActivity implements OnItemClickListener {
private ConvenientBanner convenientBanner;
private List<String> networkImages;
private String[] images = {"http://img2.imgtn.bdimg.com/it/u=3093785514,1341050958&fm=21&gp=0.jpg",
"http://img2.3lian.com/2014/f2/37/d/40.jpg",
"http://d.3987.com/sqmy_131219/001.jpg",
"http://img2.3lian.com/2014/f2/37/d/39.jpg",
"http://www.8kmm.com/UploadFiles/2012/8/201208140920132659.jpg",
"http://f.hiphotos.baidu.com/image/h%3D200/sign=1478eb74d5a20cf45990f9df460b4b0c/d058ccbf6c81800a5422e5fdb43533fa838b4779.jpg",
"http://f.hiphotos.baidu.com/image/pic/item/09fa513d269759ee50f1971ab6fb43166c22dfba.jpg"
};
//第三方图片加载库封装,glide,picas,自己决定使用哪个
protected ImageLoader imageLoader;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
convenientBanner = (ConvenientBanner) findViewById(R.id.convenientBanner);
imageLoader = ImageLoader.getInstance();
imageLoader.init(ImageLoaderConfiguration.createDefault(this));
//网络加载例子
networkImages = Arrays.asList(images);
convenientBanner.setPages(new CBViewHolderCreator<NetworkImageHolderView>() {
@Override
public NetworkImageHolderView createHolder() {
return new NetworkImageHolderView();
}
},networkImages)
//设置指示器是否可见
.setPointViewVisible(true)
//设置自动切换(同时设置了切换时间间隔)
.startTurning(2000)
//设置两个点图片作为翻页指示器,不设置则没有指示器,可以根据自己需求自行配合自己的指示器,不需要圆点指示器可用不设
.setPageIndicator(new int[]{R.drawable.ic_page_indicator, R.drawable.ic_page_indicator_focused})
//设置指示器的方向(左、中、右)
.setPageIndicatorAlign(ConvenientBanner.PageIndicatorAlign.ALIGN_PARENT_RIGHT)
//设置点击监听事件
.setOnItemClickListener(this)
//设置手动影响(设置了该项无法手动切换)
.setManualPageable(true);
}
//图片的点击事件
@Override
public void onItemClick(int position) {
Toast.makeText(this, "position:" + position, Toast.LENGTH_SHORT).show();
}
}
- NetworkImageHolderView
public static class NetworkImageHolderView implements Holder<BannerBean> {
private ImageView imageView;
@Override
public View createView(Context context) {
imageView = new ImageView(context);
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
return imageView;
}
@Override
public void UpdateUI(Context context, int position, BannerBean data) {
ImageLoader.load(context, data.getThumb(), imageView);
}
}
这样一个最简单实用的广告轮播就实现了。
最后再推荐一个好的广告轮播效果:BGABanner-Android