FloatingActionButton背景中的行

Question

我正在使用FloatingActionButton表示api 21+，它显示完全正常，但如果我在api 20中查看 - 那么它在后台有四行。

以下是我FloatingActionButton

的xml代码

<android.support.design.widget.FloatingActionButton
        android:id="@+id/bt_ok"
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginRight="10dp"
        android:src="@drawable/ic_done"
        app:backgroundTint="@color/primary"
        app:borderWidth="0dp" />

api 21 +

的屏幕

api 20的屏幕 -

只需看看第二个屏幕中FloatingActionButton下面的四条粗线，然后给我一个删除它的解决方案。

Answer 1

我得到了自己问题的答案，只需将高度和宽度更改为wrap_content，问题就解决了。

<android.support.design.widget.FloatingActionButton
    android:id="@+id/bt_ok"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:layout_marginRight="10dp"
    android:src="@drawable/ic_done"
    app:backgroundTint="@color/primary"
    app:borderWidth="0dp" />