嘿，我来帮你梳理下这两个问题的解决方案，都是Android开发里很常见的场景~

如果用的是Android原生的GridLayout，设置间距有两种常用方式：

• 直接使用GridLayout自带属性：
  在XML布局里给GridLayout添加android:columnSpacing（列之间的水平间距）和android:rowSpacing（行之间的垂直间距）属性，比如：

  <GridLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:columnCount="5"
      android:columnSpacing="8dp"
      android:rowSpacing="8dp"
      android:orientation="horizontal">
      <!-- 子View -->
  </GridLayout>
  

  这种方式适合全局统一的间距需求。
• 给子View设置Margin：
  如果需要更灵活的间距（比如边缘的子View和中间的间距不同），可以给每个子View单独设置android:layout_margin，或者拆分layout_marginLeft/layout_marginRight等，比如：

  <ImageView
      android:layout_width="40dp"
      android:layout_height="40dp"
      android:layout_margin="4dp"
      android:src="@drawable/level_icon_red"/>
  

  这种方式能精准控制每个子View的间距。

完全可以用RecyclerView或者ListView实现，更推荐用RecyclerView，原因和实现思路如下：

• 为什么选RecyclerView？
  RecyclerView相比ListView有更好的视图复用机制，支持局部刷新（不用刷新整个列表），而且可以通过GridLayoutManager轻松实现水平网格布局，扩展性更强（比如后续要添加动画、多类型布局都更方便）。
• 实现步骤：
  1. 先定义一个关卡数据类，用来存储每个关卡的状态：

     data class LevelItem(val levelNumber: Int, val isCompleted: Boolean)
     

  2. 自定义RecyclerView.Adapter，在onBindViewHolder方法中根据isCompleted状态切换图标：

     override fun onBindViewHolder(holder: LevelViewHolder, position: Int) {
         val item = levelList[position]
         holder.iconImageView.setImageResource(
             if (item.isCompleted) R.drawable.level_icon_yellow else R.drawable.level_icon_red
         )
         // 还可以设置关卡编号等其他内容
     }
     

  3. 设置RecyclerView的布局管理器为水平方向的GridLayoutManager：

     val layoutManager = GridLayoutManager(context, 5, GridLayoutManager.HORIZONTAL, false)
     recyclerView.layoutManager = layoutManager
     

  4. 当用户完成关卡时，更新对应LevelItem的isCompleted属性为true，然后调用adapter.notifyItemChanged(position)刷新单个Item的UI，避免全量刷新。

如果坚持用ListView也能实现，但需要自己处理视图复用的细节，而且局部刷新不如RecyclerView方便，所以更推荐优先使用RecyclerView。

内容的提问来源于stack exchange，提问作者Junaid