效果展示:
使用步骤:
Step 1.依赖banner
Gradle
dependencies{
compile 'com.youth.banner:banner:1.4.9'
compile 'com.github.bumptech.glide:glide:3.7.0'
}
Step 2.添加权限到你的 AndroidManifest.xml
-
- <uses-permission android:name="android.permission.INTERNET" />
-
- <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
Step 3.在布局文件中添加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.在Activity或者Fragment中配置Banner,
(网络请求的数据,图片得手动添加,不能使用for循环)
- private List<String> imageArray;
- private List<String> imageTitle;
- private Banner mBanner;
-
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.activity_main);
-
-
- imageArray=new ArrayList<>();
-
- imageArray.add("http://img3.imgtn.bdimg.com/it/u=2758743658,581437775&fm=15&gp=0.jpg");
- imageArray.add("http://img3.imgtn.bdimg.com/it/u=2105877023,3759180926&fm=15&gp=0.jpg");
- imageArray.add("http://img2.imgtn.bdimg.com/it/u=1876814088,3589919070&fm=15&gp=0.jpg");
-
-
- imageTitle=new ArrayList<>();
- imageTitle.add("aaaaaaaaa");
- imageTitle.add("bbbbbbbbb");
- imageTitle.add("ccccccccc");
-
- mBanner = (Banner) findViewById(R.id.banner);
-
- mBanner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);
-
- mBanner.setImageLoader(new GlideImageLoader());
-
- mBanner.setImages(imageArray);
-
- mBanner.setBannerAnimation(Transformer.RotateDown);
-
- mBanner.setBannerTitles(imageTitle);
-
- mBanner.setDelayTime(1500);
-
- mBanner.setIndicatorGravity(BannerConfig.CENTER);
-
- mBanner.start();
- }
Step 5.重写图片加载器
- private class GlideImageLoader extends ImageLoader {
-
- @Override
- public void displayImage(Context context, Object path, ImageView imageView) {
-
- Glide.with(context).load((String) path).into(imageView);
- }
- }
Step 6.(可选)增加体验
-
- @Override
- protected void onStart() {
- super.onStart();
-
- mBanner.startAutoPlay();
- }
- @Override
- protected void onStop() {
- super.onStop();
-
- mBanner.stopAutoPlay();
- }
简单使用:
imageArray = new ArrayList<>();
imageArray.add(bean.getData().getGoods().getGoods_img());
imageArray.add(bean.getData().getGoods().getGoods_img());
imageArray.add(bean.getData().getGoods().getGoods_img());
imageArray.add(bean.getData().getGoods().getGoods_img());
//设置图片加载器
banner.setImageLoader(new GlideImageLoader());
//设置图片集合
banner.setImages(imageArray);
//banner设置方法全部调用完毕时最后调用
banner.start();
总结:
banner实现的效果和ViewPager十分相似,但是我们不能忘记ViewPager的使用,子啊引导页的时候,我们需要对ViewPager设置对应的监听事件!!
转载自:http://blog.csdn.net/github_37245515/article/details/64131812,
如有侵权,请告知删除。