浮动操作按钮的标签

Question

是否可以在不使用任何第三方库的情况下显示浮动操作按钮的标签(如此)? 我正在使用Android支持库来管理我的fab，我想知道是否可以在其上显示标签。

我的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。

- user2253883

Answer 1

试试这个

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

- Yamen Nassif

---

这只是一个示例，展示如何实现它，您可以重新排列代码、添加或删除代码或进行任何其他操作。 - Yamen Nassif

请提供您的完整布局，这样我才能帮助您。 - Yamen Nassif

Answer 2

试试这个

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

- Siddhesh Shirodkar

Answer 3

您可以使用以下代码：

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

- Vishal Vaishnav

Answer 4

你实际上想要使用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>

- ProGrammar