Android Banner本地和网络轮播图使用介绍

2024-04-02 19:55

短信预约 -IT技能 免费直播动态提醒

加载本地图片

第一步：先在build.gradle中加入banner和glide的依赖


	//banner依赖
	implementation 'com.youth.banner:banner:1.4.9'
    //Glide框架
    implementation "com.github.bumptech.glide:glide:4.6.1"

第二步：xml布局


<com.youth.banner.Banner
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="300dp"
       />

第三步：MainActivity


public class MainActivity extends AppCompatActivity {
    private Banner mBanner;
    private LocalImageLoader mImageLoader;
    private ArrayList<Integer> imagePath;
    private ArrayList<String> imageTitle;


   @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        intView();
        intDate();
    }

    private void intDate() {
        imagePath = new ArrayList<>();
        imageTitle = new ArrayList<>();
        imagePath.add(R.mipmap.ic_launcher);
        imagePath.add(R.mipmap.ic_launcher);
        imagePath.add(R.mipmap.ic_launcher);
        imagePath.add(R.mipmap.ic_launcher);
        imagePath.add(R.mipmap.ic_launcher);
        imageTitle.add("第一");
        imageTitle.add("第二");
        imageTitle.add("第三");
        imageTitle.add("第四");
        imageTitle.add("第五");
    }

    private void intView() {
        mImageLoader = new LocalImageLoader();
        mBanner = findViewById(R.id.banner);
        //样式
        mBanner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE);
        //加载器
        mBanner.setImageLoader(mImageLoader);
        //动画效果
        mBanner.setBannerAnimation(Transformer.ZoomOutSlide);
        //图片标题
        mBanner.setBannerTitles(imageTitle);
        //间隔时间
        mBanner.setDelayTime(4500);
        //是否为自动轮播
        mBanner.isAutoPlay(true);
        //图片小点显示所在位置
        mBanner.setIndicatorGravity(BannerConfig.CENTER);
        //图片加载地址
        mBanner.setImages(imagePath);
        //启动轮播图。
        mBanner.start();
        //监听轮播图
        mBanner.setOnBannerListener(new OnBannerListener() {
            @Override
            public void OnBannerClick(int position) {
                Toast.makeText(MainActivity.this, "点击了" + (position + 1) + "张轮播图", Toast.LENGTH_SHORT).show();
            }
        });
    }
    
    private class LocalImageLoader extends ImageLoader {
        @Override
        public void displayImage(Context context, Object path, ImageView imageView) {
            Glide.with(context.getApplicationContext())
                    .load(path)
                    .into(imageView);
        }
    }
}

加载网络图片

只要修改一下intDate(）和LocalImageLoader（）方法就好了
例如：


	private void initData() {
        list_path.add("https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%93%86%E5%95%A6A%E6%A2%A6&step_word=&hs=0&pn=8&spn=0&di=118140&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=3835923757%2C1980937759&os=265876109%2C1976020808&simid=0%2C0&adpicid=0&lpn=0&ln=1495&fr=&fmq=1573545585312_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fimg24.pplive.cn%2Fcs180x240%2F2017%2F11%2F08%2F18331958489.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fe_z%26e3Brrpe_z%26e3Bv54AzdH3Frw2jAzdH3Ftwtk9F2rHzdii0tkWE_z%26e3Bip4s&gsm=&rpstart=0&rpnum=0&islist=&querylist=&force=undefined"); 

        list_path.add("https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%93%86%E5%95%A6A%E6%A2%A6&step_word=&hs=0&pn=8&spn=0&di=118140&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=3835923757%2C1980937759&os=265876109%2C1976020808&simid=0%2C0&adpicid=0&lpn=0&ln=1495&fr=&fmq=1573545585312_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fimg24.pplive.cn%2Fcs180x240%2F2017%2F11%2F08%2F18331958489.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fe_z%26e3Brrpe_z%26e3Bv54AzdH3Frw2jAzdH3Ftwtk9F2rHzdii0tkWE_z%26e3Bip4s&gsm=&rpstart=0&rpnum=0&islist=&querylist=&force=undefined");

        list_path.add("https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%93%86%E5%95%A6A%E6%A2%A6&step_word=&hs=0&pn=8&spn=0&di=118140&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=3835923757%2C1980937759&os=265876109%2C1976020808&simid=0%2C0&adpicid=0&lpn=0&ln=1495&fr=&fmq=1573545585312_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fimg24.pplive.cn%2Fcs180x240%2F2017%2F11%2F08%2F18331958489.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fe_z%26e3Brrpe_z%26e3Bv54AzdH3Frw2jAzdH3Ftwtk9F2rHzdii0tkWE_z%26e3Bip4s&gsm=&rpstart=0&rpnum=0&islist=&querylist=&force=undefined");

        list_path.add("https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%93%86%E5%95%A6A%E6%A2%A6&step_word=&hs=0&pn=8&spn=0&di=118140&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=3835923757%2C1980937759&os=265876109%2C1976020808&simid=0%2C0&adpicid=0&lpn=0&ln=1495&fr=&fmq=1573545585312_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fimg24.pplive.cn%2Fcs180x240%2F2017%2F11%2F08%2F18331958489.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fe_z%26e3Brrpe_z%26e3Bv54AzdH3Frw2jAzdH3Ftwtk9F2rHzdii0tkWE_z%26e3Bip4s&gsm=&rpstart=0&rpnum=0&islist=&querylist=&force=undefined"); 
        list_path.add("https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%93%86%E5%95%A6A%E6%A2%A6&step_word=&hs=0&pn=8&spn=0&di=118140&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=3835923757%2C1980937759&os=265876109%2C1976020808&simid=0%2C0&adpicid=0&lpn=0&ln=1495&fr=&fmq=1573545585312_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fimg24.pplive.cn%2Fcs180x240%2F2017%2F11%2F08%2F18331958489.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fe_z%26e3Brrpe_z%26e3Bv54AzdH3Frw2jAzdH3Ftwtk9F2rHzdii0tkWE_z%26e3Bip4s&gsm=&rpstart=0&rpnum=0&islist=&querylist=&force=undefined"); 
        list_path.add("https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%93%86%E5%95%A6A%E6%A2%A6&step_word=&hs=0&pn=8&spn=0&di=118140&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=3835923757%2C1980937759&os=265876109%2C1976020808&simid=0%2C0&adpicid=0&lpn=0&ln=1495&fr=&fmq=1573545585312_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fimg24.pplive.cn%2Fcs180x240%2F2017%2F11%2F08%2F18331958489.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fe_z%26e3Brrpe_z%26e3Bv54AzdH3Frw2jAzdH3Ftwtk9F2rHzdii0tkWE_z%26e3Bip4s&gsm=&rpstart=0&rpnum=0&islist=&querylist=&force=undefined"); 
		
        list_title.add("哆啦A梦1");
        list_title.add("哆啦A梦2");
        list_title.add("哆啦A梦3");
        list_title.add("哆啦A梦4");
        list_title.add("哆啦A梦5");
        list_title.add("哆啦A梦6");
    }

  private class LocalImageLoader extends ImageLoader {
        @Override
        public void displayImage(Context context, Object path, ImageView imageView) {
            Glide.with(context.getApplicationContext())
                    .load((String) path)
                    .into(imageView);
        }
    }

下载网络图片的时候要记得添加网络权限


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

补充。轮播图几种默认样式对比。。。PS：如果轮播图不想要title，就更改样式就好了

需要注意的是，如果设置有标题出现的样式，那么一定要设置setBannerTitles属性，不然会报错

样式一：CIRCLE_INDICATOR：无标题，有小圆点


//banner无标题样式
mBanner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR);

