为什么我的浮动操作按钮无法正确显示？答案

【问题标题】：Why is my floating action button not displaying properly?为什么我的浮动操作按钮无法正确显示？
【发布时间】：2016-09-28 03:47:37
【问题描述】：

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>

【问题讨论】：

“显示不正确”是什么意思？请澄清。
你需要添加适当的drawable..可能是你的drawable有黑色前景色
@Mark T 请试试这个参考：guides.codepath.com/android/floating-action-buttons
不是问题。我想我意识到您在旧问题的先前说明中遗漏了什么。检查答案。

标签： android android-studio android-xml floating-action-button

【解决方案1】：

我回答了你之前的问题，所以我想我已经意识到你在这里错过了什么。看看这张图片。您不小心添加了添加圈子。添加所选的 24dp 或 48dp 的白色它会起作用]1

【讨论】：

天哪，我不敢相信我错过了，哈哈。非常感谢。
没关系，兄弟。都会发生。无论如何，请考虑支持答案:)并接受。

【解决方案2】：

为您找到解决方案，但我不推荐它

为图标颜色 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>

现在将 xml 中的 FloatButton 修改为

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

【讨论】：