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>
答案 0 :(得分:2)
我回答了你之前的问题,所以我想我已经意识到你在这里错过了什么。看看这张图片。您不小心添加了添加圈子。使用24dp或48dp添加选定的白色,它将起作用] 1
答案 1 :(得分:0)
为您找到解决方案但我不推荐
为图标颜色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" />