Android项目中如何修改FloatingActionButton中title的文字与背景颜色

发布时间：2020-11-25 16:33:13 作者：Leah
来源：亿速云阅读：515

本篇文章为大家展示了Android项目中如何修改FloatingActionButton中title的文字与背景颜色，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

首先看一张图片

我是在一个不错的开源的FloatingActionButton库基础上实现的，链接github开源库参考图片的标记和代码里的注释。代码如下：

<com.getbase.floatingactionbutton.FloatingActionsMenu
      android:id="@+id/fab_meau"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentBottom="true"
      android:layout_alignParentRight="true"
      android:layout_alignParentEnd="true"
      fab:fab_addButtonColorNormal="@color/theme_color" //修改meau按钮的背景色
      fab:fab_addButtonColorPressed="@color/fab_pressed_color" //meau按钮按下的颜色
      fab:fab_addButtonPlusIconColor="@color/white" //meau中间 "+" 的颜色
      fab:fab_labelStyle="@style/fab_labels_style" //title样式，可以修改title的颜色和背景
      android:layout_marginBottom="16dp"
      android:layout_marginRight="16dp"
      android:layout_marginEnd="16dp">

      <com.getbase.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab_action_a"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        fab:fab_colorNormal="@color/white"
        fab:fab_title="联系客服发布信息" //button的标题
        fab:fab_size="mini" //normal和mini两个值，normal和meau一样大
        />

      <com.getbase.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab_action_b"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        fab:fab_colorNormal="@color/white"
        fab:fab_title="个人发布信息"
        fab:fab_size="mini" 
        fab:fab_colorPressed="@color/fab_pressed_color"
        />

    </com.getbase.floatingactionbutton.FloatingActionsMenu>

在value.xml配置样式fab_labels_style代码如下：

<style name="fab_labels_style">
    <item name="android:background">@drawable/fab_label_background</item> //文字背景的样式
    <item name="android:textColor">@color/black</item> //文字的颜色
  </style>

drawable文件夹下的fab_label_background.xml代码如下：

<&#63;xml version="1.0" encoding="utf-8"&#63;>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
  <solid android:color="@color/white"/>
  <padding
    android:left="16dp"
    android:top="4dp"
    android:right="16dp"
    android:bottom="4dp"/> //离内边框的距离
  <corners
    android:radius="5dp"/> //边框四个叫的弧度

  <stroke
    android:width="1dp"
    android:color="@color/text_color_84"/> //边框边线的宽度和颜色
</shape>

上述内容就是Android项目中如何修改FloatingActionButton中title的文字与背景颜色，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注亿速云行业资讯频道。

Android项目中如何修改FloatingActionButton中title的文字与背景颜色

相关阅读