android - 如何在 Button 上叠加 TextView？

Question

我的 XML 代码是:

<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="right">
<Button
    android:id="@+id/btnMyDeals"
    android:layout_width="wrap_content"
    android:layout_height="32dp"
    android:layout_gravity="right"
    android:layout_marginRight="8dp"
    android:text="DEALS"
    android:textSize="18sp"
    android:textColor="@color/white"
    android:background="@drawable/rounded_deals_button"
    android:layout_alignParentTop="true"/>

<TextView
    android:id="@+id/badge_notification_2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

    android:background="@android:drawable/ic_notification_overlay"
    android:text="23"
    android:textColor="#FFF"
    android:textSize="12sp"
    android:textStyle="bold" />




</RelativeLayout>

我想要 TextView 气泡，这是一个 float 在 Button 上的通知标记。 TextView 可以 float 在 Button 的右上角或左上角。 怎么做？

Answer 1

请试试

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="right">

   <Button
    android:id="@+id/btnMyDeals"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_gravity="right"
    android:layout_marginRight="8dp"
    android:text="DEALS"
    android:textSize="18sp" />

    <TextView
    android:id="@+id/badge_notification_2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@android:drawable/ic_notification_overlay"
    android:text="23"
    android:textColor="#FFF"
    android:textSize="12sp"
    android:textStyle="bold"
    android:translationZ="5dp"/>
</RelativeLayout>