论坛
潜水/灌水快乐,沉淀知识,认识更多同行。
ToB圈子
加入IT圈,遇到更多同好之人。
朋友圈
看朋友圈动态,了解ToB世界。
ToB门户
了解全球最新的ToB事件
博客
Blog
排行榜
Ranklist
文库
业界最专业的IT文库,上传资料也可以赚钱
下载
分享
Share
导读
Guide
相册
Album
记录
Doing
搜索
本版
文章
帖子
ToB圈子
用户
免费入驻
产品入驻
解决方案入驻
公司入驻
案例入驻
登录
·
注册
只需一步,快速开始
账号登录
立即注册
找回密码
用户名
Email
自动登录
找回密码
密码
登录
立即注册
首页
找靠谱产品
找解决方案
找靠谱公司
找案例
找对的人
专家智库
悬赏任务
圈子
SAAS
IT评测·应用市场-qidao123.com
»
论坛
›
软件与程序人生
›
移动端开发
›
【Android】轮播图——Banner
【Android】轮播图——Banner
麻花痒
论坛元老
|
2025-1-12 01:01:03
|
显示全部楼层
|
阅读模式
楼主
主题
1012
|
帖子
1012
|
积分
3036
弁言
Banner轮播图是一种在网页和移动应用界面设计中常见的元素,重要用于在一个固定的区域内自动或手动切换一系列图片,以展示差别的内容或信息。这个控件在软件当中经常看到,商品促销、热门歌单、头像新闻等等。它差别于ViewPgaer在于无需手动进行翻页,它会自动进行轮播,但也可手动滑动到你所要看的页面。接下来就来学习轮播图的利用吧!
利用
导入Banner的依赖
implementation 'io.github.youth5201314:banner:2.2.2'
复制代码
进行XML文件的设置
<com.youth.banner.Banner
android:id="@+id/banner_text"
android:layout_width="match_parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toStartOf="parent"
android:layout_height="wrap_content"
app:banner_loop_time="1000" />
复制代码
给各人介绍一下Banner的常用属性:
轮播间隔时间(banner_loop_time):这个属性用于设置轮播图的自动切换时间间隔,默认为3000毫秒(3秒)。
是否自动轮播(banner_auto_loop):一个布尔值属性,用于指定轮播图是否自动播放,默认为true。
是否支持无穷循环(banner_infinite_loop):另一个布尔值属性,用于指定轮播图是否支持无穷循环,即首尾直接过渡,默认为true。
轮播方向(banner_orientation):摆列类型属性,用于指定轮播图的滚动方向,可以是程度(horizontal)或垂直(vertical),默认为程度。
Banner圆角半径(banner_radius):用于设置轮播图的圆角半径。
指示器默认宽度(banner_indicator_normal_width):设置指示器未选中时的宽度,默认为5dp(对RoundLinesIndicator无效)。
指示器选中宽度(banner_indicator_selected_width):设置指示器选中时的宽度,默认为7dp。
指示器默认颜色(banner_indicator_normal_color):设置指示器未选中时的颜色,默认为0x88ffffff。
指示器选中颜色(banner_indicator_selected_color):设置指示器选中时的颜色,默认为0x88000000。
指示器之间的间距(banner_indicator_space):设置指示器之间的间距,默认为5dp(对RoundLinesIndicator无效)。
指示器位置(banner_indicator_gravity):设置指示器的位置,默认为中心(center)。
指示器高度(banner_indicator_height):设置指示器的高度(对CircleIndicator无效)。
指示器圆角(banner_indicator_radius):设置指示器的圆角(对CircleIndicator无效)。
表现轮播图
在运动里面为其添加所要轮播的图片,我们在一开始就以为Banner与ViewPager很雷同,像是加强版,因此在利用的时间也是一样的,先获取控件示例,为其添加适配器,根据我们所要轮播的内容差别,适配器也差别 。(想了解各个适配器可看之前的博客:【Android】ViewPager与ViewPager2之间的区别_androidx.viewpager2.widget.viewpager2-CSDN博客,对差别的适配器有讲授)
Banner本身就已经帮我们做了一个适配器BannerImageAdapter,我们就利用这个适配器实现图片的轮播:
这就是运动里面的代码了,接下来运行步伐,图片就会不停的自动轮播。
文章到这里就结束了!
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
本帖子中包含更多资源
您需要
登录
才可以下载或查看,没有账号?
立即注册
x
回复
使用道具
举报
0 个回复
倒序浏览
返回列表
快速回复
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
or
立即注册
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
发新帖
回复
麻花痒
论坛元老
这个人很懒什么都没写!
楼主热帖
【SQL server速成之路】——身份验证及 ...
2022年安装Kali Linux最详细过程,以及 ...
容器开发运维人员的 Linux 操作机配置 ...
ping命令 网络抓包 分析
密码学奇妙之旅、02 混合加密系统、AES ...
窄带传输与LoRa扩频传输技术应用方案对 ...
我今年12岁了,我喜欢打游戏,怎么能成 ...
程序员坐牢了,会被安排去写代码吗? ...
kubectl使用技巧:如何更方便地操作多 ...
Vim 备忘清单_开发速查表分享 ...
标签云
运维
CIO
存储
服务器
浏览过的版块
云原生
前端开发
linux
终端安全
物联网
快速回复
返回顶部
返回列表