微信网站设计尺寸,wordpress 添加页面模板,做网站需要做什么,哈尔滨建站模板系统引言
Banner轮播图是一种在网页和移动应用界面设计中常见的元素#xff0c;主要用于在一个固定的区域内自动或手动切换一系列图片#xff0c;以展示不同的内容或信息。这个控件在软件当中经常看到#xff0c;商品促销、热门歌单、头像新闻等等。它不同于ViewPgaer在于无需手…引言
Banner轮播图是一种在网页和移动应用界面设计中常见的元素主要用于在一个固定的区域内自动或手动切换一系列图片以展示不同的内容或信息。这个控件在软件当中经常看到商品促销、热门歌单、头像新闻等等。它不同于ViewPgaer在于无需手动进行翻页它会自动进行轮播但也可手动滑动到你所要看的页面。接下来就来学习轮播图的使用吧
使用
导入Banner的依赖
implementation io.github.youth5201314:banner:2.2.2进行XML文件的设置
com.youth.banner.Bannerandroid:idid/banner_textandroid:layout_widthmatch_parentapp:layout_constraintTop_toTopOfparentapp:layout_constraintStart_toStartOfparentandroid:layout_heightwrap_contentapp:banner_loop_time1000 /给大家介绍一下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我们就使用这个适配器实现图片的轮播 这就是活动里面的代码了接下来运行程序图片就会不停的自动轮播。
文章到这里就结束了
