我在应用程序中使用以下几个FloatingActionButton:

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/loc_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_marginBottom="123dp"
        android:layout_marginEnd="@dimen/mini_fab_margin"
        android:src="@drawable/plus"
        app:backgroundTint="@android:color/black"
        app:elevation="2dp"
        app:fabSize="mini"/>

其中plus.png是带有透明背景的小加号图片。

我知道FloatingActionButton默认情况下会拾取您在colors.xml中设置的应用程序的colorPrimary

我知道我们可以通过标签更改颜色:
    app:backgroundTint="@android:color/black"

但是我们可以去除颜色吗?我的意思是我们可以在FloatingActionButton中使用背景颜色的图片吗?

我尝试使用
    app:backgroundTint="@android:color/transparent"

但是它仍然在图像周围显示黑色阴影。我们如何才能删除它并只显示没有背景的图像。


这就是app:backgroundTint =“@ android:color/transparent”和样式:style =“?android:attr/borderlessButtonStyle”使它看起来像:

android - 从FloatingActionButton移除背景色-LMLPHP

寻找阴影周围的透明圆圈。在这里,我无法摆脱阴影,但我希望阴影围绕图像。

最佳答案

我自己找到了解决方案,并希望与他人分享。

因此,FloatingActionButton有三种尺寸:普通,迷你和自动。

但是,如果我们希望较小尺寸的图像出现在FloatingActionButton中而不显示背景,则需要删除以下内容:

  • 删除app:backgroundTint以使FloatingActionButton透明。
  • remove app:rippleColor可以消除波纹效果,并使阴影出现在较小的图像周围,而不是在FloatingActionButton周围(错误效果显示在相关图像中)。

  • 所以最终的FloatingActionButton看起来如下:
    <android.support.design.widget.FloatingActionButton
        android:id="@+id/my_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/center_small"
        app:rippleColor="@null"
        app:backgroundTint="@null"
        app:fabSize="mini"/>
    

    希望对您有所帮助。

    关于android - 从FloatingActionButton移除背景色,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47935135/

    10-12 05:13