HorizontalScrollView内容小于容器时如何实现子项均匀分布且支持滚动

核心实现逻辑是同时兼容「内容不足时填充视口均匀分布」和「内容溢出时滚动」两种场景，配置要点如下：

• 给HorizontalScrollView开启fillViewport="true"属性，允许子布局填充滚动视口的可用空间
• 内层LinearLayout设置minWidth="match_parent"，保证内容不足时最少占满屏幕宽度，同时保留layout_width="wrap_content"适配内容溢出的场景
• 子按钮项设置layout_weight="1"、layout_width="0dp"，在总宽度不足屏幕宽度时自动拉伸分配空白间距

完整XML实现 #

<HorizontalScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:fillViewport="true">

    <LinearLayout
        android:id="@+id/appearance_row_0"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginVertical="12dp"
        android:minWidth="match_parent"
        android:orientation="horizontal" >

        <include layout="@layout/appearance_fragment_theme_button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"/>
        <include layout="@layout/appearance_fragment_divider"/>
        <include layout="@layout/appearance_fragment_theme_button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"/>
        <include layout="@layout/appearance_fragment_divider"/>
        <include layout="@layout/appearance_fragment_theme_button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"/>
        <include layout="@layout/appearance_fragment_divider"/>
        <include layout="@layout/appearance_fragment_theme_button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"/>
    </LinearLayout>
</HorizontalScrollView>

低版本兼容方案 #

如果部分系统版本对minWidth="match_parent"适配有问题，可以通过代码动态调整布局参数：

// 在内层布局渲染完成后动态计算适配
appearance_row_0.post {
    val parentWidth = (appearance_row_0.parent as View).width
    val contentTotalWidth = appearance_row_0.measuredWidth
    appearance_row_0.layoutParams.width = if (contentTotalWidth < parentWidth) {
        ViewGroup.LayoutParams.MATCH_PARENT
    } else {
        ViewGroup.LayoutParams.WRAP_CONTENT
    }
    appearance_row_0.requestLayout()
}

效果验证 #

• 当所有子项总宽度小于屏幕宽度时，内层LinearLayout占满屏幕宽度，子按钮按权重分配空间，自动均匀留白，和纯LinearLayout效果一致
• 当子项总宽度超过屏幕宽度时，内层LinearLayout按实际内容宽度展示，HorizontalScrollView自动支持横向滚动

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