代码拉取完成,页面将自动刷新
同步操作将从 Comit/ImageCycleView 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
实现图片自动循环的组件
布局文件
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.weicong.cycleviewpager.MainActivity">
<com.weicong.library.ImageCycleView
android:id="@+id/imageCycle"
android:layout_width="match_parent"
android:layout_height="200dp"
/>
</RelativeLayout>
Java代码
1.显示本地资源图片
ArrayList<Integer> imageRes = new ArrayList<>();
// 图片资源id
imageRes.add(R.drawable.image1);
imageRes.add(R.drawable.image2);
imageRes.add(R.drawable.image3);
imageRes.add(R.drawable.image4);
imageRes.add(R.drawable.image5);
imageCycleView.setImageRes(imageRes);
// 开始自动循环
imageCycleView.start();
// 停止循环
// imageCycleView.stop();
注:如果不调用start()方法不会自动跳到下一张图片,但可以手动滑到下一张图片。具体可参考CycleViewPager类——实现了可循环滑动的ViewPager。
效果图:
2.显示网络图片
ArrayList<String> imageUrls = new ArrayList<>();
// 图片url
imageUrls.add("http://img.my.csdn.net/uploads/201404/13/1397393290_5765.jpeg");
imageUrls.add("http://img2.imgtn.bdimg.com/it/u=2696993843,2364483949&fm=21&gp=0.jpg");
imageUrls.add("http://img4.imgtn.bdimg.com/it/u=4270507479,3433421651&fm=21&gp=0.jpg");
imageCycleView.setImageUrl(imageUrls);
// 开始自动循环
imageCycleView.start();
注:加载图片使用Glide
效果图:
ImageCycleView.Config config = new ImageCycleView.Config()
.setIndicatorPos(ImageCycleView.RIGHT) // 设置指示符的位置(居中或居右)
.setIndicatorNormalRes(R.drawable.indicator_normal) // 没选中的指示符样式
.setIndicatorSelectRes(R.drawable.indicator_select) // 当前选中的指示符的样式
.setIndicatorMargin(5) // 设置指示符之间的间隔
.setBottomMargin(10) // 设置指示符离底部的边距
.setRightMargin(12) // 设置指示符离右边的边距(当指示符居右时)
.setPlaceHolder(R.drawable.placeholder) // 设置加载网络图片时的占位图片资源id
.setTime(5000) // 设置自动跳转的时间间隔,单位毫秒
.setCurrentIndex(2) // 设置从第几项开始
// 设置item单击监听器
.setOnItemClickListener(new ImageCycleView.OnItemClickListener() {
@Override
public void onItemClick(View view, int position) {
Toast.makeText(MainActivity.this, "position -> " + position, Toast.LENGTH_SHORT).show();
}
});
// 应用自定义配置
imageCycleView.setConfig(config);
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。