Android新闻应用CardView布局优化：让新闻简介填充图片右侧及下方空白

嘿，我完全懂你想要的效果——新闻简介既要乖乖待在图片右侧，还得能顺着图片往下延伸，把图片下方的空白区域也填满，对吧？这其实就是类似文字环绕图片的布局需求，Android原生布局里咱们用ConstraintLayout就能完美实现，它比传统的RelativeLayout更灵活，适配性也更强。

我给你写个直接能用的完整CardItem布局示例：

<androidx.cardview.widget.CardView
    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="wrap_content"
    android:layout_margin="8dp"
    app:cardCornerRadius="8dp"
    app:cardElevation="4dp">

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

        <!-- 新闻标题 -->
        <TextView
            android:id="@+id/news_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="这是一条测试用的长新闻标题，用来验证多行显示的适配效果"
            android:textSize="18sp"
            android:textStyle="bold"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintStart_toStartOf="parent"/>

        <!-- 新闻图片 -->
        <ImageView
            android:id="@+id/news_image"
            android:layout_width="120dp"
            android:layout_height="90dp"
            android:src="@drawable/news_sample"
            android:scaleType="centerCrop"
            app:layout_constraintTop_toBottomOf="@id/news_title"
            app:layout_constraintStart_toStartOf="parent"
            android:layout_marginTop="8dp"/>

        <!-- 新闻简介 - 核心布局实现 -->
        <TextView
            android:id="@+id/news_desc"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="这是新闻的简介内容，我需要它在图片右侧显示，当内容足够长时能延伸到图片下方，把空白区域填满。这样整个卡片布局会更紧凑，不会浪费空间，用户体验也更好。"
            android:textSize="14sp"
            android:lineSpacingExtra="2dp"
            app:layout_constraintStart_toEndOf="@id/news_image"
            app:layout_constraintTop_toBottomOf="@id/news_title"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"/>

    </androidx.constraintlayout.widget.ConstraintLayout>

</androidx.cardview.widget.CardView>

关键布局逻辑说明： #

• 新闻简介的TextView通过app:layout_constraintStart_toEndOf="@id/news_image"绑定到图片右侧，确保初始位置在图片旁边。
• 同时设置app:layout_constraintTop_toBottomOf="@id/news_title"和app:layout_constraintBottom_toBottomOf="parent"，让简介顶部跟着标题走，底部贴紧卡片底部。这样当简介内容较长时，会自动向下延伸，填充图片下方的空白。
• 给ImageView设置固定宽高（或者用app:layout_constraintDimensionRatio设置比例），避免图片拉伸变形，保证布局一致性。

如果你的项目还在用旧的support库，只需要把androidx组件替换成android.support.v7.widget.CardView和android.support.constraint.ConstraintLayout就行，核心逻辑完全一致。

另外，要是想让图片和简介底部对齐（当简介内容较短时），可以给ImageView加上app:layout_constraintBottom_toBottomOf="@id/news_desc"，这样图片会跟着简介的高度调整，避免底部出现空白。

内容的提问来源于stack exchange，提问作者J.E.Y