Линии на фоне FloatingActionButton

Question

Я использую FloatingActionButton для api 21+, его отображение отлично нормально, но если я смотрю его в api 20, тогда он имеет четыре строки в фоновом режиме.

Ниже приведен XML-код моего FloatingActionButton

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

Экран для апи 21+

На экране для апи 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" />