用Banner实现自动轮播图,带有标题和页码。

效果图
Banner自动轮播加标题和页码
首先需要导入依赖!

implementation 'com.youth.banner:banner:1.4.10'

接下来就是布局

    <com.youth.banner.Banner android:id="@+id/bann"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="2"
        ></com.youth.banner.Banner>

这里是我是用线性布局给了个权重,不需要的小伙伴可以自己修改。

ArrayList<String> img=new ArrayList();
        Log.e("---list--",list.size()+"");
        for (int i=0;i<list.size();i++){
            img.add(图片网址);
        }
        banner.setImages(img);//banner需要一个内容是网址的集合
        banner.setImageLoader(new ImageLoader() {
            @Override
            public void displayImage(Context context, Object path, ImageView imageView) {
                String s = (String) path;
                Glide.with(Fragment_shi.this).load(s).into(imageView);//**注意**!,这是解析图片的一种方式想要使用的可以导入依赖{implementation 'com.github.bumptech.glide:glide:3.8.0'}导完以后就可以使用了。
            }
        });
        banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);//设置页码与标题
        banner.setBannerTitles(title);//设置标题,参数是一个String类型的集合
        banner.isAutoPlay(true);//设置是否持续轮播
        banner.setDelayTime(2000);//设置每次轮播的时长
        banner.start();//代码执行

有小伙伴可能就要想到了,点击图片事件呢?
下面就是图片的点击事件

banner.setOnClickListener(this);
@Override
    public void onClick(View view) {
        switch (view.getId()){
            case 0:
                break;
            case 1:
                break;
            case 2:
                break;
        }
    }

对应的就是各个图片的点击事件。
希望对你有班助。

相关文章:

  • 2022-01-01
  • 2021-10-07
  • 2021-12-02
  • 2022-02-08
  • 2021-05-29
  • 2021-04-25
  • 2021-11-22
  • 2021-04-19
猜你喜欢
  • 2022-03-07
  • 2021-12-02
  • 2021-07-15
  • 2021-10-20
  • 2022-12-23
  • 2021-12-02
相关资源
相似解决方案