如何在FrameLayout中于start与center、end与center间添加按钮？

嘿，我来给你支个招！你这种在底部排列五个按钮（左、左中、中、右中、右）的需求，ConstraintLayout绝对是最优解——它比FrameLayout灵活太多，能精确控制每个按钮的相对位置，还不用嵌套多余布局，性能也更优。

具体实现步骤 #

1. 把原来的FrameLayout替换成ConstraintLayout（或者直接在现有布局里调整，替换更省心）
2. 给所有底部按钮设置底部约束，让它们都贴紧父布局底部
3. 用水平链约束让五个按钮在水平方向均匀分布

完整代码示例 #

<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="match_parent">

    <!-- 左侧按钮 -->
    <Button
        android:id="@+id/btn_left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="左"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/btn_left_mid"
        app:layout_constraintHorizontal_chainStyle="spread"/>

    <!-- 左中按钮（介于左和中之间） -->
    <Button
        android:id="@+id/btn_left_mid"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="左中"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toEndOf="@+id/btn_left"
        app:layout_constraintEnd_toStartOf="@+id/btn_center"/>

    <!-- 中心按钮 -->
    <Button
        android:id="@+id/btn_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="中"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toEndOf="@+id/btn_left_mid"
        app:layout_constraintEnd_toStartOf="@+id/btn_right_mid"/>

    <!-- 右中按钮（介于中和右之间） -->
    <Button
        android:id="@+id/btn_right_mid"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="右中"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toEndOf="@+id/btn_center"
        app:layout_constraintEnd_toStartOf="@+id/btn_right"/>

    <!-- 右侧按钮 -->
    <Button
        android:id="@+id/btn_right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="右"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toEndOf="@+id/btn_right_mid"
        app:layout_constraintEnd_toEndOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

为什么这个方案好用？ #

• 水平链（layout_constraintHorizontal_chainStyle="spread"）会自动让五个按钮在水平方向均匀分配空间，完美实现你要的“左-左中-中-右中-右”的排列
• 没有多余布局嵌套，比嵌套LinearLayout更高效
• 可以轻松调整单个按钮的位置或样式，灵活性拉满

如果你不想替换FrameLayout？试试这个补救方案 #

你之前用LinearLayout没成功，大概率是没设置对关键属性！可以在FrameLayout里嵌套一个水平LinearLayout，按下面的写法来：

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 保留你原来的其他内容 -->

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:orientation="horizontal"
        android:justifyContent="space-around"
        android:paddingVertical="8dp">

        <Button android:text="左" android:layout_width="wrap_content" android:layout_height="wrap_content"/>
        <Button android:text="左中" android:layout_width="wrap_content" android:layout_height="wrap_content"/>
        <Button android:text="中" android:layout_width="wrap_content" android:layout_height="wrap_content"/>
        <Button android:text="右中" android:layout_width="wrap_content" android:layout_height="wrap_content"/>
        <Button android:text="右" android:layout_width="wrap_content" android:layout_height="wrap_content"/>

    </LinearLayout>

</FrameLayout>

关键要给LinearLayout设置layout_width="match_parent"和justifyContent="space-around"，这样按钮才会均匀分散开，而不是挤在一起。

不过还是更推荐ConstraintLayout的方案，毕竟它现在是Android官方主推的布局方式，适配性和扩展性都更好。

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