快捷導(dǎo)航

修改Android FloatingActionButton的title的文字顏色及背景顏色實(shí)例詳解

更新時(shí)間：2017年03月02日 15:02:53 作者：天才哆啦夢(mèng)

這篇文章主要介紹了修改Android FloatingActionButton的title的文字顏色及背景顏色實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下

修改Android FloatingActionButton的title的文字顏色及背景顏色實(shí)例詳解

首先看一張圖片

這里寫(xiě)圖片描述

我是在一個(gè)不錯(cuò)的開(kāi)源的FloatingActionButton庫(kù)基礎(chǔ)上實(shí)現(xiàn)的，鏈接github開(kāi)源庫(kù) 參考圖片的標(biāo)記和代碼里的注釋。代碼如下：

<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="聯(lián)系客服發(fā)布信息" //button的標(biāo)題
        fab:fab_size="mini" //normal和mini兩個(gè)值，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="個(gè)人發(fā)布信息"
        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代碼如下：

<?xml version="1.0" encoding="utf-8"?>
<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"/> //離內(nèi)邊框的距離
  <corners
    android:radius="5dp"/> //邊框四個(gè)叫的弧度

  <stroke
    android:width="1dp"
    android:color="@color/text_color_84"/> //邊框邊線的寬度和顏色
</shape>

搜了網(wǎng)上修改FloatingActionButton的title顏色，結(jié)果沒(méi)有搜到，解決了問(wèn)題后總結(jié)一下。

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章: