Question

我在android中有两个图像，其中一个是图像，另一个是drawable，它显示了编号。请告诉我如何才能重叠这两件事。

这里是我的代码：

<ImageView
    android:id="@+id/catfish_img"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:src="@drawable/icon_cat_fish" />

<TextView
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:id="@+id/circle_tv"
    android:layout_below="@+id/video_chat_txt"
    android:text="2"
    android:textAlignment="center"
    android:gravity="center"
    android:layout_marginTop="10dp"
    android:textColor="@color/white"
    android:textSize="20sp"
    android:layout_centerHorizontal="true"
    android:background="@drawable/circle"/>

Answer 1

使用此代码，您必须使用第三个库进行圆形文本视图。

<RelativeLayout
    android:layout_width="100dp"
    android:layout_height="100dp">
    <ImageView
        android:id="@+id/catfish_img"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/intro1" />

    <TextView
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:id="@+id/circle_tv"
        android:text="2"
        android:textAlignment="center"
        android:gravity="center"
        android:layout_marginTop="10dp"
        android:textColor="@color/white"
        android:textSize="20sp"
        android:background="@drawable/circle"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="15dp"

        />
    <!--android:background="@drawable/circle"-->
</RelativeLayout>

将这些库用于徽章图标 http://www.exceptionbound.com/programming-tut/android-tutorial/add-badge-item-count-to-icon-android-app-android-studio

https://github.com/arturogutierrez/Badges

https://github.com/mikepenz/Android-ActionItemBadge

https://github.com/jgilfelt/android-viewbadger

https://github.com/leolin310148/ShortcutBadger

输出将是这样的

Answer 2

将两者放在相对布局中，然后根据需要在相对布局中对齐文本。

<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">

<ImageView
            android:id="@+id/catfish_img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/icon_cat_fish" />

        <TextView
            android:layout_width="60dp"
            android:layout_height="60dp"
            android:id="@+id/circle_tv"
            android:layout_below="@+id/video_chat_txt"
            android:text="2"
            android:textAlignment="center"
            android:gravity="center"
            android:layout_marginTop="10dp"
            android:textColor="@color/white"
            android:textSize="20sp"
            android:layout_centerHorizontal="true"
            android:background="@drawable/circle"
            android:layout_alignParentBottom="true"
            android:layout_alignParentEnd="true"
            />

</RelativeLayout>

如何在XML中的图像视图上重叠textview？

2 个答案: