BannerViewPager
轮播图控件
预览
1.用法
Android Studio使用依赖:
compile 'cn.kevin:bannerview:1.0.8'或者下载工程后使用
compile project(':banner')2.功能
- 实现广告轮播，通过设置参数，可以实现当前item、前一个、后一个同时显示的效果。
3.属性
| 自定义属性 | 含义 |
|---|---|
| marginLeft | 中心item距离整体控件左侧距离 |
| marginRight | 中心item距离整体控件右侧距离 |
| item_margin | item与item的间距 |
| around_visible | 是否露出上一个和下一个item, 默认为true |
| point_drawable | 页索引的drawle,默认为圆点， 为selector, 通过state_selected区分选中状态 |
| point_gravity | 页索引的显示位置，默认为bottom_center |
4.代码演示 也可参考demo中的代码
1.在布局文件中加入BannerViewPager
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/viewPagerContainer"
android:layout_width="match_parent"
android:layout_height="match_parent">
<kevinmob.banner.BannerViewPager
android:id="@+id/bvp"
android:layout_width="200dp"
android:layout_height="100dp"
android:layout_marginTop="30dp"
android:layerType="software"
app:item_margin="20dp"
app:marginLeft="40dp"
app:marginRight="40dp"
app:point_gravity="bottom_center" />
</FrameLayout>2.在java中设置数据
bannerViewPager = (BannerViewPager) findViewById(R.id.bvp);
BannerAdapter adapter = new BannerAdapter();
//item需要实现IBannerItem接口
List<IBannerItem> list = new ArrayList<>();
adapter.setData(context, list);
adapter.setImageLoader(new GlideImageLoader());
bannerViewPager.setBannerAdapter(adapter);
bannerViewPager.setBannerItemClick(new BannerViewPager.IBannerItemClick() {
@Override
public void onClick(IBannerItem data) {
Toast.makeText(MainActivity.this, " data.ImageUrl() " + data.ImageUrl(), Toast.LENGTH_SHORT).show();
}
});
//这里举例为Glide,实际使用时需配合自己项目中的图片加载框架完成图片加载
class GlideImageLoader implements ImageLoader {
@Override
public void onDisplayImage(Context context, ImageView imageView, String url) {
Glide.with(context).load(url).into(imageView);
}
}