如何让不同span数的GridLayoutManager元素固定在父布局首尾

1. 修正列表项布局配置 #

你当前列表项根布局宽度为wrap_content，无法撑满GridLayoutManager分配给对应span的宽度，是导致无法贴边的核心原因之一，修改如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" <!-- 修改为match_parent，撑满分配的span宽度 -->
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/row_rec_pair_name_txt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:fontFamily="@font/sans_regular"
        android:paddingTop="@dimen/row_timeframe_mrg_tb"
        android:paddingBottom="@dimen/row_timeframe_mrg_tb"
        android:textAllCaps="true"
        android:textColor="@color/auth_blue_gray54"
        android:textSize="@dimen/symbol_ts" />

</LinearLayout>

如果需要首项完全贴父布局左侧，检查你的RecyclerView配置，android:layout_marginStart="23dp"会给整个列表加左侧边距，不需要的话可以移除。

2. 配置GridLayoutManager跨度规则 #

通过SpanSizeLookup自定义不同位置的span占用大小，示例代码（Kotlin）如下：

// 自定义总跨度，可根据你的需求调整数值
val totalSpanCount = 4
val gridLayoutManager = GridLayoutManager(context, totalSpanCount)
gridLayoutManager.spanSizeLookup = object : GridLayoutManager.SpanSizeLookup() {
    override fun getSpanSize(position: Int): Int {
        return when(position) {
            // 示例：首尾项各占1个跨度，中间项根据需求分配，保证每行跨度加和等于totalSpanCount即可
            0, yourAdapter.itemCount - 1 -> 1
            else -> 1
            // 如需不同跨度示例：首项占2，中间2项各占1，尾项占2，总跨度设为4即可：
            // 0, yourAdapter.itemCount -1 -> 2
            // else ->1
        }
    }
}
yourRecyclerView.layoutManager = gridLayoutManager

3. 适配子项对齐规则 #

在Adapter的onBindViewHolder中根据位置动态调整TextView的对齐方式，实现首尾贴边：

override fun onBindViewHolder(holder: YourViewHolder, position: Int) {
    val isFirstItem = position == 0
    val isLastItem = position == itemCount - 1
    holder.rowRecPairNameTxt.apply {
        gravity = when {
            isFirstItem -> Gravity.START // 首项靠左贴边
            isLastItem -> Gravity.END // 尾项靠右贴边
            else -> Gravity.CENTER // 中间项可根据需求设置居中/其他对齐
        }
        // 其他赋值逻辑
        text = yourDataList[position]
    }
}

4. 可选：移除多余间距 #

如果还存在不期望的间距，可做如下处理：

• 移除RecyclerView之前添加的自定义ItemDecoration
• 关闭列表默认动画：recyclerView.itemAnimator = null
• 如需自定义均匀间距，可自定义ItemDecoration，单独设置首项左间距为0、尾项右间距为0，中间项的间距平均分配。

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