Android横竖屏通用布局：无需双布局实现按钮列表横竖排列适配

当然可以不用创建两个布局文件！这正是Android布局系统设计时就考虑到的场景，我给你分享两种简单且靠谱的实现方式，都不用额外写多份布局：

方法一：LinearLayout + 资源限定符 #

这是最基础且兼容性好的方案，利用Android的资源限定符来动态切换LinearLayout的排列方向：

步骤1：编写核心布局文件 #

创建一个单一布局文件（比如activity_button_list.xml），用LinearLayout包裹所有LinkButton，将android:orientation设置为引用自定义资源：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="@integer/button_list_orientation"
    android:gravity="center"
    android:padding="16dp">

    <LinkButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮1"/>

    <LinkButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮2"
        android:layout_marginHorizontal="8dp"/>

    <LinkButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮3"/>

</LinearLayout>

步骤2：定义竖屏资源 #

在res/values/integers.xml中定义竖屏时的排列方向（1对应LinearLayout.VERTICAL）：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <integer name="button_list_orientation">1</integer>
</resources>

步骤3：定义横屏资源 #

创建res/values-land目录（-land是横屏限定符），在其中新建integers.xml，定义横屏时的排列方向（0对应LinearLayout.HORIZONTAL）：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <integer name="button_list_orientation">0</integer>
</resources>

这样横竖屏切换时，系统会自动加载对应方向的资源，LinearLayout的排列方式就会跟着变化。

方法二：ConstraintLayout Flow + 资源限定符 #

如果你用的是AndroidX的ConstraintLayout，推荐用Flow辅助组件，它能更灵活地管理View的排列，适配复杂场景：

步骤1：编写核心布局文件 #

用ConstraintLayout包裹LinkButton，再添加Flow组件来管理它们的排列，将app:flow_orientation设置为引用资源：

<?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="16dp">

    <LinkButton
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮1"/>

    <LinkButton
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮2"/>

    <LinkButton
        android:id="@+id/btn3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮3"/>

    <androidx.constraintlayout.helper.widget.Flow
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:constraint_referenced_ids="btn1,btn2,btn3"
        app:flow_orientation="@string/flow_orientation"
        app:flow_horizontalGap="8dp"
        app:flow_verticalGap="8dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

步骤2：定义竖屏资源 #

在res/values/strings.xml中定义竖屏时的Flow方向：

<string name="flow_orientation">vertical</string>

步骤3：定义横屏资源 #

在res/values-land/strings.xml中定义横屏时的Flow方向：

<string name="flow_orientation">horizontal</string>

Flow组件会自动根据配置的方向排列所有引用的LinkButton，还能通过flow_horizontalGap和flow_verticalGap统一设置间距，比LinearLayout更省心。

两种方案都只需要维护一份核心布局文件，靠Android的资源系统自动适配横竖屏，非常高效！

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