快捷導(dǎo)航

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

更新時(shí)間：2016年09月08日 14:17:08 作者：聽著music睡

這篇文章主要介紹了Android開發(fā)懸浮按鈕 Floating ActionButton的實(shí)現(xiàn)方法，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

一、介紹

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

android.support.design.widget.FloatingActionButton

二、使用準(zhǔn)備，在as 的 build.grade文件中寫上

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

三、使用說明

xml文件中，注意藍(lán)色字體部分

<android.support.design.widget.FloatingActionButton
android: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屬性，則需要在根容器中添加這個(gè)屬性。

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

屬性介紹：

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

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

3、app:rippleColor=""--------------------點(diǎn)擊的邊緣陰影顏色

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

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

另外我們希望點(diǎn)擊按鈕一個(gè)顏色，正常狀態(tài)一個(gè)顏色以提高用戶體驗(yàn)，那么就是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>

然后我們?cè)O(shè)置FloatActionButton的backgroud為這個(gè)drawable文件即可，同時(shí)app:backgroundTint=""屬性也可以不再設(shè)置

<android.support.design.widget.FloatingActionButton
android: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"
/>

效果圖：

您可能感興趣的文章:

相關(guān)文章

詳解基于Android App 安全登錄認(rèn)證解決方案
這篇文章主要介紹了基于Android App 安全登錄認(rèn)證解決方案,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-09-09
android系統(tǒng)拍照結(jié)合android-crop裁剪圖片
這篇文章主要為大家詳細(xì)介紹android系統(tǒng)拍照結(jié)合android-crop裁剪圖片，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
Android下拉刷新以及GridView使用方法詳解
這篇文章主要為大家詳細(xì)介紹了Android下拉刷新以及GridView的使用方法，感興趣的小伙伴們可以參考一下
2016-07-07
Android Touch事件分發(fā)過程詳解
這篇文章主要介紹了Android Touch事件分發(fā)過程,詳細(xì)描述了Android Touch事件的主要處理流程,有助于深入理解Android程序設(shè)計(jì),需要的朋友可以參考下
2014-09-09
android開發(fā)之為activity增加左右手勢(shì)識(shí)別示例
這篇文章主要介紹了android開發(fā)中為activity增加左右手勢(shì)識(shí)別示例,需要的朋友可以參考下
2014-04-04
Android 實(shí)現(xiàn)定時(shí)任務(wù)的過程詳解
這篇文章主要介紹了Android 定時(shí)任務(wù)過程詳解的相關(guān)資料,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2015-11-11
解決Android加殼過程中mprotect調(diào)用失敗的原因分析
本文探討的主要內(nèi)容是mprotect調(diào)用失敗的根本原因，以及在加殼實(shí)現(xiàn)中的解決方案，通過本文的闡述，一方面能夠幫助遇到同類問題的小伙伴解決心中的疑惑，另一方面能夠給大家提供可落地的實(shí)現(xiàn)方案，需要的朋友可以參考下
2022-01-01
android基于ListView和CheckBox實(shí)現(xiàn)多選和全選記錄的功能
本篇文章主要介紹了android基于ListView和CheckBox實(shí)現(xiàn)多選和全選記錄的功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
2016-11-11
Android開發(fā)之拼音轉(zhuǎn)換工具類PinyinUtils示例
這篇文章主要介紹了Android開發(fā)之拼音轉(zhuǎn)換工具類PinyinUtils,涉及Android基于pinyin4j-2.5.0.jar包文件實(shí)現(xiàn)漢字轉(zhuǎn)拼音功能的相關(guān)操作技巧,需要的朋友可以參考下
2017-11-11
分享安裝Android Studio3.6的經(jīng)驗(yàn)教訓(xùn)
這篇文章主要介紹了Android Studio3.6的安裝錯(cuò)誤問題及解決方法，非常值得大家參考，現(xiàn)把整個(gè)過程分享到腳本之家平臺(tái)，需要的朋友參考下吧
2020-02-02