爲什麼我的浮動動作按鈕無法正確顯示？

My floating button image looks like this 爲什麼我的浮動動作按鈕無法正確顯示？

這是一個較大的圓圈內的小按鈕，如何解決這個問題？

佈局文件：

<android.support.design.widget.FloatingActionButton 
    android:id="@+id/addToKitchenButton" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_margin="16dp" 
    android:layout_gravity="bottom|end" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentEnd="true" 
    android:src="@drawable/ic_add_circle_black_50dp" 
    />

向量代碼：

<vector android:height="50dp" android:viewportHeight="24dp" 
    android:viewportWidth="24dp" android:width="50dp" xmlns:android="http://schemas.android.com/apk/res/android"> 

    <path android:fillColor="#FF000000" android:pathData="M12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2zM17,13h-4v4h-2v-4L7,13v-2h4L11,7h2v4h4v2z"/> 

</vector>

來源

2016-09-28 Matt D

你是什麼意思的「不正確顯示」？請澄清。 – 2016-09-28 03:50:23

你需要添加適當的drawable ..可能是你的drawable有黑色的前景色 – musica

@Mark T請嘗試這個參考：https://guides.codepath.com/android/floating-action-buttons –

我回答你剛纔的問題，所以我想我已經意識到你錯過了這裏。看看這個圖像。您不小心添加了添加圈。添加選擇的一個與24dp或48dp與白色，將工作 have a look at this image. You have accidentally added the Add circle. Add the selected one with 24dp or 48dp with white color it will work ] 1

來源

2016-09-28 04:12:50

哦，我的天啊，我不敢相信我錯過了，哈哈。非常感謝。 –

這是好的兄弟。會發生一切。無論如何，請考慮upvoting答案:)並接受。 –

得到爲你解決，但我不推薦它

創建圖標的顏色ic_circle.xml
一個矢量文件

<?xml version="1.0" encoding="utf-8"?><vector android:height="40dp" android:viewportHeight="24" 
android:viewportWidth="24" android:width="40dp" xmlns:android="http://schemas.android.com/apk/res/android"> 

<path android:fillColor="@android:color/black" android:pathData="M12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2zM17,13h-4v4h"/></vector>

創建相同的浮色按鈕您ic_add_circle_black第二矢量文件_50dp.xml

<vector android:height="50dp" android:viewportHeight="24" 
android:viewportWidth="24" android:width="50dp" xmlns:android="http://schemas.android.com/apk/res/android">

創建圖層列表條目讓說layer_list.xml

<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
<item android:drawable="@drawable/ic_circle" android:top="5dp" android:left="5dp" android:right="5dp" android:bottom="5dp" android:gravity="center"/> 
<item android:drawable="@drawable/ic_add_circle_black_50dp" 
    android:height="55dp" android:width="55dp"/></layer-list>

現在修改您的FloatButton在XML作爲

<android.support.design.widget.FloatingActionButton 
    android:id="@+id/addToKitchenButton" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_margin="16dp" 
    android:layout_gravity="bottom|end" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentEnd="true" 
    android:src="@drawable/layer_list" />

來源

2016-09-28 05:00:19 Abhishek

爲什麼我的浮動動作按鈕無法正確顯示？

回答

相關問題