フローティングアクションボタンが正しく表示されないのはなぜですか？

Question

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> 

Answer 1

私はので、私は、私はあなたがここに逃したものを実現したと思う、あなたの前の質問に答えました。このイメージを見てください。誤って円を追加しました。それはあなたのために] 1

Answer 2

ガットソリューションを動作します。しかし、私はそれを

をお勧めしておりませんアイコンカラーic_circle.xml

のための1つのベクトルファイルを作成して白色と24dpまたは48dpで選択された1つを追加します。

<?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の同じ色のための第2のベクトルファイルを作成します_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> 

今

としてXMLであなたのFloatButtonを修正しましょう0

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