实现图片新闻的图片滚动
2017-12-05 11:48
316 查看
项目中使用到了图片轮播,现在总结下用法:
github地址:https://github.com/saiwu-bigkoo/Android-ConvenientBanner
1.添加依赖
本宝宝是把ConvenientBanner这个库下载下来,导入到项目中使用的,以moudle的形式使用的
当然你也可以在build.gradle中配置依赖:compile 'com.bigkoo:convenientbanner:2.0.5'
2.布局文件中的定义
<com.bigkoo.convenientbanner.ConvenientBanner
android:id="@+id/convenientBanner"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="240dp"
app:canLoop="true"/>
3.activity中使用
(1) 添加本地图片
localImages.add(R.mipmap.icon_home_banner);
localImages.add(R.mipmap.icon_home_banner1);
localImages.add(R.mipmap.icon_home_banner);
localImages.add(R.mipmap.icon_home_banner1);
localImages.add(R.mipmap.icon_home_banner);
localImages.add(R.mipmap.icon_home_banner1);
convenientBanner.setPages(
new CBViewHolderCreator<LocalImageHolderView>() {
@Override
public LocalImageHolderView createHolder() {
return new LocalImageHolderView();
}
}, localImages)
//设置两个点图片作为翻页指示器,不设置则没有指示器,可以根据自己需求自行配合自己的指示器,不需要圆点指示器可用不设
.setPageIndicator(new int[]{R.drawable.shape_dot_normal, R.drawable.shape_dot_checked})
//设置指示器的方向
.setPageIndicatorAlign(ConvenientBanner.PageIndicatorAlign.CENTER_HORIZONTAL)
// 设置自动切换,括号内的数字表示切换的时间间隔
.startTurning(2000);
(2) 添加网络图片和添加本地图片类似,只是参数发生了改变,设置方法保持不变
private String[] images = {
"http://www.baidu.com",
"http://ws.xzhushou.cn/focusimg/201508201549023.jpg",
"http://ws.xzhushou.cn/focusimg/52.jpg",
"http://ws.xzhushou.cn/focusimg/51.jpg",
"http://ws.xzhushou.cn/focusimg/50.jpg",
};
private List<String> networkImages;
networkImages = Arrays.asList(images);
convenientBanner.setPages(new CBViewHolderCreator<NetworkImageHolderView>() {
@Override
public NetworkImageHolderView createHolder() {
return new NetworkImageHolderView();
}
},networkImages);
你还可以给ConvenientBanner设置滑动监听convenientBanner.setOnPageChangeListener(this);让acitivty实现ViewPager.OnPageChangeListener,实现相应的方法
这样就完成了ConvenientBanner的简单使用
github地址:https://github.com/saiwu-bigkoo/Android-ConvenientBanner
1.添加依赖
本宝宝是把ConvenientBanner这个库下载下来,导入到项目中使用的,以moudle的形式使用的
当然你也可以在build.gradle中配置依赖:compile 'com.bigkoo:convenientbanner:2.0.5'
2.布局文件中的定义
<com.bigkoo.convenientbanner.ConvenientBanner
android:id="@+id/convenientBanner"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="240dp"
app:canLoop="true"/>
3.activity中使用
(1) 添加本地图片
localImages.add(R.mipmap.icon_home_banner);
localImages.add(R.mipmap.icon_home_banner1);
localImages.add(R.mipmap.icon_home_banner);
localImages.add(R.mipmap.icon_home_banner1);
localImages.add(R.mipmap.icon_home_banner);
localImages.add(R.mipmap.icon_home_banner1);
convenientBanner.setPages(
new CBViewHolderCreator<LocalImageHolderView>() {
@Override
public LocalImageHolderView createHolder() {
return new LocalImageHolderView();
}
}, localImages)
//设置两个点图片作为翻页指示器,不设置则没有指示器,可以根据自己需求自行配合自己的指示器,不需要圆点指示器可用不设
.setPageIndicator(new int[]{R.drawable.shape_dot_normal, R.drawable.shape_dot_checked})
//设置指示器的方向
.setPageIndicatorAlign(ConvenientBanner.PageIndicatorAlign.CENTER_HORIZONTAL)
// 设置自动切换,括号内的数字表示切换的时间间隔
.startTurning(2000);
(2) 添加网络图片和添加本地图片类似,只是参数发生了改变,设置方法保持不变
private String[] images = {
"http://www.baidu.com",
"http://ws.xzhushou.cn/focusimg/201508201549023.jpg",
"http://ws.xzhushou.cn/focusimg/52.jpg",
"http://ws.xzhushou.cn/focusimg/51.jpg",
"http://ws.xzhushou.cn/focusimg/50.jpg",
};
private List<String> networkImages;
networkImages = Arrays.asList(images);
convenientBanner.setPages(new CBViewHolderCreator<NetworkImageHolderView>() {
@Override
public NetworkImageHolderView createHolder() {
return new NetworkImageHolderView();
}
},networkImages);
你还可以给ConvenientBanner设置滑动监听convenientBanner.setOnPageChangeListener(this);让acitivty实现ViewPager.OnPageChangeListener,实现相应的方法
这样就完成了ConvenientBanner的简单使用
相关文章推荐
- Javascript实现滚动图片新闻的实例代码
- JQuery页面图片切换和新闻列表滚动效果的具体实现
- JQuery页面图片切换和新闻列表滚动效果的具体实现
- JQuery页面图片切换和新闻列表滚动效果的具体实现
- Javascript实现滚动图片新闻
- javascript 实现新闻咨询图片滚动效果
- Javascript实现滚动图片新闻的实例代码
- JQuery实现页面企业广告图片切换和新闻列表滚动效果
- Android 图片滚动,加入自动播放功能,使用自定义属性实现,霸气十足!
- js代码实现无缝滚动(文字和图片)
- 滚动图片效果 jquery实现回旋滚动效果
- JS实现图片无缝滚动的完美解决 无间隙滚动
- Jquery实现图片左右滚动(自动)
- js实现适合新闻类图片的轮播效果
- jquery插件jCarouselLite实现图片无缝滚动
- 简短几句jquery代码的实现一个图片向上滚动切换
- Javascript实现 图片的无缝滚动
- VC++实现一张图片循环滚动
- Android实现图片滚动和页签控件功能的实现代码
- flash+js实现图片横向滚动显示