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.Banner
    android: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("http://ww4.sinaimg.cn/large/006uZZy8jw1faic21363tj30ci08ct96.jpg");
        listPath.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic259ohaj30ci08c74r.jpg");
        listPath.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic2b16zuj30ci08cwf4.jpg");
        listPath.add("http://ww4.sinaimg.cn/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 单击方法
    @Override
    public void OnBannerClick(int position) {
        Toast.makeText(this, "你点击了第" + position + "张轮播图", Toast.LENGTH_SHORT).show();
    }
    //图片加载类
    private class MyLoader implements ImageLoaderInterface {
        @Override
        public void displayImage(Context context, Object path, View imageView) {
            Glide.with(MainActivity.this).load((String)path).into((ImageView) imageView);
        }

        @Override
        public View createImageView(Context context) {
            return null;
        }
    }

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

 

        

  • 5
    点赞
  • 32
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
使用Android Studio中的Banner轮播图,需要按照以下步骤进行: 1. 添加依赖项 在build.gradle文件中,添加以下依赖项: ``` dependencies { implementation 'com.youth.banner:banner:2.2.1' } ``` 2. 在布局文件中添加Banner 在布局文件中,添加以下代码: ``` <com.youth.banner.Banner android:id="@+id/banner" android:layout_width="match_parent" android:layout_height="200dp"/> ``` 3. 设置Banner数据 在Activity或Fragment中,获取Banner实例,并设置数据源: ``` Banner banner = findViewById(R.id.banner); List<String> images = new ArrayList<>(); images.add("http://www.xxx.com/1.jpg"); images.add("http://www.xxx.com/2.jpg"); images.add("http://www.xxx.com/3.jpg"); banner.setImages(images); banner.start(); ``` 其中,images为Banner的数据源,可以是本地图片路径或网络图片链接。 4. 设置Banner样式和事件监听 可以通过Banner的属性和方法,设置Banner的样式和事件监听。例如: ``` banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE); banner.setBannerTitles(titles); banner.setDelayTime(2000); banner.setOnBannerListener(new OnBannerListener() { @Override public void OnBannerClick(int position) { // Banner的点击事件处理 } }); ``` 其中,setBannerStyle方法可以设置Banner的样式,setBannerTitles方法可以设置Banner的标题,setDelayTime方法可以设置Banner的切换时间间隔,setOnBannerListener方法可以设置Banner的点击事件监听。 5. 运行程序 最后,运行程序,查看Banner轮播图效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值