Android ConvenientBanner的简单实用

最新推荐文章于 2024-03-21 09:40:32 发布

原创最新推荐文章于 2024-03-21 09:40:32 发布 · 330 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#app #android #布局 #图片轮转

android 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何使用ConvenientBanner实现轮播图功能，包括添加依赖、创建布局文件、准备图片资源、实现页面翻转及配置指示器等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.首先要添加包的依赖。

compile 'com.bigkoo:convenientbanner:2.0.5'

2.需要在布局文件下添加一个layout布局文件。


<com.bigkoo.convenientbanner.ConvenientBanner
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/convenientBanner"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        app:canLoop="true" //控制循环与否
/>

3.1先把需要显示的图片放在一个静态列表中

    static List<Integer> localImages =new ArrayList<>();
    static {
        localImages.add(R.drawable.test01);
        localImages.add(R.drawable.test02);
        localImages.add(R.drawable.test03);
        localImages.add(R.drawable.test04);
    }

3.2需要实现页面翻转，需要给实现一个Holder。

public class LocalImageHolderView implements Holder<Integer>{
    private ImageView imageView;
    @Override
    public View createView(Context context) {
        imageView = new ImageView(context);
        imageView.setScaleType(ImageView.ScaleType.FIT_XY);
        return imageView;
    }

    @Override
    public void UpdateUI(Context context, final int position, Integer data) {
        imageView.setImageResource(data);
    }
}

3.3最后给convenientBanner添加图片列表和Holder。

ConvenientBanner convenientBanner=（ConvenientBanner）findViewById（R.id.convenientBanner）;
//其中的localImages就为图片列表，LocalImageHolderView（）为自己定义的Holder
convenientBanner.setPages(
                new CBViewHolderCreator<LocalImageHolderView>() {
                    @Override
                    public LocalImageHolderView createHolder() {
                        return new LocalImageHolderView();
                    }
                }, localImages )
                //设置两个点图片作为翻页指示器，不设置则没有指示器，可以根据自己需求自行配合自己的指示器,不需要圆点指示器可用不设
                .setPageIndicator(new int[]{R.drawable.ic_page_indicator, R.drawable.ic_page_indicator_focused})
                //设置指示器的方向
                .setPageIndicatorAlign(ConvenientBanner.PageIndicatorAlign.ALIGN_PARENT_RIGHT)
                //设置翻页的效果，不需要翻页效果可用不设
                //.setPageTransformer(Transformer.DefaultTransformer);    集成特效之后会有白屏现象，新版已经分离，如果要集成特效的例子可以看Demo的点击响应。
//        convenientBanner.setManualPageable(false);//设置不能手动影响