如何更改android设计支持库FAB Button边框颜色?

Jih*_*Heo 14 android material floating-action-button android-design-library

我想改变fab按钮边框颜色.边框颜色为白色,内部颜色为黑色或透明

我希望我的按钮看起来像这样:

它应该是这样的

Sai*_*i N 18

你可以制作没有绘画的圆圈

  <android.support.design.widget.FloatingActionButton
        android:id="@+id/bottom_navigation_fab"
        style="@style/fab_material"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerInParent="true"
        android:layout_gravity="bottom|center"
        app:borderWidth="3dp"
        android:backgroundTint="@color/mountain_meadow" // inner circle color
        android:layout_marginBottom="10dp"
        android:tint="@color/white"
        app:backgroundTint="@color/white" // border color
        app:srcCompat="@drawable/bottom_nav_star" />
Run Code Online (Sandbox Code Playgroud)

输出:
在此输入图像描述

  • `android:backgroundTint` 仅适用于 Android 21+ (2认同)
  • 如何在代码中而不是在 xml 中动态更改 `android:backgroundTint` 和 `app:backgroundTint` ? (2认同)

Vip*_*sri 13

fab.xml indrawable

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:innerRadius="0dp"
    android:shape="ring"
    android:thicknessRatio="2"
    android:useLevel="false" >
    <solid android:color="@android:color/transparent" />

    <stroke
        android:width="3dp"
        android:color="@android:color/white" />
</shape>
Run Code Online (Sandbox Code Playgroud)

浮动动作按钮 layout

<android.support.design.widget.FloatingActionButton
        android:id="@+id/buttton_float"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_action_social_notifications"
        android:background="@drawable/fab"
        android:layout_margin="@dimen/fab_margin"
        android:layout_gravity="bottom|right"
        app:fabSize="normal"
        app:backgroundTint="@android:color/white"
        app:rippleColor="@android:color/black"
        app:borderWidth="0dp"
        app:elevation="2dp"
        app:pressedTranslationZ="12dp"/>
Run Code Online (Sandbox Code Playgroud)

注意: FAB的自定义设计违反了Google Material Design for Floating Action Button的指导原则

  • 它不起作用,你的例子的结果是一切都是白色的 (5认同)