Android ImageView 之上的 TextView

Question

我正在尝试在 ImageView 的顶部插入一个 textView。图像是一个圆圈，在 relativeLayout 里面。

我无法在 Circle 的中心插入 TextView。

快照：

请看一下快照和代码。

<RelativeLayout
            android:id="@+id/circlenumberlayout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/layoutbackground" >

            <ImageView
                android:id="@+id/numberCircle"
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:padding="5dp"
                android:src="@drawable/circle"
                tools:ignore="RtlHardcoded" />
            
            <TextView
                android:id="@+id/numberText"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignRight="@+id/numberCircle"
                android:layout_marginRight="16dp"
                android:gravity="center"
                android:text="200"
                android:textStyle="bold" 
                android:textColor="@color/whiteText"
                android:textSize="14sp"/>

        </RelativeLayout>

谁能帮我让 textView 以 imageCircle 为中心。过去一小时我一直在工作？

谢谢！

Answer 1

将 RelativeLayout 宽度和高度更改为 wrap_content。

在您的 TextView 中使用 android:layout:centerInParent="true"。

Answer 2

如果您的要求只是 TextView 带有边框，这样 TextView 所用的文本始终位于中心，那么您可以使用以下代码实现它，而不是使用 RelativeLayout 和 ImageView.

<TextView
    android:id="@+id/numberText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:background="@drawable/circle"
    android:text="200"
    android:textStyle="bold"
    android:textColor="@color/whiteText"
    android:textSize="14sp"/>

Android ImageView 之上的 TextView

TextView on top of ImageView in Android

android

android-layout

android-relativelayout