web-dev-qa-db-fra.com

Etiquette du bouton d'action flottante

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

Mon code pour 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 n'utilise aucun menu juste un FAB. 

androidfloating-action-button
4
user2253883

essayez 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>
6
Yamen Nassif

Vous pouvez utiliser comme ci-dessous le code;

<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>
1
Vishal Vaishnav

Essaye ça

<LinearLayout
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:layout_gravity="bottom|end"
    Android:gravity="center"
    Android:orientation="vertical">

    <TextView
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:background="@Android:color/white"
        Android:padding="@dimen/padding_4"
        Android:text="Add"
        Android:textColor="@Android:color/black" />

    <Android.support.design.widget.FloatingActionButton
        Android:id="@+id/fab_scan"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_gravity="bottom|end"
        Android:layout_marginBottom="@dimen/margin_16"
        Android:layout_marginLeft="@dimen/margin_16"
        Android:layout_marginRight="@dimen/margin_16"
        Android:layout_marginTop="@dimen/margin_8"
        Android:src="@Android:drawable/ic_input_add" />

</LinearLayout>
1
Siddhesh Shirodkar