layout_below 不会在下面放置文本

Posted 2023-04-18

【中文标题】layout_below 不会在下面放置文本

【英文标题】：layout_below doesn't place text underneath

【发布时间】：2021-11-02 15:22:27

【问题描述】：

您好，我试图复制教程的代码，但它不适合我... Layout_below 不会将文本移动到图片下方，有人可以帮忙吗？

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.card.MaterialCardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:padding="20dp"
    android:id="@+id/parent"
    app:cardCornerRadius="7dp"
    app:cardElevation="7dp"
    android:layout_margin="5dp">

    <RelativeLayout
        android:layout_
        android:layout_/>

    <ImageView
        android:layout_
        android:layout_
        android:id="@+id/imgFood"
        android:src="@mipmap/ic_launcher"
        android:contentDescription="@string/todo" />

    <TextView
        android:id="@+id/txtMealName"
        android:layout_
        android:layout_
        android:layout_below="@id/imgFood"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="7dp"
        android:text="@string/meal_name"
        android:textSize="16sp"
        android:textStyle="bold" />


</com.google.android.material.card.MaterialCardView>

【问题讨论】：

您缺少结束标记 </RelativeLayout> RelativeLayout 应该包装 ImageView 和 TextView

【参考方案1】：

您的文本视图和图像视图不在 RelativeLayout 用你的代码替换下面的代码

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.card.MaterialCardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:padding="20dp"
    android:id="@+id/parent"
    app:cardCornerRadius="7dp"
    app:cardElevation="7dp"
    android:layout_margin="5dp">

    <RelativeLayout
        android:layout_
        android:layout_>
        <ImageView
            android:layout_
            android:layout_
            android:id="@+id/imgFood"
            android:src="@mipmap/ic_launcher"
            android:contentDescription="some text" />

        <TextView
            android:id="@+id/txtMealName"
            android:layout_
            android:layout_
            android:layout_below="@id/imgFood"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="7dp"
            android:text="cheese pizza "
            android:textSize="16sp"
            android:textStyle="bold" />

    </RelativeLayout>

</com.google.android.material.card.MaterialCardView>

【参考方案2】：

在Textview之后使用</RelativeLayout> 关闭相对布局