九宫格图片上传可展示，可删除，可添加功能

仿照微信九宫格上传图片，也可以只展示图片

九宫格图片展示地址

先看效果
项目引入
通过gradle引入

implementation 'com.llayjun:ninepic:1.0.0'

或者直接将类拷贝到项目中，源码见底部

属性

属性	用途
h_space	水平间隔宽度
v_space格	竖直间隔高度
line_num	水平图片显示个数
max_num	图片最大个数
add_image	添加图片
circle_radius	删除按钮半径
is_edit	是否可以编辑（展示仅图片还是可选择）

项目中使用
xml代码:

<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="仅仅图片展示"android:textSize="10pt" /><com.example.ninepiclibrary.SelectImageViewandroid:id="@+id/show_image"android:layout_width="wrap_content"android:layout_height="wrap_content"app:h_space="3pt"app:is_edit="false"app:line_num="3"app:max_num="9"app:v_space="3pt"></com.example.ninepiclibrary.SelectImageView><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="可新增删除"android:textSize="10pt" /><com.example.ninepiclibrary.SelectImageViewandroid:id="@+id/select_image"android:layout_width="wrap_content"android:layout_height="wrap_content"app:add_image="@mipmap/ic_publish_add_image"app:circle_radius="8dp"app:h_space="3dp"app:is_edit="true"app:line_num="3"app:max_num="9"app:v_space="3dp"></com.example.ninepiclibrary.SelectImageView>

java代码：

 // 图片展示val showList = ArrayList<String>()showList.add("https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2583035764,1571388243&fm=26&gp=0.jpg")showList.add("https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3363295869,2467511306&fm=26&gp=0.jpg")showList.add("https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3791918726,2864900975&fm=26&gp=0.jpg")showList.add("https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2583035764,1571388243&fm=26&gp=0.jpg")showList.add("https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3363295869,2467511306&fm=26&gp=0.jpg")showList.add("https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3791918726,2864900975&fm=26&gp=0.jpg")showList.add("https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2583035764,1571388243&fm=26&gp=0.jpg")showList.add("https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3791918726,2864900975&fm=26&gp=0.jpg")showList.add("https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2583035764,1571388243&fm=26&gp=0.jpg")show_image.addPhoto(showList)show_image.setOnImageClickListener { position, filePath ->Toast.makeText(this, "点击图片${position}", Toast.LENGTH_LONG).show()}// 可增加删除的val initList = ArrayList<String>()initList.add("https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2583035764,1571388243&fm=26&gp=0.jpg")initList.add("https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3363295869,2467511306&fm=26&gp=0.jpg")initList.add("https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3791918726,2864900975&fm=26&gp=0.jpg")select_image.addPhoto(initList)select_image.setOnAddClickListener {Toast.makeText(this, "选择照片", Toast.LENGTH_LONG).show()val list = ArrayList<String>()list.add("https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3791918726,2864900975&fm=26&gp=0.jpg")select_image.addPhoto(list)}select_image.setOnImageClickListener { position, filePath ->Toast.makeText(this, "点击图片${position}", Toast.LENGTH_LONG).show()}

源代码地址
九宫格图片展示地址

九宫格图片上传可展示，可删除，可添加功能相关推荐

jsp/html页面图片上传并展示上传的图片
之前做过一个项目,有一个功能是图片上传并且展示图片,尝试过其他的方法,但会有一个问题,那就是在IE8上图片并不能正常展示,所以便用以下方法来上传图片,很好的解决了此问题,步骤如下: 1.上传图片页面i ...
android点击加号,Android仿微信图片上传带加号且超过最大数隐藏功能
1.仿照微信空间上传图片,显示图片数量以及超过最大,上传按钮隐藏功能 2.上效果图 3.上代码,主要是Adapter类 /** * Created by zhangyinlei on 2018/3/2 ...
使用阿里云OSS实现文件的上传、下载、删除及修改功能
一.配置OSS相关配置信息 1.要配置 OSS 相关配置信息,您可以按照以下步骤操作: 登录阿里云控制台,进入 OSS 控制台,创建一个新的 OSS Bucket,并记录下以下信息:Bucket 名称 ...
uniapp 图片上传与展示
项目场景: uniapp 图片上传阿里 OSS 对象存储需求描述: H5移动端开发中需要用户上传图片头像.身份证件等需求时.需要将图片上传至阿里oss中存储,并且下载到当前页面进行展示. 解决方 ...
微信小程序删除服务器图片,微信小程序实现图片上传放大预览删除代码
本文实例为大家分享了微信小程序图片上传放大预览的具体代码,供大家参考,具体内容如下 image.js代码: = 9) { this.setData({ lenMore: 1 }); setTimeou ...
微信小程序图片上传、多图拖拽排序功能
基于movable-view实现的拖拽功能可以建一个 dragImg的文件 wxml的代码 <view class="container"><movable-a ...
spring boot + vue实现图片上传及展示
余近日开发spring boot +vue的后台管理项目,涉及到文件上传功能,使用之前项目的文件上传模块,一直有问题.遂经过两天的百度,加个人理解,最终解决了基本的文件上传功能. 首先,html页面: ...
tornado框架图片上传和展示
1.后端代码 import os import tornado.ioloop import tornado.web # web应用apifrom PIL import Imageclass Forms ...
微信小程序多图片上传支持预览删除设置数量上限
github地址: https://github.com/Volcano-Yang/miniprogram-picture-upload Miniprogram-Picture-Upload 努力帮助 ...
手把手教你从0到1通过 Express 完成图片上传并保存至阿里云OSS功能(附详细源码)

九宫格图片上传可展示，可删除，可添加功能

仿照微信九宫格上传图片，也可以只展示图片

九宫格图片上传可展示，可删除，可添加功能相关推荐

最新文章

热门文章