Question

我在我的应用中使用了一个浮动操作按钮。

通常的做法是将浮动操作按钮放在屏幕的右下角。 Material Design上的大多数示例都是这样的。（https://material.google.com/components/buttons-floating-action-button.html）

我在我的应用中使用谷歌地图，右下角有两个谷歌图标（链接到谷歌地图或导航）。我想把我的浮动动作栏放在左下方。这是好习惯吗？我知道怎么做，我想知道它是否被接受。

谢谢。

Answer 1

没有任何东西必须显示在右下角。您可以在Google IO 2016安卓应用中看到FAB显示在左侧。

要在左下方显示FAB：

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

Answer 2

添加操作按钮用于引导用户注意他可以在该页面上执行的主要操作。通过添加越来越多的按钮，您不会呈现整洁的视图。考虑一下，向侧导航栏添加一些活动，您认为这些活动可能不是用户想要在您的页面上执行的主要操作。
或者您也可以堆叠左侧的按钮，就像这样

或者更好，使用 ZOMATO + 按钮，按下按钮显示更多按钮

通过此GitHub回购创意和代码 Floating Action Button

Answer 3

我和你的要求相似。除了android:layout_alignParentStart之外，我还要指定android:layout_marginStart和android:layout_gravity="bottom|start"才能生效。

<android.support.design.widget.FloatingActionButton
    android:id="@+id/previous_chapter_fab"

    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentStart="true"

    android:layout_alignParentRight="true"
    android:layout_gravity="bottom|start"
    android:layout_marginBottom="24dp"
    android:layout_marginStart="24dp"
    android:clickable="true"
    app:fabSize="mini"
    android:background="@color/color_white"
    app:srcCompat="@drawable/ic_arrow_back_white_24dp" />

<强>输出

Answer 4

根据您设计的布局和UI，可以将浮动操作按钮放置在您想要的屏幕上。提供FAB的主要目的是让用户即时访问您的应用或屏幕上的主要功能/操作。

如果您已经了解了FAB的材料设计规范，则提到每个屏幕仅建议使用一个FAB。但是，规格没有提到FAB在屏幕上的位置。它还包含应用程序的屏幕截图，其中FAB未放置在右下角。

https://material.google.com/components/buttons-floating-action-button.html

Answer 5

检查以下xml代码，它将为您提供帮助

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
                                                 android:layout_width="match_parent"
                                                 android:layout_height="match_parent"
                                                 android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            />


    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/list_item_movie"/>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|start"
        android:layout_margin="12dp"
        android:src="@android:drawable/ic_dialog_email"/>
</android.support.design.widget.CoordinatorLayout>

<强>输出

Answer 6

从

改变

app:layout_anchorGravity="bottom|right|end"

到

app:layout_anchorGravity="bottom|left|start"

左下方的浮动动作按钮。的Android

6 个答案: