FloatingActionButton 背景颜色和图标颜色

文章目录

    • 官网
    • 效果图
    • 应用
    • XML配置
    • 划重点

官网

https://material.io/develop/android/components/floating-action-button/

效果图

FloatingActionButton 背景颜色和图标颜色_第1张图片

▲上图是系统颜色和图标默认颜色

FloatingActionButton 背景颜色和图标颜色_第2张图片

▲上图是替换系统背景颜色和图标默认颜色

FloatingActionButton 背景颜色和图标颜色_第3张图片

▲上图是替换系统背景颜色,系统边框颜色和图标默认颜色

FloatingActionButton 背景颜色和图标颜色_第4张图片

▲上图是替换系统颜色和替换图标默认颜色

应用

build中新增引用
E:\XXX\app\build.gradle

implementation 'com.google.android.material:material:1.1.0'

XML配置

<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/community_fat_navi"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="25dp"
        android:backgroundTint="@android:color/white"
        android:src="@mipmap/ic_navi"
        app:backgroundTint="@android:color/white"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent" />

划重点

app:backgroundTint="@android:color/white" 是边框颜色
android:backgroundTint="@android:color/white" 是里面背景颜色
android:tint="@color/red_btn_bg_color" 是里面图片背景

如果你觉得有用,就点个赞吧。

你可能感兴趣的:(android)