📜  fab 图标颜色 - Java (1)

📅  最后修改于: 2023-12-03 15:14:58.258000             🧑  作者: Mango

Fab 图标颜色 - Java

Floating Action Button (FAB) 是一种圆形的按钮,通常用于在应用程序中触发主要操作。在 Android 应用程序中,FAB 通常是一个浮动在应用程序 UI 的底部或右下角的按钮。FAB 非常流行,因为它可以使用户更轻松地进行重要的操作。FAB 可以在 Material Design 中使用,以及在非 Material Design 应用程序中使用。

在 Android 中使用 FAB 时,我们可以通过以下三种方式设置其颜色:

1. 通过 XML 设置 FAB 颜色

在 XML 布局文件中,可以使用以下属性设置 FAB 颜色:

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:backgroundTint="@color/colorPrimary"
    android:src="@drawable/ic_add"
    app:borderWidth="0dp"
    app:elevation="6dp"
    />

可以看到,我们使用了 android:backgroundTint 属性来设置 FAB 的背景颜色。这里我们将其设置为 @color/colorPrimary,可以根据自己的需求进行更改。

2. 通过代码设置 FAB 颜色

我们也可以通过编程方式设置 FAB 的颜色。在 Java 中,我们可以使用以下代码设置 FAB 的背景颜色:

FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
fab.setBackgroundTintList(ContextCompat.getColorStateList(this, R.color.colorPrimary));

上述代码将 FAB 的背景颜色设置为 R.color.colorPrimary。可以根据实际需要进行更改。

3. 通过主题设置 FAB 颜色

最后,我们还可以通过应用程序的主题设置 FAB 的颜色。在 res/values/styles.xml 文件中,我们可以设置 FAB 类型的颜色:

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    
    <!-- 设置 FAB 颜色 -->
    <item name="colorSecondary">@color/colorSecondary</item>
</style>

上述代码中我们设置了colorSecondary来设置FAB的颜色,同样可以根据自己的需要进行更改。

以上是三种设置 FAB 颜色的方法,分别通过 XML、代码和主题。在实际应用中,我们可以根据实际需求进行选择。