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 ...
随机推荐
- Kubernetes 笔记 01 初识 Kubernetes 新时代的领航者
本文首发于我的公众号 Linux云计算网络(id: cloud_dev),专注于干货分享,号内有 10T 书籍和视频资源,后台回复「1024」即可领取,欢迎大家关注,二维码文末可以扫. 大明王朝时期, ...
- Golang 对MongoDB的操作简单封装
使用MongoDB的Go驱动库 mgo,对MongoDB的操作做一下简单封装 初始化 操作没有用户权限的MongoDB var globalS *mgo.Session func init() { s ...
- 召回率,精确率,mAP如何计算
首先用训练好的模型得到所有测试样本的confidence score,每一类(如car)的confidence score保存到一个文件中(如comp1_cls_test_car.txt).假设 ...
- 【java提高】---HashSet 与TreeSet和LinkedHashSet的区别
HashSet 与TreeSet和LinkedHashSet的区别 今天项目开发,需要通过两个条件去查询数据库数据,同时只要满足一个条件就可以取出这个对象.所以通过取出的数据肯定会有重复,所以要去掉重 ...
- MemcachedUI-一款基于.NET MVC编写的Memcached监控软件
一.起源 服务器上使用了Memcached做缓存加速,但是想查看Memcached状态的时候都只能telnet 127.0.0.1 11211 这样来查看,甚是累人,就想能不能做一款web端的软件,方 ...
- .Net Core 2.0 preview1实现自定义认证方案
Microsoft.Authentication的使用方法在2.0中发生了比较大的变化,在1.1中认证配置是在Configure中完成. public void ConfigureServices(I ...
- MyBatis源码解析(十二)——binding绑定模块之MapperRegisty
原创作品,可以转载,但是请标注出处地址:http://www.cnblogs.com/V1haoge/p/6758456.html 1.回顾 之前解析了解析模块parsing,其实所谓的解析模块就是为 ...
- Spring的@Transactional事务注意事项
1.@Transactional应该放在方法级别,不需要使用事务的方法,就不要放置事务,2.查询方法声明不要事务,否则对性能是有影响的.3.对同一个类里的方法调用, @Transactional无效 ...
- Spring DAO模块
Spring的DAO模块提供了对JDBC.Hibernate.Mybatis等DAO层支持,本节介绍DAO模块对JDBC的支持.DAO模块依赖ommons-dbcp.jar.commons-pool. ...
- 学会这个删库再也不用跑路了~ --技术流ken
前言 相信每一个学IT的人或多或少都听说过从删库到跑路这个梗~下图也是在各种交流群屡禁不止,新人听着也是瑟瑟发抖. 人们茶余饭后,街头巷角难免要问... 下面技术流ken就教给各位新手们一招删库再也不 ...