Android实现每行显示两项且可滚动的动态列表布局方法

嘿，作为Android新手碰到这个需求太正常啦！你原来用的LinearLayout只能固定写死两个元素，没法适配动态数据也没有滚动能力，咱换个更合适的组件就能搞定——RecyclerView，它可是官方推荐用来做动态列表/网格的神器，完美适配你的需求。

核心思路 #

用RecyclerView配合GridLayoutManager，直接指定每行显示2列，再结合自定义Adapter来绑定服务器返回的动态数据，既能实现每行两项，又自带滚动特性，还能复用视图避免性能问题。

具体步骤&代码示例 #

1. 先在主布局里添加RecyclerView

替换你原来的LinearLayout，用这个：

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/item_recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

这里用match_parent让它占满可用空间，自然就能滚动啦。

2. 创建单个列表项的布局（比如item_image.xml）

每个item要能平分每行的宽度，所以给ImageView设置权重：

<!-- item_image.xml -->
<ImageView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/item_image"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:scaleType="centerCrop"
    android:padding="4dp" />

layout_weight="1"加上layout_width="0dp"，就能让每行的两个item自动平分宽度。

3. 编写RecyclerView的Adapter

这个Adapter用来把服务器获取的数据源和视图绑定起来：

class ItemAdapter(private val imageList: List<String>) : RecyclerView.Adapter<ItemAdapter.ItemViewHolder>() {

    inner class ItemViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val imageView: ImageView = itemView.findViewById(R.id.item_image)
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ItemViewHolder {
        val view = LayoutInflater.from(parent.context).inflate(R.layout.item_image, parent, false)
        return ItemViewHolder(view)
    }

    override fun onBindViewHolder(holder: ItemViewHolder, position: Int) {
        val imageUrl = imageList[position]
        // 这里可以用Glide/Picasso加载网络图片，比如：
        // Glide.with(holder.imageView.context).load(imageUrl).into(holder.imageView)
        holder.imageView.setImageResource(R.drawable.default_image) // 先用本地图占位
    }

    override fun getItemCount(): Int {
        return imageList.size
    }
}

如果用Java的话，核心逻辑完全一致：创建ViewHolder、绑定数据、返回数据数量即可。

4. 在Activity/Fragment里初始化RecyclerView

拿到服务器返回的数据后，把数据传给Adapter，再设置LayoutManager：

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val recyclerView = findViewById<RecyclerView>(R.id.item_recycler_view)
        // 设置GridLayoutManager，第二个参数2就是每行显示2列
        recyclerView.layoutManager = GridLayoutManager(this, 2)
        // 假设serverData是从服务器获取的图片URL列表
        val serverData = listOf("url1", "url2", "url3", "url4", "url5")
        val adapter = ItemAdapter(serverData)
        recyclerView.adapter = adapter

        // 后续服务器数据更新后，直接更新adapter的数据源，然后调用：
        // adapter.notifyDataSetChanged()
    }
}

额外提个备选方案（不推荐但简单） #

如果暂时不想用RecyclerView，也可以用ScrollView包裹一个垂直的LinearLayout，然后动态往里面添加水平的LinearLayout（每行放两个item）：

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:id="@+id/container_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"/>
</ScrollView>

然后在代码里循环数据，每两个item创建一个水平LinearLayout，添加到container里。但这种方法没有视图复用，数据多了会卡顿，所以还是优先用RecyclerView哦！

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