如何在RecyclerView中创建左右宽度不等的两列布局？

我来帮你搞定这个RecyclerView的不等宽两列布局！这里有两种简单靠谱的方法，你可以根据自己的需求选：

方法一：用GridLayoutManager+自定义SpanSizeLookup（推荐） #

这种方法不用自己写复杂的自定义LayoutManager，靠系统自带的组件就能实现，步骤超简单：

1. 给RecyclerView设置GridLayoutManager
   先初始化一个GridLayoutManager，我们把总跨度设为一个能拆分的数值（比如3，用来分配宽度比例）：

   val layoutManager = GridLayoutManager(requireContext(), 3)
   yourRecyclerView.layoutManager = layoutManager
   

2. 自定义SpanSizeLookup分配宽度比例
   通过SpanSizeLookup来控制每一列的宽度占比，比如我们想让左侧列占2/3，右侧列占1/3，就可以这样写：

   layoutManager.spanSizeLookup = object : GridLayoutManager.SpanSizeLookup() {
       override fun getSpanSize(position: Int): Int {
           // 按位置奇偶区分列：偶数位置的item放在左列，占2份跨度；奇数位置放右列，占1份
           return if (position % 2 == 0) 2 else 1
       }
   }
   

   这里的核心逻辑是：总跨度是3，左列item占2份，右列占1份，自然就形成了2:1的不等宽效果。如果想要其他比例，比如3:1，就把总跨度设为4，左列返回3，右列返回1就行。

方法二：用ConstraintLayout做Item布局（适合单条item含左右两部分的场景） #

如果你的需求是RecyclerView的每一行是一个item，每个item里包含左右两个不等宽的区域，那直接在Item布局里用ConstraintLayout定义比例更直观：

1. 编写Item布局文件（比如item_two_columns.xml）

   <?xml version="1.0" encoding="utf-8"?>
   <androidx.constraintlayout.widget.ConstraintLayout 
       xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:app="http://schemas.android.com/apk/res-auto"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:padding="8dp">
   
       <!-- 左侧区域：占2/3宽度 -->
       <TextView
           android:id="@+id/tv_left_content"
           android:layout_width="0dp"
           android:layout_height="wrap_content"
           android:background="#f5f5f5"
           android:padding="12dp"
           app:layout_constraintStart_toStartOf="parent"
           app:layout_constraintEnd_toStartOf="@+id/tv_right_content"
           app:layout_constraintWidth_percent="0.66" />
   
       <!-- 右侧区域：占1/3宽度 -->
       <TextView
           android:id="@+id/tv_right_content"
           android:layout_width="0dp"
           android:layout_height="wrap_content"
           android:background="#e8e8e8"
           android:padding="12dp"
           app:layout_constraintStart_toEndOf="@+id/tv_left_content"
           app:layout_constraintEnd_toEndOf="parent"
           app:layout_constraintWidth_percent="0.33" />
   
   </androidx.constraintlayout.widget.ConstraintLayout>
   

2. 给RecyclerView设置普通的LinearLayoutManager
   这种情况下直接用纵向的LinearLayoutManager就可以了：

   yourRecyclerView.layoutManager = LinearLayoutManager(requireContext())
   

   每个item会占满RecyclerView的宽度，里面的左右区域自动按你设置的比例分配宽度。

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