为什么我的浮动操作按钮无法正确显示其图像?

时间:2016-09-27 00:44:09

标签: android android-layout android-studio android-xml floating-action-button

This is what my floating action button is showing

而只是显示图像的实际圆圈部分,它会尝试将我的.png文件的背景放入浮动操作按钮。

这是我的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/fab_icon"
    />

how do I get it to look like this?

我已经为我的.png文件提供了透明背景,所以我不知道还需要做什么。请帮助。

谢谢。

3 个答案:

答案 0 :(得分:6)

(假设您使用的是Android Studio) - 不要将自己的自定义.png用于FloatingActionButton的src,而是使用该图标创建一个新的矢量资源。右键单击Android Studio中的res / drawable文件夹,然后单击“新建” - &gt;矢量资产。

http://i.imgur.com/qThPorK.png

您正在使用的图标内置于Android Studio中,但如果您正在执行更多自定义操作,则可以导入自己的矢量资源。它生成的XML将如下所示:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24.0"
    android:viewportHeight="24.0">
<path
    android:fillColor="#FF000000"
    android:pathData="M19,13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>

您可以更改fillColor中的颜色。将您的FloatingActionButton设置为android:src中的drawable,你很高兴。

答案 1 :(得分:0)

您不必提供圆角图像。 我正在使用this image而我的xml看起来像这样

<android.support.design.widget.FloatingActionButton
    android:id="@+id/addFolder"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="16dp"
    android:clickable="true"
    android:src="@drawable/plus"
    app:layout_anchor="@id/mainRl"
    android:background="#ff0000"
    app:layout_anchorGravity="bottom|right|end"
    android:onClick="onAddFolderClick"

    />

我使用#ff0000(红色)作为背景颜色,你使用你想要的粉红色。它对我来说很好。

答案 2 :(得分:0)

为了获得一致的外观,您需要做两件事。 此答案假设您真的希望在您提供的链接中查看this

  1. 第一步 - 背景颜色只是您的应用强调颜色,您无需提供任何特定颜色。因此,首先要确保您的应用主题中设置了强调色。

  2. 第二步 - 完成后,您需要使用下面的xml代码。 如果您想要查看链接,您甚至不必创建新的png。您可以从this official google material icons link轻松下载白色添加图标。 您可以通过谷歌将此链接用于大多数标准素材图标。

  3. <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        android:src="@drawable/ic_add_white_24dp"/>
    

    希望这会有所帮助。如果它改变了你的想法,请告诉我。

    编辑::如果您希望将图标颜色和背景更改为与默认重音颜色完全不同的颜色,则必须使用这些属性 -

    //自定义背景

    app:backgroundTint="@color/yourCustomColor"
    

    //自定义图标颜色

    android:tint="@color/yourCustomColor"