Android开发：如何在Fragment中引用主布局控件属性并约束布局？

核心思路 #

通过ConstraintLayout将Activity的top_bar、Fragment容器、底部导航栏进行层级约束，让Fragment容器自动填充中间区域；Fragment内部通过约束让标题贴紧容器顶部（即top_bar下方），内容区域填充剩余空间。

1. 重构Activity主布局（activity_main.xml） #

确保三个核心组件（顶部栏、Fragment容器、底部导航）的约束关系正确，这样Fragment的内容天然被限制在中间区域：

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

    <!-- 原有顶部栏，保留所有子控件 -->
    <RelativeLayout
        android:id="@+id/top_bar"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:background="#FFFFFF"
        android:backgroundTint="#303030"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <Button
            android:id="@+id/bal_container"
            style="@style/Widget.Material3.Button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignTop="@id/energy_bar"
            android:layout_alignBottom="@id/satisfaction_bar"
            android:layout_alignParentStart="true"
            android:layout_marginStart="10dp"
            android:layout_marginTop="0dp"
            android:layout_marginBottom="0dp"
            android:background="@drawable/roundedbutton"
            android:checkable="false"
            android:clickable="false"
            android:contextClickable="false"
            android:enabled="false"
            android:focusable="false"
            android:focusableInTouchMode="false"
            tools:ignore="RelativeOverlap" />

        <ProgressBar
            android:id="@+id/energy_bar"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_width="72dp"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_alignParentEnd="true"
            android:layout_marginTop="10dp"
            android:layout_marginEnd="10dp"
            android:layout_marginBottom="0dp"
            android:focusable="false"
            android:indeterminate="false"
            android:max="200"
            android:progress="150"
            android:progressBackgroundTint="#CCCCCC"
            android:progressTint="#FFEE33"
            android:scaleY="3.9" />

        <ProgressBar
            android:id="@+id/satisfaction_bar"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_width="72dp"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:layout_alignParentBottom="true"
            android:layout_marginEnd="10dp"
            android:layout_marginBottom="10dp"
            android:focusable="false"
            android:indeterminate="false"
            android:max="1000"
            android:progress="750"
            android:progressBackgroundTint="#CCCCCC"
            android:progressTint="#1AB31A"
            android:scaleY="3.9" />

        <TextView
            android:id="@+id/satisfaction_lbl"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignStart="@id/satisfaction_bar"
            android:layout_alignTop="@id/satisfaction_bar"
            android:layout_alignEnd="@id/satisfaction_bar"
            android:layout_alignBottom="@id/satisfaction_bar"
            android:fontFamily="sans-serif-black"
            android:gravity="center"
            android:text="[750/1000]"
            android:textSize="11sp" />

        <TextView
            android:id="@+id/energy_lbl"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignStart="@id/energy_bar"
            android:layout_alignTop="@id/energy_bar"
            android:layout_alignEnd="@id/energy_bar"
            android:layout_marginTop="2dp"
            android:fontFamily="sans-serif-black"
            android:gravity="center"
            android:text="[150/200]"
            android:textSize="11sp" />
    </RelativeLayout>

    <!-- Fragment容器：自动填充顶部栏和底部导航之间的空间 -->
    <FrameLayout
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintBottom_toTopOf="@id/bottom_nav"
        app:layout_constraintTop_toBottomOf="@id/top_bar" />

    <!-- 底部导航栏 -->
    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_nav"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:menu="@menu/bottom_nav_menu" />

</androidx.constraintlayout.widget.ConstraintLayout>

关键改动：Fragment容器用0dp高度，通过上下约束绑定到top_bar底部和底部导航顶部，确保它的范围完全在两者之间，Fragment加载后内容不会超出这个区域。

2. 修改Fragment布局（以fragment_profile.xml为例） #

给标题添加彩色背景，并让标题贴紧Fragment容器顶部（也就是top_bar下方），内容区域填充剩余空间：

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

    <!-- 带彩色背景的页面标题 -->
    <TextView
        android:id="@+id/screen_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/title_profile"
        android:textAlignment="center"
        android:textSize="24sp"
        android:background="#FF5722" <!-- 设置你想要的背景色 -->
        android:textColor="#FFFFFF" <!-- 可选：提升文字可读性 -->
        android:paddingVertical="12dp" <!-- 增加内边距，让标题更美观 -->
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <!-- Fragment内容区域：填充标题下方到容器底部的空间 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:orientation="vertical"
        android:padding="16dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintTop_toBottomOf="@id/screen_title">

        <!-- 这里放Fragment的具体内容，比如个人信息、游戏数据等 -->
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="个人资料"
            android:textSize="18sp"
            android:layout_marginBottom="16dp"/>

        <!-- 更多内容控件... -->
    </LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

关键说明：Fragment无法直接引用Activity中的top_bar，但Fragment容器的顶部已经和top_bar底部对齐，所以标题绑定到容器顶部就等价于贴在top_bar下方，完美满足需求。

3. 可选：切换Fragment时更新标题 #

如果每个Fragment的标题不同，直接在各自Fragment的onViewCreated方法中设置即可：

@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);
    TextView titleView = view.findViewById(R.id.screen_title);
    titleView.setText(getString(R.string.title_profile)); // 替换为当前Fragment的标题字符串
}

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