Android開發(fā)懸浮按鈕 Floating ActionButton的實現(xiàn)方法

2019-12-12 05:20:19

字體：大中小

供稿：網(wǎng)友

一、介紹

這個類是繼承自ImageView的，所以對于這個控件我們可以使用ImageView的所有屬性

android.support.design.widget.FloatingActionButton

二、使用準備，在as 的 build.grade文件中寫上

compile 'com.android.support:design:22.2.0'

三、使用說明

xml文件中，注意藍色字體部分

<android.support.design.widget.FloatingActionButtonandroid:id="@+id/floatingActionButton"android:layout_width="wrap_content"android:layout_height="wrap_content" android:layout_centerInParent="true"android:src="@mipmap/ok"app:borderWidth="0dp"app:backgroundTint="#FF4011"app:rippleColor="#33728dff"app:elevation="8dp"app:pressedTranslationZ="16dp"/>

可以看到我們使用了app屬性，則需要在根容器中添加這個屬性。

xmlns:app="http://schemas.android.com/apk/res-auto"

屬性介紹：

1、app:borderWidth=""------------------邊框?qū)挾龋ǔＴO置為0 ，用于解決Android 5.X設備上陰影無法正常顯示的問題

2、app:backgroundTint=""---------------按鈕的背景顏色，不設置，默認使用theme中colorAccent的顏色

3、app:rippleColor=""--------------------點擊的邊緣陰影顏色

4、app:elevation=""----------------------邊緣陰影的寬度

5、app:pressedTranslationZ="16dp"-----點擊按鈕時，按鈕邊緣陰影的寬度，通常設置比elevation的數(shù)值大

另外我們希望點擊按鈕一個顏色，正常狀態(tài)一個顏色以提高用戶體驗，那么就是drawable文件夾中創(chuàng)建文件 floatbutton.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:drawable="@color/colorNormal"></item><item android:state_pressed="true" android:drawable="@color/colorPressed"></item></selector>

然后我們設置FloatActionButton的backgroud為這個drawable文件即可，同時app:backgroundTint=""屬性也可以不再設置

<android.support.design.widget.FloatingActionButtonandroid:id="@+id/floatingActionButton"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"android:background="@drawable/floatbutton"android:src="@mipmap/ok"app:borderWidth="0dp"app:rippleColor="#33728dff"app:elevation="8dp"app:pressedTranslationZ="16dp"/>

效果圖：