web-dev-qa-db-ja.com

フローティングアクションボタンのラベル

ラベルを表示することは可能ですか（このように enter image description here ）サードパーティライブラリを使用せずにフローティングアクションボタンの？ファブにAndroidサポートライブラリを使用していますが、ラベルを表示できるかどうか知りたいです。

FABの私のコードは次のようになります。

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

私はFABだけのメニューを使用していません。

androidfloating-action-button
6
user2253883

このようなものを試してください

<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>
8
Yamen Nassif

以下のコードのように使用できます。

<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

実際にFloatingActionMenuを使用したいとします。

例：

<Android.support.design.widget.FloatingActionMenu
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:layout_gravity="bottom|end">

    <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"
        app:fab_label="fab_visitdetail_label"
        Android:src="@drawable/right_arrow"/>
</Android.support.design.widget.FloatingActionMenu>
0
ProGrammar

これを試して

<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>
0
Siddhesh Shirodkar