2017-09-22 10 views
3

Est-il possible d'afficher l'étiquette (comme celle-ci enter image description here) du bouton d'action flottante sans utiliser de bibliothèque tierce? J'utilise la bibliothèque de support android pour mon fab et je veux savoir si je peux montrer une étiquette avec elle.Étiquette du bouton d'action flottante

Mon code FAB ressemble à ceci:

<android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab_visitdetail" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|end" 
     android:layout_margin="16dp" 
     android:src="@drawable/right_arrow"/> 

Je ne suis pas en utilisant un menu simple FAB.

Répondre

4

essayer quelque chose comme ça

<FrameLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="bottom|right"> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab_visitdetail" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|end" 
     android:layout_margin="16dp" 
     android:src="@drawable/right_arrow"/> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:text="Compose" 
     android:elevation="16dp" 
     android:textColor="@android:color/white" 
     android:textAppearance="?android:attr/textAppearanceMedium" /> 
</FrameLayout> 
+0

Cela semble bien mais seul le FAB apparaît à l'écran. –

+0

Ceci est juste un exemple sur la façon de le faire, vous pouvez réorganiser le code ajouter du code de suppression ou autre. –

+0

mettez votre mise en page complète afin que je puisse être en mesure d'aider s'il vous plaît –

1

Vous pouvez utiliser le code comme ci-dessous;

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

<android.support.design.widget.FloatingActionButton 
xmlns:app="http://schemas.android.com/apk/res-auto" 
android:id="@+id/fab" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
app:backgroundTint="#00fff0" 
app:borderWidth="0dp" 
android:elevation="0dp" 
app:fabSize="normal" /> 

<TextView 
android:layout_toRightOf="@+id/fab" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:textColor="#000000" 
android:text="Compose"/> 

</RelativeLayout>