如何根据按钮文本长度动态调整LinearLayout内按钮排列方式

针对你需要根据按钮文本长度（是否超过屏幕一半）自动切换水平/垂直排列的需求，提供两种可行方案：

方案一：代码动态控制LinearLayout方向 #

先简化布局，去掉冗余嵌套，直接用一个父LinearLayout承载两个按钮：

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

    <Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="I am long text to feed this button"
        android:paddingVertical="8dp"
        android:paddingHorizontal="16dp"/>

    <Button
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Test"
        android:paddingVertical="8dp"
        android:paddingHorizontal="16dp"
        android:layout_marginStart="16dp"/>

</LinearLayout>

然后在Activity/Fragment中计算文本宽度，判断是否需要切换布局方向：

Kotlin代码 #

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

        val parentLayout = findViewById<LinearLayout>(R.id.parent_layout)
        val btn1 = findViewById<Button>(R.id.btn1)
        val btn2 = findViewById<Button>(R.id.btn2)

        // 获取屏幕宽度的一半
        val screenHalfWidth = resources.displayMetrics.widthPixels / 2

        // 计算按钮文本总宽度（包含左右padding）
        val btn1TotalWidth = getTextWidth(btn1.text.toString(), btn1.textSize) + btn1.paddingLeft + btn1.paddingRight
        val btn2TotalWidth = getTextWidth(btn2.text.toString(), btn2.textSize) + btn2.paddingLeft + btn2.paddingRight

        // 任意按钮宽度超过屏幕一半时，切换为垂直排列
        if (btn1TotalWidth > screenHalfWidth || btn2TotalWidth > screenHalfWidth) {
            parentLayout.orientation = LinearLayout.VERTICAL
            // 调整按钮间距
            (btn2.layoutParams as LinearLayout.LayoutParams).apply {
                marginStart = 0
                topMargin = 16
            }
            btn2.requestLayout()
        }
    }

    // 计算文本的像素宽度
    private fun getTextWidth(text: String, textSize: Float): Int {
        val paint = Paint().apply { this.textSize = textSize }
        return paint.measureText(text).toInt()
    }
}

Java代码 #

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        LinearLayout parentLayout = findViewById(R.id.parent_layout);
        Button btn1 = findViewById(R.id.btn1);
        Button btn2 = findViewById(R.id.btn2);

        int screenHalfWidth = getResources().getDisplayMetrics().widthPixels / 2;

        int btn1TotalWidth = getTextWidth(btn1.getText().toString(), btn1.getTextSize()) 
                + btn1.getPaddingLeft() + btn1.getPaddingRight();
        int btn2TotalWidth = getTextWidth(btn2.getText().toString(), btn2.getTextSize()) 
                + btn2.getPaddingLeft() + btn2.getPaddingRight();

        if (btn1TotalWidth > screenHalfWidth || btn2TotalWidth > screenHalfWidth) {
            parentLayout.setOrientation(LinearLayout.VERTICAL);
            LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) btn2.getLayoutParams();
            params.setMarginStart(0);
            params.topMargin = 16;
            btn2.setLayoutParams(params);
        }
    }

    private int getTextWidth(String text, float textSize) {
        Paint paint = new Paint();
        paint.setTextSize(textSize);
        return (int) paint.measureText(text);
    }
}

方案二：使用ConstraintLayout Flow组件（纯布局实现） #

如果使用AndroidX ConstraintLayout，可借助Flow组件自动实现自适应排列，无需编写逻辑代码：

<?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">

    <Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="I am long text to feed this button"
        android:paddingVertical="8dp"
        android:paddingHorizontal="16dp"/>

    <Button
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Test"
        android:paddingVertical="8dp"
        android:paddingHorizontal="16dp"/>

    <androidx.constraintlayout.helper.widget.Flow
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:constraint_referenced_ids="btn1,btn2"
        app:flow_horizontalStyle="packed"
        app:flow_horizontalGap="16dp"
        app:flow_verticalGap="16dp"
        app:flow_wrapMode="chain"
        app:flow_maxElementsWrap="1"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

flow_maxElementsWrap="1"设置每行最多显示1个元素，当任意按钮宽度超过屏幕一半时，水平排列会超出屏幕范围，Flow会自动切换为垂直排列，刚好符合需求。

你现有布局的问题说明 #

1. 嵌套了不必要的LinearLayout，增加布局层级；
2. 第二个按钮设置android:layout_width="0dp"和android:layout_height="0dp"，导致按钮无法显示；
3. 没有实现根据文本长度动态切换布局方向的逻辑。

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