项目地址:MultiPictureView
MultiPictureView是一个可以将多张图片以网格的方式显示的View,通过简单的接口实现烦人的布局,从此解放你的小手手
显示效果
布局方式
动态布局
静态布局
编辑/显示模式
如何使用
1. 在布局中声明
<com.goyourfly.multi_picture.MultiPictureView android:id="@+id/multi_image_view" android:layout_width="match_parent" android:layout_height="wrap_content" app:editable="false" app:deleteDrawable="@drawable/..." app:addDrawable="@drawable/..." app:imageLayoutMode="DYNAMIC" app:max="9" app:space="6dp" app:span="3" />
参数 | 类型 | 说明 | 默认值 |
---|---|---|---|
editable | boolean | 是否可编辑(添加和删除) | false |
span | integer | 每行最多显示多少 | 3 |
space | dimension | 图片间隔大小 | 8dp |
max | integer | 最多显示多少张图片 | 9 |
imageLayoutMode | integer | 图片布局类型:动态(DYNAMIC=1)和静态(STATIC=2) | STATIC=2 |
deleteDrawable | drawable | 删除图标 | 红色删除Drawable |
addDrawable | drawable | 添加图片 | 灰色添加图片Drawable |
2. 在代码中使用
2.1 初始化ImageLoader
MultiPictureView.setImageLoader(object : ImageLoader { override fun loadImage(image: ImageView, uri: Uri) { Vincent.with(image.context) .load(uri) .placeholder(R.drawable.ic_placeholder_loading) .error(R.drawable.ic_placeholder_loading) .into(image) } })
2.2 绑定图片资源,设置事件监听
multiPictureView = (MultiPictureView) findViewById(R.id.multi_image_view); // 设置图片资源 multiPictureView.setList(list:List<Uri>) multiPictureView.setAddClickCallback(new MultiPictureView.AddClickCallback() { @Override public void onAddClick(View view) { // 添加图片回调... } }); multiPictureView.setDeleteClickCallback(new MultiPictureView.DeleteClickCallback() { @Override public void onDeleted(View view,int index) { // 删除图片回调,如果不设置,默认删除图片... } }); multiPictureView.setItemClickCallback(new MultiPictureView.ItemClickCallback() { @Override public void onItemClicked(View view,int index,ArrayList<Uri> uris) { // 图片被点击... } });
依赖
第一步:添加到根build.gradle
allprojects { repositories { ... jcenter() } }
第二步:在模块的build.gradle添加依赖
dependencies { compile 'com.github.goyourfly:multi_picture_view:latestVersion' }
感谢
在Demo中使用了下面两个开源项目,感谢一哈,虽然第二个是我写的...大家要觉得好用,记得给我点个赞
Matisse
Vincent
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持亿速云。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。