layout_below 不在下方放置文字

Question

您好，我试过复制一个教程的代码，但是对我来说不行... 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_width="wrap_content"
    android:layout_height="wrap_content"
    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_width="match_parent"
        android:layout_height="match_parent"/>

    <ImageView
        android:layout_width="130dp"
        android:layout_height="150dp"
        android:id="@+id/imgFood"
        android:src="@mipmap/ic_launcher"
        android:contentDescription="@string/todo" />

    <TextView
        android:id="@+id/txtMealName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        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>

Answer 1

在 Textview

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

Answer 2

您的文本视图和图像视图不在 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_width="wrap_content"
    android:layout_height="wrap_content"
    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_width="match_parent"
        android:layout_height="match_parent">
        <ImageView
            android:layout_width="130dp"
            android:layout_height="150dp"
            android:id="@+id/imgFood"
            android:src="@mipmap/ic_launcher"
            android:contentDescription="some text" />

        <TextView
            android:id="@+id/txtMealName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            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>

layout_below 不在下方放置文字

layout_below doesn't place text underneath

android

android-recyclerview

layout

android-relativelayout

android-cardview