修改 Floating Action Button 图标

更新日期: 2020-01-26 阅读次数: 9309 字数: 210 分类: Android

使用 Android Studio 新建的 basic 页面中的 floating action button (FAB) 是个邮件图标。而我想将图标修改成加号。

使用内置的图标

默认的图标为 ic_dialog_email。

app:srcCompat="@android:drawable/ic_dialog_email"

切换到 layout 代码的 design 界面,选中 FAB 控件,修改 srcCompat 的属性。

修改 Floating Action Button 图标

点击右侧选择按钮

修改 Floating Action Button 图标

在弹出的 "Pick a Resource" 窗口中,选择 Drawable - android 中的图标。

调整 FAB 按钮背景色

由于选择的加号图标是 PNG 图片,所以无法通过代码修改图标颜色。所以,为了让图标突出显示,需要修改一下 FAB 按钮的背景色。

修改 backgroundTint 属性即可。

修改后的代码为:

<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        android:backgroundTint="@color/colorPrimary"
        app:srcCompat="@android:drawable/ic_input_add" />

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式