Android 图片网格布局控件示例代码

 更新时间:2017年06月28日 09:39:26   作者:大飛機  
本篇文章主要介绍了Android 图片网格布局控件示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

项目地址:MultiPictureView

MultiPictureView是一个可以将多张图片以网格的方式显示的View,通过简单的接口实现烦人的布局,从此解放你的小手手

显示效果

  1. 支持设置图片数量上限
  2. 支持设置最多显示列数
  3. 支持动态布局和静态布局两种模式(见下图)
  4. 支持编辑模式和展示模式(编辑模式可以增加和删除图片)

布局方式

动态布局

静态布局

编辑/显示模式

如何使用

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android一行代码实现圆形头像

    Android一行代码实现圆形头像

    本篇文章主要介绍了Android一行代码实现圆形头像的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • Android离线Doc文档访问速度慢的有效解决方法

    Android离线Doc文档访问速度慢的有效解决方法

    今天小编就为大家分享一篇关于Android离线Doc文档访问速度慢的有效解决方法,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-03-03
  • Android实时文件夹创建方法

    Android实时文件夹创建方法

    这篇文章主要介绍了Android实时文件夹创建方法,涉及基于Activity实现文件实时查询的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • Android实现系统打印功能

    Android实现系统打印功能

    这篇文章主要为大家详细介绍了Android实现系统打印功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • Android屏蔽EditText软键盘的方法

    Android屏蔽EditText软键盘的方法

    这篇文章主要介绍了Android屏蔽EditText软键盘的方法,涉及Android屏蔽EditText软键盘及恢复软键盘的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • Android Notification实现动态显示通话时间

    Android Notification实现动态显示通话时间

    这篇文章主要为大家详细介绍了Android Notification实现动态显示通话时间,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Android实现扫描和生成二维码

    Android实现扫描和生成二维码

    这篇文章主要为大家详细介绍了Android实现扫描和生成二维码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • Android TabLayout 自定义样式及使用详解

    Android TabLayout 自定义样式及使用详解

    这篇文章主要为大家介绍了Android TabLayout 自定义样式及使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • Android API编程之Assets文件操作示例

    Android API编程之Assets文件操作示例

    这篇文章主要介绍了Android API编程之Assets文件操作,结合实例形式分析了Android针对Assets文件夹下的文件操作相关技巧,需要的朋友可以参考下
    2017-08-08
  • Android富文本实现的几种方式汇总

    Android富文本实现的几种方式汇总

    由于项目中需要使用到富文本显示和编辑,索性整理下,这篇文章主要给大家介绍了关于Android富文本实现的几种方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-05-05

最新评论