安卓开发求助：主XML添加两个横屏各占半屏的Fragment容器失败

嘿，刚入门安卓开发遇到布局适配的小问题太正常了！我来帮你搞定横屏状态下两个Fragment容器各占一半屏幕的需求，用你正在用的ConstraintLayout就能轻松实现～

核心思路 #

ConstraintLayout的优势就是灵活的约束和比例控制，咱们可以通过两种常用方式实现平分：

• 利用**横向指南线（Guideline）**把屏幕分成左右各50%，然后让两个容器分别依附在指南线两侧
• 直接给每个容器设置宽度比例为50%，配合约束实现平分

完整代码示例（推荐第一种方式，更直观） #

<androidx.constraintlayout.widget.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <!-- 横向指南线，位于屏幕宽度的50%位置（仅作为布局参考，不会显示） -->
    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/vertical_guideline"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.5"/>

    <!-- 第一个Fragment容器，占据屏幕左半部分 -->
    <FrameLayout
        android:id="@+id/fragment_container_left"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@id/vertical_guideline"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        tools:background="#FFEEEE"/> <!-- 测试用背景色，方便观察布局范围 -->

    <!-- 第二个Fragment容器，占据屏幕右半部分 -->
    <FrameLayout
        android:id="@+id/fragment_container_right"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        app:layout_constraintStart_toEndOf="@id/vertical_guideline"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        tools:background="#EEFFEE"/> <!-- 测试用背景色，方便观察布局范围 -->

</androidx.constraintlayout.widget.ConstraintLayout>

关键代码解释 #

• Guideline：app:layout_constraintGuide_percent="0.5" 表示这条垂直指南线位于屏幕宽度的50%处，它是隐形的布局参考线，用来精准划分屏幕
• 容器宽度设置：把容器宽度设为0dp（即match_constraint），这样容器的宽度会完全由约束条件自动计算
• 约束关系：左边容器的起始端对齐父布局、结束端对齐指南线；右边容器的起始端对齐指南线、结束端对齐父布局，两者组合起来就自动平分了屏幕宽度
• 测试背景色：添加tools:background属性是为了在预览界面直接看到容器范围，调试完可以删掉

第二种简化方式（直接设置宽度比例） #

如果你觉得指南线麻烦，也可以直接给容器设置宽度比例：

<androidx.constraintlayout.widget.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <FrameLayout
        android:id="@+id/fragment_container_left"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintWidth_percent="0.5"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        tools:background="#FFEEEE"/>

    <FrameLayout
        android:id="@+id/fragment_container_right"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        app:layout_constraintStart_toEndOf="@id/fragment_container_left"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        tools:background="#EEFFEE"/>

</androidx.constraintlayout.widget.ConstraintLayout>

这里通过app:layout_constraintWidth_percent="0.5"直接让左边容器占50%宽度，右边容器依附在左侧容器的右端，自动填充剩下的50%空间。

横屏适配小提示 #

如果你的竖屏和横屏布局差异较大，建议在res目录下创建layout-land文件夹，把横屏专属的布局文件放在里面——系统会自动在设备横屏时加载这个目录下的布局，这样适配逻辑会更清晰哦～

现在你可以把代码替换进去，旋转模拟器或者用真机切换到横屏状态，就能看到两个Fragment容器完美平分屏幕啦！

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