效果图：

在这里插入图片描述

样式二：CIRCLE_INDICATOR_TITLE_INSIDE：小圆点和标题在同一栏


mBanner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);

效果图

在这里插入图片描述

样式三：CIRCLE_INDICATOR_TITLE：标题和小圆点同时出现


mBanner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE);

效果图：

在这里插入图片描述

到此这篇关于Android Banner本地和网络轮播图使用介绍的文章就介绍到这了,更多相关Android本地和网络轮播图内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！

免责声明：

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

阅读原文内容投诉

Android Banner本地和网络轮播图使用介绍

下载Word文档到电脑，方便收藏和打印～

下载Word文档

编程热搜

Android:VolumeShaper
VolumeShaper（支持版本改一下，minsdkversion:26，android8.0(api26)进一步学习对声音的编辑，可以让音频的声音有变化的播放 VolumeShaper.Configuration的三个参数 durati
Android崩溃异常捕获方法
开发中最让人头疼的是应用突然爆炸，然后跳回到桌面。而且我们常常不知道这种状况会何时出现，在应用调试阶段还好，还可以通过调试工具的日志查看错误出现在哪里。但平时使用的时候给你闹崩溃，那你就欲哭无泪了。那么今天主要讲一下如何去捕捉系统出现的U
android开发教程之获取power_profile.xml文件的方法(android运行时能耗值)
系统的设置–>电池–>使用情况中，统计的能耗的使用情况也是以power_profile.xml的value作为基础参数的1、我的手机中power_profile.xml的内容： HTC t328w代码如下:
Android SQLite数据库基本操作方法
程序的最主要的功能在于对数据进行操作，通过对数据进行操作来实现某个功能。而数据库就是很重要的一个方面的，Android中内置了小巧轻便，功能却很强的一个数据库–SQLite数据库。那么就来看一下在Android程序中怎么去操作SQLite数
ubuntu21.04怎么创建桌面快捷图标?ubuntu软件放到桌面的技巧
工作的时候为了方便直接打开编辑文件，一些常用的软件或者文件我们会放在桌面，但是在ubuntu20.04下直接直接拖拽文件到桌面根本没有效果，在进入桌面后发现软件列表中的软件只能收藏到面板，无法复制到桌面使用，不知道为什么会这样，似乎并不是很
android获取当前手机号示例程序
代码如下: public String getLocalNumber() { TelephonyManager tManager =
Android音视频开发(三)TextureView
简介 TextureView与SurfaceView类似，可用于显示视频或OpenGL场景。与SurfaceView的区别 SurfaceView不能使用变换和缩放等操作，不能叠加（Overlay）两个SurfaceView。 Textu
android获取屏幕高度和宽度的实现方法
本文实例讲述了android获取屏幕高度和宽度的实现方法。分享给大家供大家参考。具体分析如下：我们需要获取Android手机或Pad的屏幕的物理尺寸，以便于界面的设计或是其他功能的实现。下面就介绍讲一讲如何获取屏幕的物理尺寸下面的代码即
Android自定义popupwindow实例代码
先来看看效果图：一、布局
Android第一次实验
一、实验原理 1.1实验目标编程实现用户名与密码的存储与调用。 1.2实验要求设计用户登录界面、登录成功界面、用户注册界面，用户注册时，将其用户名、密码保存到SharedPreference中，登录时输入用户名、密码，读取SharedP