Android 最简单实现广告轮播效果ConvenientBanner

妖狐艹你老母 2022-06-07 11:56 255阅读 0赞

以前一直写广告轮播，都是自己实现，最近看帖子的时候，看到，有一个很不错的广告轮播第三发框架，赶快学习一下。

详情其实再github上也有介绍ConvenientBanner [Github : ConvenientBanner][Github _ ConvenientBanner]

先上效果图（不知道为啥效果图，像素这么低）

![SouthEast][]

### 1.首先添加依赖 ###

ompile 'com.bigkoo:convenientbanner:2.0.5'

### 2.xml布局中添加 ###

<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.获取网络图片 ###

*  **首先得在清单文件中，添加权限**

<uses-permission android:name="android.permission.INTERNET"/>

*  **MainActivity中**

public class MainActivity extends AppCompatActivity implements OnItemClickListener { 
    
        private ConvenientBanner convenientBanner;
        private List<String> networkImages;
        private String[] images = {
       "http://img2.imgtn.bdimg.com/it/u=3093785514,1341050958&fm=21&gp=0.jpg",
                "http://img2.3lian.com/2014/f2/37/d/40.jpg",
                "http://d.3987.com/sqmy_131219/001.jpg",
                "http://img2.3lian.com/2014/f2/37/d/39.jpg",
                "http://www.8kmm.com/UploadFiles/2012/8/201208140920132659.jpg",
                "http://f.hiphotos.baidu.com/image/h%3D200/sign=1478eb74d5a20cf45990f9df460b4b0c/d058ccbf6c81800a5422e5fdb43533fa838b4779.jpg",
                "http://f.hiphotos.baidu.com/image/pic/item/09fa513d269759ee50f1971ab6fb43166c22dfba.jpg"
        };
        //第三方图片加载库封装，glide,picas,自己决定使用哪个
         protected ImageLoader imageLoader;
    
        @Override
        protected void onCreate(@Nullable Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            convenientBanner = (ConvenientBanner) findViewById(R.id.convenientBanner);
    
            imageLoader = ImageLoader.getInstance();
            imageLoader.init(ImageLoaderConfiguration.createDefault(this));
    
            //网络加载例子
            networkImages = Arrays.asList(images);
            convenientBanner.setPages(new CBViewHolderCreator<NetworkImageHolderView>() {
                @Override
                public NetworkImageHolderView createHolder() {
                    return new NetworkImageHolderView();
                }
            },networkImages)
                    //设置指示器是否可见
                    .setPointViewVisible(true)
                    //设置自动切换（同时设置了切换时间间隔）
                    .startTurning(2000)
                    //设置两个点图片作为翻页指示器，不设置则没有指示器，可以根据自己需求自行配合自己的指示器,不需要圆点指示器可用不设
                    .setPageIndicator(new int[]{R.drawable.ic_page_indicator, R.drawable.ic_page_indicator_focused})
                    //设置指示器的方向（左、中、右）
                    .setPageIndicatorAlign(ConvenientBanner.PageIndicatorAlign.ALIGN_PARENT_RIGHT)
                    //设置点击监听事件
                    .setOnItemClickListener(this)
                    //设置手动影响（设置了该项无法手动切换）
                    .setManualPageable(true);
        }
    
        //图片的点击事件
        @Override
        public void onItemClick(int position) {
            Toast.makeText(this, "position:" + position, Toast.LENGTH_SHORT).show();
        }
    }

*  **NetworkImageHolderView**

public static class NetworkImageHolderView implements Holder<BannerBean> { 
            private ImageView imageView;
    
            @Override
            public View createView(Context context) {
                imageView = new ImageView(context);
                imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
                return imageView;
            }
    
            @Override
            public void UpdateUI(Context context, int position, BannerBean data) {
                ImageLoader.load(context, data.getThumb(), imageView);
            }
        }

这样一个最简单实用的广告轮播就实现了。

最后再推荐一个好的广告轮播效果:[BGABanner-Android][]

[Github _ ConvenientBanner]: https://github.com/saiwu-bigkoo/Android-ConvenientBanner
[SouthEast]: /images/20220607/085a4eaaf0f8451283fe9c24b6a42926.png
[BGABanner-Android]: http://blog.csdn.net/wangwangli6/article/details/72865402