ConstraintLayout Guideline扩展问题：如何固定占物理屏幕比例？

这个问题我之前也碰到过！核心原因是ScrollView的子布局高度会随着内容自动延伸，你用的guideline比例是基于整个滚动内容的总高度，而不是屏幕的物理高度。给你两个靠谱的解决方案：

方案1：纯XML实现（推荐） #

通过给ScrollView设置android:fillViewport="true"，让它的子布局至少填充屏幕视口高度，再用ConstraintLayout的百分比高度约束来固定ImageView的比例。这样不管内容多长，ImageView的高度始终是屏幕的35%。

示例代码结构：

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

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        <!-- 关键属性：让子布局填充屏幕视口 -->
        android:fillViewport="true">

        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/top_image"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                <!-- 绑定到视口高度的35% -->
                app:layout_constraintHeight_percent="0.35"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                android:scaleType="centerCrop"
                android:src="@drawable/your_image" />

            <!-- 下方的滚动内容 -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:layout_constraintTop_toBottomOf="@id/top_image"
                android:orientation="vertical"
                android:padding="16dp">

                <!-- 这里放你的文本、按钮等内容 -->
                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="大量测试内容..."
                    android:textSize="18sp" />

            </LinearLayout>

        </androidx.constraintlayout.widget.ConstraintLayout>

    </ScrollView>

</androidx.constraintlayout.widget.ConstraintLayout>

核心要点：android:fillViewport="true"是关键，它让ScrollView的子ConstraintLayout的高度至少等于屏幕高度，这样layout_constraintHeight_percent就会基于屏幕视口计算，而不是滚动内容的总高度。

方案2：代码动态设置高度 #

如果你的布局结构比较复杂，或者需要更灵活的控制（比如排除状态栏/导航栏高度），可以在代码里直接计算屏幕高度，然后设置ImageView的固定高度。

Kotlin示例： #

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    val topImage = view.findViewById<ImageView>(R.id.top_image)
    
    // 获取屏幕物理高度
    val displayMetrics = DisplayMetrics()
    requireActivity().windowManager.defaultDisplay.getMetrics(displayMetrics)
    val screenHeight = displayMetrics.heightPixels
    
    // 如果需要排除状态栏高度，加上这段
    val statusBarId = resources.getIdentifier("status_bar_height", "dimen", "android")
    val statusBarHeight = if (statusBarId > 0) resources.getDimensionPixelSize(statusBarId) else 0
    val usableHeight = screenHeight - statusBarHeight
    
    // 设置ImageView高度为可用高度的35%
    val imageHeight = (usableHeight * 0.35).toInt()
    topImage.layoutParams.height = imageHeight
    topImage.requestLayout()
}

Java示例： #

@Override
public void onViewCreated(View view, Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);
    ImageView topImage = view.findViewById(R.id.top_image);
    
    DisplayMetrics displayMetrics = new DisplayMetrics();
    requireActivity().getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
    int screenHeight = displayMetrics.heightPixels;
    
    // 可选：排除状态栏高度
    int statusBarId = getResources().getIdentifier("status_bar_height", "dimen", "android");
    int statusBarHeight = statusBarId > 0 ? getResources().getDimensionPixelSize(statusBarId) : 0;
    int usableHeight = screenHeight - statusBarHeight;
    
    int imageHeight = (int) (usableHeight * 0.35);
    ViewGroup.LayoutParams params = topImage.getLayoutParams();
    params.height = imageHeight;
    topImage.setLayoutParams(params);
}

这两种方法都能完美解决你的问题，个人更推荐方案1，纯XML实现更简洁易维护。

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