Плавающая кнопка действия отображает png по-разному?

Question

Плавающая кнопка действия показывает png, отличную от того, что она есть.

Вот то же самое изображение используется в ImageView с фоном установлен в нуль

Вот тот же PNG изображения, но используется в FloatingActionButton

Это странно, может кто-то объяснить, почему это происходит? И как это исправить?

UPDATE: Вот файлы макета для одной и той же

ImageButton

............... 
     <ImageButton 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/submit_button" 
      android:layout_gravity="center_horizontal" 
      android:id="@+id/mobile_number_submit_button" 
      android:background="@null"/> 
...................... 

FloatingActionButton

....................... 
    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/otp_submit_floating_action_button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:layout_margin="@dimen/fab_margin" 
     android:src="@drawable/submit_button" /> 
....................... 

Answer 1

Я думаю, не стоит помещать изображение с цветным кружком внутри кнопки с плавающим действием, потому что это уже кнопка цветного круга, поэтому вам нужно поместить значок изображения только с прозрачным фоном (в вашем в случае стрелки «>» без цветного круга, который предоставляется самой кнопкой плавающего действия)

Answer 2

FloatingActionButton установить цвет акцента по умолчанию. Поэтому вам нужно сделать значок прозрачным, и все будет хорошо.