资讯类项目无限轮播Banner+圆点指示

107 阅读 0 评论 71 点赞

我是靠谱客的博主现实老鼠，最近开发中收集的这篇文章主要介绍资讯类项目无限轮播Banner+圆点指示，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

   思考一下ViewPager如何做成像京东、天猫APP那样首页有个定时轮播广告？
   思考一下当我们布局嵌套布局，里面嵌入了很多Button，那么我们点击的时候Button是如何响应的呢？    
   首先，将这些要轮播的图片和一些文本分别放置在不同的数据集合中，程序启动的时候默认显示一组图片和文本数据，然后启动一个定时器，每隔一段时间便替换掉显示的图片和文本数据，同时加入一些动画效果，已达到轮播的特效。同时，我们也要实现手指滑动图片达到轮播的效果。

添加依赖
compile 'com.youth.banner:banner:1.4.9'

//定义一个布局
<com.youth.banner.Banner
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="250sp"></com.youth.banner.Banner>
private String[] imgs = {
            "http://03.imgmini.eastday.com/mobile/20171011/d7a47b2372edfd7f9f8e1f36f02a1c36.jpeg",
            "http://img.igdzc.com/pics/2016/1016/20161016083525365.gif",
            "http://09.imgmini.eastday.com/mobile/20161220/20161220200653_a558bd0483b2ed43d143ac25a38c7b6f_1.jpeg",
            "http://y1.ifengimg.com/a/2015_25/08c1beb5ab9bb75_size206_w477_h330.jpg",
            "http://mil.k618.cn/bqk/201611/W020161105126440911240.jpg",
            "http://img0.utuku.china.com/649x0/mili/20170103/879ce8b7-37ad-441e-b7a0-d1d67ddc3ca7.jpg"
    };
private String[] images = {
            "http://pic71.nipic.com/file/20150709/9885883_133323978000_2.jpg",
            "http://image.club.china.com/twhb/2014/8/24/1011/1408883429066.jpg",
            "http://photocdn.sohu.com/20130115/Img363518686.jpg",
            "http://image.club.china.com/twhb/2016/1/14/1013/1452772291776_495.jpg",
            "http://images.china.cn/attachement/jpg/site1000/20150827/001fd04cf0161748f83d1c.jpg",
            "http://images.china.cn/attachement/jpg/site1000/20150827/001fd04cf0161748f83d1c.jpg",
            "http://image.club.china.com/twhb/2016/2/3/1013/1454513937918.jpeg"
    };
private Banner banner;
 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        banner = findViewById(R.id.banner);
        banner.setImages(Arrays.asList(imgs));
        banner.setImageLoader(new ImageLoader() {//配置重写好的加载图片的类
        public void displayImage(Context context, Object path, ImageView imageView) { 
        //全包名导入框架             com.nostra13.universalimageloader.core.ImageLoader.getInstance().displayImage((String) path, imageView);
            }
        });
        banner.setImages(Arrays.asList(imgs));//传入一个图片的集合
        //设置banner动画效果
        banner.setBannerAnimation(Transformer.DepthPage);
        //设置自动轮播，默认为true
        banner.isAutoPlay(true);
        //设置轮播时间
        banner.setDelayTime(3000);
        //设置指示器位置（当banner模式中有指示器时）
        banner.setIndicatorGravity(BannerConfig.CENTER);
        //banner设置方法全部调用完毕时最后调用
        banner.start();//开启轮播
    }
//定义一个图片加载的简单框架
ImageLoaderConfiguration configuration = new ImageLoaderConfiguration.Builder(this).build();
ImageLoader.getInstance().init(configuration);