Wie überlagern Sie TextView auf Button?

Question

Mein XML-Code ist:

<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> 

Ich mag TextView Blase, die ein Benachrichtigung Abzeichen ist die Button zu schweben. TextView kann über der oberen rechten oder linken oberen Ecke von Button schweben. Wie geht das?

Answer 1

Verwenden Sie android:layout_alignEnd zum Ausrichten oben rechts und android:layout_alignStart zum Ausrichten oben links. Sie können "place" von "start" und "right" anstelle von "end" für die untere apis setzen.

android:layout_alignEnd="@id/btnMyDeals"

ODER

android:layout_alignStart="@id/btnMyDeals"

setzen diese Zeilen für Ihre Textview

Answer 2

Dieses Versuchen:

Verwenden FrameLayout statt.

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="match_parent" > 
    <FrameLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true"> 


     <Button 
      android:id="@+id/btnMyDeals" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginRight="8dp" 
      android:text="DEALS" 
      android:textSize="18sp" 
      android:textColor="@color/white"/> 

     <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:elevation="100dp" 
      /> 

    </FrameLayout> 

</RelativeLayout> 

Answer 3

Sie benötigen android:layout_gravity="top|right" oder android:layout_gravity="top|left" zu Ihrem versuchen TextView

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

    <Button 
    android:id="@+id/btnMyDeals" 
    android:layout_width="wrap_content" 
    android:layout_height="32dp" 
    ... 
    /> 

    <TextView 
    android:id="@+id/badge_notification_2" 
    ... 
    android:layout_gravity="top|right" 
    /> 

</FrameLayout> 

Answer 4

Bitte hinzufügen

<?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> 

Answer 5

hey ich das gleiche Problem hatte leider, ich kann keinen logischen Grund, warum es sollte nicht wie erwartet funktionieren, es scheint wie ein Fehler.

Die einzige Art, wie ich es umgehen konnte, war der Text oben auf die Schaltfläche in der obersten Ebene Hierarchie

<FrameLayout> 
    <LinearLayout regular layout with button inside/> 
    <TextTiew for button overlay /> 
</FrameLayout> 

nicht hübsch, nicht effizient sein haben, aber funktioniert.