📅  最后修改于: 2023-12-03 15:14:58.258000             🧑  作者: Mango
Floating Action Button (FAB) 是一种圆形的按钮,通常用于在应用程序中触发主要操作。在 Android 应用程序中,FAB 通常是一个浮动在应用程序 UI 的底部或右下角的按钮。FAB 非常流行,因为它可以使用户更轻松地进行重要的操作。FAB 可以在 Material Design 中使用,以及在非 Material Design 应用程序中使用。
在 Android 中使用 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
,可以根据自己的需求进行更改。
我们也可以通过编程方式设置 FAB 的颜色。在 Java 中,我们可以使用以下代码设置 FAB 的背景颜色:
FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
fab.setBackgroundTintList(ContextCompat.getColorStateList(this, R.color.colorPrimary));
上述代码将 FAB 的背景颜色设置为 R.color.colorPrimary
。可以根据实际需要进行更改。
最后,我们还可以通过应用程序的主题设置 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、代码和主题。在实际应用中,我们可以根据实际需求进行选择。