我的FloatingActionButton在4.4及更低版本中有一些奇怪的线条

Question

正如标题所说，我的FloatingActionButton有一些奇怪的线条仅在4.4或更低时出现。在棒棒糖上它工作正常。

这是问题的图片：

播放图像中没有这些线条。我的xml：

<android.support.design.widget.FloatingActionButton
            android:id="@+id/play"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:src="@drawable/ic_av_play_arrow"
            app:borderWidth="0dp"
            app:elevation="6dp"
            app:layout_anchor="@+id/image"
            app:layout_anchorGravity="center_vertical|right|end"
            app:rippleColor="@color/color_primary_light" />

那么我做错了什么？

编辑：如果我将高程设置为0dp就会消失，所以我想我会为那些旧手机做到这一点

Answer 1

您的问题是，您FloatingActionButton的意外大小。支持库中的FloatingActionButton仅支持两种大小，必须使用fabSize属性进行设置。

你应该改变：

<android.support.design.widget.FloatingActionButton
            android:id="@+id/play"
            android:layout_width="48dp"
            android:layout_height="48dp"

是：

<android.support.design.widget.FloatingActionButton
            android:id="@+id/play"
            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/play"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:fabSize="mini"

来源：http://developer.android.com/reference/android/support/design/widget/FloatingActionButton.html