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

Question

正如标题所说，我的 FloatingActionButton 只有在 4.4 或更低版本上才会出现一些奇怪的线条。在 Lollipop 上它工作正常。

这是问题的图片:

播放图像中没有这些线条。我的 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