96SEO 2026-06-07 22:24 1
实现这个功Neng,Zui推荐且Zui灵活的方案是使用 RecyclerView 配合 GridLayoutManager。相比传统的 GridView 或自定义 ViewGroup,它geng容易处理数据动态变化和动画效果。
说实话,用RecyclerView来实现九宫格控件的增删功Neng,真的hen方便,你懂的。

你得有个Adapter,这里咱就叫ImageGridAdapter吧。
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.FrameLayout
import android.widget.ImageView
import androidx.recyclerview.widget.RecyclerView
class ImageGridAdapter(
private val maxCount: Int = 9,
private val onAddClick: -> Unit,
private val onDeleteClick: -> Unit,
private val onImageClick: -> Unit
) : RecyclerView.Adapter {
// 数据源
private val images = mutableListOf
fun setData {
images.clear
images.addAll
notifyDataSetChanged
}
// 判断逻辑:Ru果未满9张,总数 = 数据量 + 1 ;满了就是9
override fun getItemCount: Int {
return if images.size + 1 else images.size
}
override fun onCreateViewHolder: ViewHolder {
val view = LayoutInflater.from
.inflate
return ViewHolder
}
override fun onBindViewHolder {
// 判断当前位置是否是“添加按钮”
// 逻辑:Ru果数据没满,且当前位置是Zui后一个,那就是添加按钮
val isAddButton = &&
if {
// --- 渲染添加按钮样式 ---
holder.ivDelete.visibility = View.GONE
holder.flAdd.visibility = View.VISIBLE
holder.ivImage.visibility = View.GONE // 隐藏真图
holder.itemView.setOnClickListener {
onAddClick // 触发添加回调
}
} else {
// --- 渲染真实图片样式 ---
holder.ivDelete.visibility = View.VISIBLE
holder.flAdd.visibility = View.GONE
holder.ivImage.visibility = View.VISIBLE
val imagePath = images
// TODO: 这里使用 Glide 或 Coil 加载图片
// Glide.with.load.into
// 示例:简单设置个颜色区分
holder.ivImage.setBackgroundColor
// 删除点击事件
holder.ivDelete.setOnClickListener {
onDeleteClick
}
// 图片点击预览
holder.itemView.setOnClickListener {
onImageClick
}
}
}
class ViewHolder : RecyclerView.ViewHolder {
val ivImage: ImageView = itemView.findViewById
val ivDelete: ImageView = itemView.findViewById
val flAdd: FrameLayout = itemView.findViewById
}
}
在 Activity/Fragment 中使用
Zui后将 RecyclerView 配置为 3列 Grid 即可。
XML布局文件里就一个RecyclerView,hen简单。
class MainActivity : AppCompatActivity {
private lateinit var recyclerView: RecyclerView
private lateinit var adapter: ImageGridAdapter
private val imageList = mutableListOf // 模拟数据
override fun onCreate {
super.onCreate
setContentView
recyclerView = findViewById
// 初始化 Adapter
adapter = ImageGridAdapter(
maxCount = 9,
onAddClick = {
openImagePicker // 点击了+号
},
onDeleteClick = { position ->
// 点击了删除
imageList.removeAt
adapter.setData
},
onImageClick = { position, path ->
// 点击图片,Ke以去预览
}
)
// 设置布局管理器:3列
recyclerView.layoutManager = GridLayoutManager
recyclerView.adapter = adapter
}
// 模拟打开相册选择图片
private fun openImagePicker {
// 实际开发中,这里调用相册库
// 模拟:每次点击添加一张假图片
if {
imageList.add}")
adapter.setData
}
}
}
Item布局:item_grid_image.xml
我们需要定义一个 Grid 中每个格子的布局 item_grid_image.xml。为了方便,我们把“图片展示”和“添加按钮”写在一个布局里通过代码控制显示隐藏。
关键点
Grid布局使用 GridLayoutManager 实现九宫格。
隐藏入口逻辑: 在 Adapter 的 getItemCount 中控制。Ru果不满9张,总数就等于数据量 +1;Ru果等于9,那就是9。
Item区分逻辑: 在onBindViewHolder, 通过判断, 来区分当前渲染的是“加号”还是“真图片”。
Rxjava删除逻辑:. 点击删除按钮后先操作数据源list,然后调用setData+notifyItemRangeChanged),刷新视图,加号会自动因为 count 的变化而重新出现或消失 .
你Ke以直接复制上面的代码到你的工程中稍作修改即可使用。
哈哈,是不是hen简单?咱就是说用RecyclerVew 来实现这个功Neng真的hen方便!
作为专业的SEO优化服务提供商,我们致力于通过科学、系统的搜索引擎优化策略,帮助企业在百度、Google等搜索引擎中获得更高的排名和流量。我们的服务涵盖网站结构优化、内容优化、技术SEO和链接建设等多个维度。
| 服务项目 | 基础套餐 | 标准套餐 | 高级定制 |
|---|---|---|---|
| 关键词优化数量 | 10-20个核心词 | 30-50个核心词+长尾词 | 80-150个全方位覆盖 |
| 内容优化 | 基础页面优化 | 全站内容优化+每月5篇原创 | 个性化内容策略+每月15篇原创 |
| 技术SEO | 基本技术检查 | 全面技术优化+移动适配 | 深度技术重构+性能优化 |
| 外链建设 | 每月5-10条 | 每月20-30条高质量外链 | 每月50+条多渠道外链 |
| 数据报告 | 月度基础报告 | 双周详细报告+分析 | 每周深度报告+策略调整 |
| 效果保障 | 3-6个月见效 | 2-4个月见效 | 1-3个月快速见效 |
我们的SEO优化服务遵循科学严谨的流程,确保每一步都基于数据分析和行业最佳实践:
全面检测网站技术问题、内容质量、竞争对手情况,制定个性化优化方案。
基于用户搜索意图和商业目标,制定全面的关键词矩阵和布局策略。
解决网站技术问题,优化网站结构,提升页面速度和移动端体验。
创作高质量原创内容,优化现有页面,建立内容更新机制。
获取高质量外部链接,建立品牌在线影响力,提升网站权威度。
持续监控排名、流量和转化数据,根据效果调整优化策略。
基于我们服务的客户数据统计,平均优化效果如下:
我们坚信,真正的SEO优化不仅仅是追求排名,而是通过提供优质内容、优化用户体验、建立网站权威,最终实现可持续的业务增长。我们的目标是与客户建立长期合作关系,共同成长。
Demand feedback