在协调器布局中带有锚点的 FAB 在 android pre-lollipop 中有额外的边距

Question

我有一个CoordinatroLayout和FloatingActionButton。这是我的代码：

<android.support.design.widget.CoordinatorLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/toolbar_layout"
        android:layout_above="@+id/actionbar">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="120dp"
                android:minHeight="?android:attr/actionBarSize"
                android:background="@color/toolbar_color" />


            <ScrollView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"

                >

            </ScrollView>


        </LinearLayout>

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:clickable="true"
            app:fabSize="mini"
            android:src="@mipmap/ic_action_edit"
            app:layout_anchor="@id/toolbar"
            app:layout_anchorGravity="bottom|right|end"
            app:backgroundTint="@color/toolbar_color"            />
        </android.support.design.widget.CoordinatorLayout>

但它在棒棒糖和棒棒糖前的设备中显示不同。

棒棒糖：

前棒棒糖：

实际上我没有添加任何边距。但 FAB 在前棒棒糖设备方面有优势。

我在cheessesquare 示例中也看到了这个问题。它也显示不同的边距。有什么问题？

Answer 1

我不认为你想把它们放在没有边距的地方。如果我理解正确，您这样做是为了查看不同版本的 android 中发生了什么。

您可以使用app:useCompatPadding="true" 并删除自定义边距以在不同版本的android 之间保持相同的边距

概念证明

Answer 2

根据this link，这似乎是android设计库中的一个错误。它说：

在 API =20 中它使用新的 不影响视图宽度的高程参数。

所以我要为margin提供两个资源文件：

分辨率/值：

<dimen name= "fab_margin_right">0dp</dimen>

在 res/values-v21 中：

<dimen name = "fab_margin_right">8dp</dimen>

Answer 3

自从 22.2.1 版本的支持和设计库，以前的答案不再正确。如果 FAB 在 CoordinatorLayout 中，则没有额外的填充。

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

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/button_show_qr"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:src="@mipmap/ic_action_edit"
        app:backgroundTint="@color/primary"
        app:borderWidth="0dp"
        app:elevation="4dp"
        app:fabSize="normal"
        app:rippleColor="@color/primary_dark"/>
</android.support.design.widget.CoordinatorLayout>

此代码将在每个 Android 版本上生成以下 FAB。