1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > Android入门Banner轮播图的使用(详解)

Android入门Banner轮播图的使用(详解)

时间:2020-02-29 00:27:35

相关推荐

Android入门Banner轮播图的使用(详解)

Banner是Android一个轮播图的框架,使用Banner让我们实现轮播效果的代码更加简洁化。

先上效果图:

1.添加依赖 ---- com.youth.banner:banner:1.4.9

implementation 'com.youth.banner:banner:1.4.9'

2.在xml布局文件中添加Banner控件

<com.youth.banner.Bannerandroid:id="@+id/banner"android:layout_width="match_parent"android:layout_height="100dp"></com.youth.banner.Banner>

3.需要在配置文件Manifest中添加网络权限:

<uses-permission android:name="android.permission.INTERNET"></uses-permission><!--访问网络权限--><uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"></uses-permission><!--读取外部储存卡-->

4.在Java代码中实例化Banner,Banner需要两个List集合来存放图片的URL,和对应的标题

//存放地址的集合listPath = new ArrayList<>();//存放标题的集合listTitle = new ArrayList<>();listPath.add("/large/006uZZy8jw1faic21363tj30ci08ct96.jpg");listPath.add("/large/006uZZy8jw1faic259ohaj30ci08c74r.jpg");listPath.add("/large/006uZZy8jw1faic2b16zuj30ci08cwf4.jpg");listPath.add("/large/006uZZy8jw1faic2e7vsaj30ci08cglz.jpg");listTitle.add("a");listTitle.add("b");listTitle.add("c");listTitle.add("d");

5.设置Banner --- 图片我这里采用了Glide图片加载框架获取:

内置样式有好几种,可以自己尝试去设置一下看看变化。

//设置内置样式banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR);banner.setImageLoader(new MyLoader());//设置图片网址或地址的集合banner.setImages(listPath);//设置轮播图的标题集合banner.setBannerTitles(listTitle);//设置轮播间隔时间banner.setDelayTime(2000);//设置是否为自动轮播 默认是 “是”banner.isAutoPlay(true);//设置显示器的位置 小点点 左中右banner.setIndicatorGravity(BannerConfig.CENTER);//设置轮播图的监听 必须调用start() 启动轮播图banner.setOnBannerListener(this);banner.start();//一定不能缺start}//banner 单击方法@Overridepublic void OnBannerClick(int position) {Toast.makeText(this, "你点击了第" + position + "张轮播图", Toast.LENGTH_SHORT).show();}//图片加载类private class MyLoader implements ImageLoaderInterface {@Overridepublic void displayImage(Context context, Object path, View imageView) {Glide.with(MainActivity.this).load((String)path).into((ImageView) imageView);}@Overridepublic View createImageView(Context context) {return null;}}

最后不知道说啥,再来一张效果图吧。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。