ConvenientBanner实现轮播图效果
转载请标明:http://blog.csdn.net/sinat_38167329/article/details/78402111
本文是使用Retrofit+Rxjava及ConvenientBanner实现轮播效果,先看看效果:
轮播图效果实现步骤:
- 1、集成第三方框架
2、使用GsonFotmat生成BannerEntity
3、BannerService接口
使用retrofit的get请求,创建一个Observable对象
import com.lep.demo.bean.BannerEntity;
import retrofit2.Call;
import retrofit2.http.Field;
import retrofit2.http.FormUrlEncoded;
import retrofit2.http.GET;
import retrofit2.http.POST;
import rx.Observable;
public interface BannerService {
@GET("latest")
Observable<BannerEntity> getBannerEntity2();
}
- 4、搭建xml布局
搭建布局没什么好说的,只有一个ConvenientBanner线性布局即可,大小自己调
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<com.bigkoo.convenientbanner.ConvenientBanner
android:id="@+id/main_banner"
android:layout_width="match_parent"
android:layout_height="150dp"
android:layout_gravity="center_horizontal"
android:layout_marginTop="10dp"></com.bigkoo.convenientbanner.ConvenientBanner>
</LinearLayout>
- 5、MainActivity
首先使用retrofit构造gson转化器,设置BannerService为动态代理类,在完成订阅方法onCompleted里面设置convenientBanner属性。convenientBanner有很多属性,比如拖拽时不滑动,条目点击事件等,当然最重要的小圆点也是有的,而且小圆点的位置也可以调整。
public void getQuest() {
Retrofit retrofit = new Retrofit.Builder()
.baseUrl(UrlUtils.bannerUrl)
// 构建一个gson转化器
.addConverterFactory(GsonConverterFactory.create())
.addCallAdapterFactory(RxJavaCallAdapterFactory.create())
.build();
// 动态代理
BannerService serve = retrofit.create(BannerService.class);
serve.getBannerEntity2()
.subscribeOn(Schedulers.io())
// 拿到io线程的返回数据到主线程处理
.observeOn(AndroidSchedulers.mainThread())
.subscribe(new Observer<BannerEntity>() {
@Override
public void onCompleted() {
// 完成订阅
convenientBanner.setPages(new CBViewHolderCreator() {
@Override
public Object createHolder() {
return new MyViewholder();
}
}, list)
//设置指示器是否可见
.setPointViewVisible(true)
//设置自动切换(同时设置了切换时间间隔)
.startTurning(2000)
//设置两个点图片作为翻页指示器,不设置则没有指示器,可以根据自己需求自行配合自己的指示器,不需要圆点指示器可用不设
.setPageIndicator(new int[]{R.mipmap.point, R.mipmap.pointred})
//设置指示器的方向(左、中、右)
// .setPageIndicatorAlign(ConvenientBanner.PageIndicatorAlign.ALIGN_PARENT_RIGHT)
//设置点击监听事件
// .setOnItemClickListener((OnItemClickListener) MainActivity.this)
//设置手动影响(设置了该项无法手动切换)
// .setManualPageable(false)
//设置翻页的效果,不需要翻页效果可用不设
// setPageTransformer(Transformer.DefaultTransformer) // 集成特效之后会有白屏现象,新版已经分离,如果要集成特效的例子可以看Demo的点击响应。
;
}
@Override
public void onError(Throwable e) {
}
@Override
public void onNext(BannerEntity bannerEntity) {
// 向下执行
list.addAll(bannerEntity.getTop_stories());
}
});
}
总体来说,convenientBanner使用比viewpager简单,相对于大多数刚接触人更容易理解,作为第一次写CSDN,写的不好的地方请多多包涵。