XBanner支持图片无限轮播控件
2017-04-01 13:22
393 查看
//在build.gradle文件中加入依赖 compile 'com.xhb:xbanner:1.2.2' compile 'com.nineoldandroids:library:2.4.0' //要导入一些图片加载框架的依赖,如Glide compile 'com.github.bumptech.glide:glide:3.7.0' compile 'jp.wasabeef:glide-transformations:1.0.6'
//网络权限<uses-permission android:name="android.permission.INTERNET" />
//布局
<com.stx.xhb.xbanner.XBanner android:id="@+id/banner" android:layout_width="match_parent" android:layout_height="200.0dip" app:AutoPlayTime="3000" app:pointNormal="@drawable/shape_pointer_normal" app:pointSelect="@drawable/shape_pointer_selected" app:pointsContainerBackground="#44AAAAAA" app:pointsPosition="CENTER" app:tipTextColor="#FFFFFFFF" app:tipTextSize="16.0sp" />
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <solid android:color="#ff0000"></solid> <size android:width="10dp" android:height="10dp"></size>
代码:
public class MainActivity extends AppCompatActivity { private XBanner banner; private List<String> images = new ArrayList<>(); //private List<String> titles; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); banner = (XBanner) findViewById(R.id.banner); // 初始化XBanner中展示的数据 images.add("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1490970534523&di=7d5c932f60190913244c3d1032881d13&imgtype=0&src=http%3A%2F%2Fimg2.niutuku.com%2Fdesk%2F130220%2F23%2F23-niutuku.com-246.jpg"); images.add("http://imageprocess.yitos.net/images/public/20160910/99381473502384338.jpg"); images.add("http://imageprocess.yitos.net/images/public/20160910/77991473496077677.jpg"); images.add("http://imageprocess.yitos.net/images/public/20160906/1291473163104906.jpg"); // 为XBanner绑定数据 // banner.setData(images, titles); banner.setData(images,null); // XBanner适配数据 banner.setmAdapter(new XBanner.XBannerAdapter() { @Override public void loadBanner(XBanner banner, View view, int position) { Glide.with(MainActivity.this).load(images.get(position)).into((ImageView) view); } }); // 设置XBanner的页面切换特效 banner.setPageTransformer(Transformer.Default); // 设置XBanner页面切换的时间,即动画时长 banner.setPageChangeDuration(1000); // XBanner中某一项的点击事件 banner.setOnItemClickListener(new XBanner.OnItemClickListener() { @Override public void onItemClick(XBanner banner, int position) { Toast.makeText(MainActivity.this, "点击了第" + (position + 1) + "张图片", Toast.LENGTH_SHORT).show(); } }); } @Override protected void onResume() { super.onResume(); banner.startAutoPlay(); } @Override protected void onStop() { super.onStop(); banner.stopAutoPlay(); } }
参考博客:http://www.cnblogs.com/itgungnir/p/6210891.html Banner控件的部分属性如下表示:
属性名 | 属性说明 | 属性值 |
---|---|---|
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 |
poin 8f66 tLeftRightPadding | 指示点左右内间距 | dimension类型,默认3.0dip |
tipTextColor | 提示文字的颜色 | reference类型 |
tipTextSize | 提示文字的大小 | dimension类型,默认10.0dp |
相关文章推荐
- XBanner支持图片无限轮播控件,可自定义功能
- XBanner支持图片无限轮播控件
- XBanner——支持图片无限轮播控件 类库
- XBanner、FlyBanner支持图片无限轮播控件
- XBanner支持图片无限轮播控件
- 支持图片无限轮播的BannerLayout
- Android广告图片轮播控件,支持无限循环和5种主题,可以灵活设置轮播样式、时间、位置、图片加载框架等!
- Android广告图片轮播控件,支持无限循环和5种主题,可以灵活设置轮播样式、时间、位置、图片加载框架等!
- Android广告图片轮播控件,支持无限循环和5种主题,可以灵活设置轮播样式、时间、位置、图片加载框架等!
- 支持图片无限轮播的BannerLayout,小圆点,提示栏,页码统统满足
- Android 广告(banner)图片轮播、图片浏览、仿微信大图查看控件(支持视频和gif图片)、支持动态添加数据
- Android广告图片轮播控件,支持无限循环和5种主题,可以灵活设置轮播样式、时间、位置、图片加载框架等!
- BannerLayoutSimple 支持图片无限轮播的 BannerLayout,支持自定义小圆点位置以及显示位置等等,反正支持的挺多的,源码也有注释
- [置顶] Android图片轮播控件ConvenientBanner的简单使用
- Android基础控件——Banner轮播图的无限循环轮播功能、手动滑动功能
- 推荐Android中两个很好用的banner,可无限轮播,可使用第三方图片加载框架加载网络图
- Android实现图片自动轮播并且支持手势左右无限滑动
- [置顶] viewPager+photoView实现图片轮播和手势缩放功能 支持手势缩放的imageView 如何实现相册左右滑动和手势缩放 如何让图片自适应控件大小 photoView如何使用(上)
- android无限轮播banner图片--viewpager
- EasySwift/YXJCycleView 任意视图的无限循环轮播图,可以是本地图片,可以是任意的view,可以是远程图片,再加文字描述岂不更好,pageController也支持高度自定义。