我的 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

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

My FloatingActionButton has some weird lines coming out of it on 4.4 and lower

android

android-appcompat

android-design-library

floating-action-button