Mein FloatingActionButton hat einige merkwürdige Linien, die auf 4.4 und niedrigerem herauskommen

Question

Wie der Titel sagt, hat mein FloatingActionButton einige merkwürdige Linien, die nur auf 4.4 oder niedriger herauskommen. Auf Lollipop funktioniert es gut.

Dies ist ein Bild der Ausgabe:

Das Spiel Bild nicht über diese Zeilen in ihm. Mein 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" /> 

Also, was mache ich falsch?

EDIT: geht weg, wenn ich meine Erhebung auf 0DP so denke ich, ich werde das nur für ältere Telefone

Answer 1

Ihr Problem hier ist, dass Sie die FloatingActionButton eine unerwartete Größe machen. Die FloatingActionButton in der Support-Bibliothek unterstützt nur zwei Größen und muss mit dem Attribut fabSize festgelegt werden.

sollten Sie ändern:

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

zu sein:

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

Wenn Sie eine kleinere Version wollen:

<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" 

Quelle: http://developer.android.com/reference/android/support/design/widget/FloatingActionButton.html