XBanner的简单使用轮播
导入依赖
implementation 'jp.wasabeef:glide-transformations:3.0.1'
implementation 'com.xhb:xbanner:1.2.2'
implementation 'com.nineoldandroids:library:2.4.0'
XBanner控件的部分属性
| 属性名 | 属性说明 | 属性值 |
|---|---|---|
| isAutoPlay | 是否支持自动轮播 | boolean类型,默认为true |
| autoPlayTime | 图片轮播事件间隔 | int类型,默认5000ms |
| pointNormal | 指示器未选中时的状态 | drawable类型,不指定的话使用默认状态点 |
| pointSelect | 指示器选中时的状态 | drawable类型,不指定的话使用默认状态点 |
| pointsVisible | 是否显示指示器 | boolean类型,默认为true |
| pointsPosition | 指示点位置 | CENTER、LEFT、RIGHT,默认CENTER |
| pointsContainerBackground | 指示器条背景 | color类型、drawable类型、mipmap类型等 |
| pointContainerPosition | 指示器条位置 | TOP、BOTTOM,默认BOTTOM |
| pointContainerLeftRightPadding | 指示点容器左右内间距 | dimension类型,默认10.0dip |
| pointTopBottomPadding | 指示点上下内间距 | dimension类型,默认6.0dip |
| pointLeftRightPadding | 指示点左右内间距 | dimension类型,默认3.0dip |
| tipTextColor | 提示文字的颜色 | reference类型 |
| tipTextSize | 提示文字的大小 | dimension类型,默认10.0dp |
布局代码:
<com.stx.xhb.xbanner.XBanner
android:id="@+id/fragment_curricula_lunbo"
android:layout_width="match_parent"
android:layout_height="200dp"
android:layout_below="@+id/layout"> </com.stx.xhb.xbanner.XBanner>
Activity:
// 初始化XBanner中展示的数据
final ArrayList<String> images = new ArrayList<>();
for (int i = 0; i <homeBanner.size() ; i++) {
images.add(homeBanner.get(i).getBannerUrl());
} // 为XBanner绑定数据
fragment_curricula_lunbo.setData(images, null);
// XBanner适配数据
fragment_curricula_lunbo.setmAdapter(new XBanner.XBannerAdapter() {
@Override
public void loadBanner(XBanner banner, View view, int position) {
Glide.with(getActivity()).load(images.get(position)).into((ImageView) view);
}
});
// 设置XBanner的页面切换特效
fragment_curricula_lunbo.setPageTransformer(Transformer.Default);
// 设置XBanner页面切换的时间,即动画时长
fragment_curricula_lunbo.setPageChangeDuration(1000);
Activity生命周期联动:
@Override
public void onResume() {
super.onResume();
fragment_curricula_lunbo.startAutoPlay();
} @Override
public void onStop() {
super.onStop();
fragment_curricula_lunbo.stopAutoPlay();
}
XBanner的简单使用轮播的更多相关文章
- 最简单的轮播广告(原生JS)
改变每个图片的opacity属性:来自学友刘斌 素材图片: <!DOCTYPE html> <html lang="en"> <head> &l ...
- html学习之路--简单图片轮播
一个简单的图片轮播效果 photo.html页面代码,基本的HTML结构,在main中显示图片,此处图片依次命名为1.jpg.2.jpg.3.jpg.4.jpg. <!DOCTYPE html& ...
- <day006>bootstrap的简单学习 + 轮播图
任务1:bootstrap的简单学习 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta c ...
- 最最最简单的轮播图(JQuery)
html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...
- jQuery之制作简单的轮播图效果
[源代码] 链接:https://pan.baidu.com/s/1XpZ66D9fmSwWX3pCnGBqjA 密码:w104 [整体构思] 这个轮播图使用的是jQuery,所以Js的整体代量比较少 ...
- 用jQuery实现简单的简单的轮播图
图片来源 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF- ...
- 原生js实现一个简单的轮播图
想锻炼一下自己的原生js能力可以从写一个轮播图开始,轮播图的运用想必大家都知道吧,好了废话不多说,开始记笔记了,一些需要注意的点,我都在代码中标注了 首先是构造html: <div id=&qu ...
- jquery制作一个简单的轮播
效果图: 演示地址: http://ae6623.cn/demo/slider/index.html 思路: 利用css的定位属性 left 进行调整图片的显示,每次点击上一页下一页按钮的时候,-图片 ...
- JQuery手写一个简单的轮播图
做出来的样式: 没有切图,就随便找了一些图片来实现效果,那几个小星星萌不萌. 这个轮播图最主要的部分是animate(),可以先熟悉下这个方法. 代码我放到了github上,链接:https://gi ...
随机推荐
- mysql 开发进阶篇系列 52 权限与安全(系统四个权限表的粒度控制关系)
一.概述 接着上篇的权限介绍,当用户进行连接的时候,权限表的存取过程有以下两个阶段: (1) 先从user表中的host,user, authentication_string 这3个字段中判断连接的 ...
- Apache XBean相关说明,待补充
前言 最近在看ActiveMQ5.15.0源码,发现ActiveMQ实际上是基于spring实现的,其配置文件activemq.xml中有个broker元素节点,使用的就是Apache XBean的配 ...
- Spring Boot中使用断路器
断路器本身是电路上的一种过载保护装置,当线路中有电器发生短路时,它能够及时的切断故障电路以防止严重后果发生.通过服务熔断(也可以称为断路).降级.限流(隔离).异步RPC等手段控制依赖服务的延迟与失败 ...
- go使用context包避免goroutine泄露问题
go是带内存自动回收的特性,因此内存一般不会泄漏.但是Goroutine确存在泄漏的情况,同时泄漏的Goroutine引用的内存同样无法被回收. 下面的程序中后台Goroutine向管道输入自然数序列 ...
- Centos-7修改yum源为国内的yum源
以centos7为例 ,以 修改为阿里的yum源 1. 备份本地yum源 [root@localhost yum.repos.d]# cp CentOS-Base.repo CentOS-Base.r ...
- MySQL系列详解三:MySQL中各类日志详解-技术流ken
前言 日志文件记录了MySQL数据库的各种类型的活动,MySQL数据库中常见的日志文件有 查询日志,慢查询日志,错误日志,二进制日志,中继日志 .下面分别对他们进行介绍. 查询日志 1.查看查询日志变 ...
- 不能在此路径中使用此配置节。如果在父级别上锁定了该节,便会出现这种情况。锁定是默认设置的(overrideModeDefault="Deny"),或者 是通过包含 overrideMode="Deny" 或旧有的 allowOverride="false" 的位置标记明确设置的。
问题: 不能在此路径中使用此配置节.如果在父级别上锁定了该节,便会出现这种情况.锁定是默认设置的(overrideModeDefault="Deny"),或者是通过包含 overr ...
- [转]Laravel - Where null and Where not null eloquent query example
本文转自: https://hdtuto.com/article/laravel-where-null-and-where-not-null-eloquent-query-example- if yo ...
- [PHP] 算法-数值的整数次方的PHP实现
给定一个double类型的浮点数base和int类型的整数exponent.求base的exponent次方. 思路: 1.指数的二进制表达10^6次方 可以表示10^110(二进制) 10^100 ...
- Spring核心——设计模式与IoC
“Spring”——每一个Javaer开发者都绕不开的字眼,从21世纪第一个十年国内异常活跃的SSH框架,到现在以Spring Boot作为入口粘合了各种应用.Spring现在已经完成了从web入口到 ...