android 将对象放置在 ImageView 下方

Question

我必须创建一个水平对齐的 TextView 和一个放置在另一个 ImageView 下方的 ImageView 。问题是它们没有水平对齐。我应该怎么做才能避免这个问题？..

现在发生了什么:

应该是这样的:

我的代码:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:padding="5dp"
    >
    <ImageButton
        android:id="@+id/imgBtnItem"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter"
        android:background="@android:color/transparent">
    </ImageButton>

    <TextView
        android:id="@+id/txtName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textStyle="bold"
        android:textSize="9sp"
        android:layout_below="@+id/imgBtnItem">
    </TextView>
    <ImageButton
        android:id="@+id/imgBtnAdd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/imgBtnItem"
        android:layout_toRightOf="@+id/txtName"
        android:background="@android:color/transparent"
        >
    </ImageButton>
</RelativeLayout>

Answer 1

用作(根据用途编辑尺寸):

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:padding="5dp"
>
<ImageButton
    android:id="@+id/imgBtnItem"
    android:layout_width="150dp"
    android:layout_height="150dp"
    android:adjustViewBounds="true"
    android:scaleType="fitCenter"
    android:background="@color/colorAccent">
</ImageButton>

<TextView
    android:id="@+id/txtName"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:textStyle="bold"
    android:textSize="9sp"
    android:layout_marginTop="4dp"
    android:layout_below="@+id/imgBtnItem"
    android:background="@color/colorPrimary">
</TextView>
<ImageButton
    android:id="@+id/imgBtnAdd"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="@color/colorPrimaryDark"
    android:layout_below="@+id/imgBtnItem"
    android:layout_alignTop="@id/txtName"
    android:layout_toEndOf="@id/txtName"
    android:layout_alignEnd="@+id/imgBtnItem">
</ImageButton>
</RelativeLayout>

输出: