仿照微信九宫格上传图片,也可以只展示图片
先看效果
项目引入
通过gradle引入
implementation 'com.llayjun:ninepic:1.0.0'
或者直接将类拷贝到项目中,源码见底部
属性
属性
用途
h_space
水平间隔宽度
v_space格
竖直间隔高度
line_num
水平图片显示个数
max_num
图片最大个数
add_image
添加图片
circle_radius
删除按钮半径
is_edit
是否可以编辑(展示仅图片还是可选择)
项目中使用
xml代码:
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="仅仅图片展示"
android:textSize="10pt" />
android: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">
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="可新增删除"
android:textSize="10pt" />
android: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">
java代码:
// 图片展示
val showList = ArrayList()
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()
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()
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()
}