Android应用布局问题：如何实现图片宽高均为父容器50%？

嘿，我懂你的需求啦——想在ConstraintLayout里让每张图片的宽高都占父容器的50%对吧？这事儿用ConstraintLayout的百分比约束就能轻松搞定，我来帮你完善代码并唠唠关键细节～

先给你补全并优化后的完整布局代码：

<?xml version="1.0" encoding="utf-8"?>
<!-- 建议用AndroidX版本的ConstraintLayout，这是现在官方主推的 -->
<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">

    <!-- 左上角的示例图片 -->
    <ImageView
        android:id="@+id/img_top_left"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:src="@drawable/your_image_resource"
        <!-- 核心：宽高设为父容器的50% -->
        app:layout_constraintWidth_percent="0.5"
        app:layout_constraintHeight_percent="0.5"
        <!-- 定位到父容器左上角 -->
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        <!-- 可选：防止图片变形，根据需求选scaleType -->
        android:scaleType="centerCrop"/>

    <!-- 如果你需要右下角的图片，直接复制调整定位就行 -->
    <ImageView
        android:id="@+id/img_bottom_right"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:src="@drawable/another_image"
        app:layout_constraintWidth_percent="0.5"
        app:layout_constraintHeight_percent="0.5"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:scaleType="fitCenter"/>

</androidx.constraintlayout.widget.ConstraintLayout>

关键细节说明 #

• 必须用0dp作为宽高：ConstraintLayout的百分比约束生效的前提是把layout_width和layout_height设为0dp，这样控件才会遵循百分比规则来计算尺寸。
• 百分比约束属性：app:layout_constraintWidth_percent="0.5"和app:layout_constraintHeight_percent="0.5"就是实现50%占比的核心，0.5对应50%，你要是想改比例直接调这个数值就行。
• 定位调整：通过layout_constraintStart_toStartOf、layout_constraintTop_toTopOf这类属性可以随意调整图片在布局中的位置，比如想放中间、右上角都没问题，只要改对应的约束就行。
• 图片变形处理：加上android:scaleType属性可以控制图片的展示方式，避免因为父容器尺寸变化导致图片拉伸变形，常用的有centerCrop（裁剪居中）、fitCenter（完整居中适配），按需选择就好。

对了，如果你还在使用旧的android.support.constraint.ConstraintLayout，建议尽快迁移到AndroidX版本，官方已经不再维护旧支持库啦。

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