Android?懸浮按鈕之實(shí)現(xiàn)兔兔按鈕示例
前言
安卓的Material庫(kù)提供了許多樣式更精美的控件，其中就有懸浮控件，它表現(xiàn)出一種懸浮在頁(yè)面的效果，也就是有立體效果的，讓人產(chǎn)生這種控件是另一個(gè)維度而不是這個(gè)維度的感覺(jué)，下面我們就來(lái)看看兔兔按鈕。
實(shí)現(xiàn)過(guò)程
首先我們?cè)诓季种屑由衔覀兊腇loatingActionButton控件：
<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="16dp"
android:src="@drawable/rabbit_logo" />
這樣預(yù)覽頁(yè)面就會(huì)出現(xiàn)一個(gè)懸浮的圓形按鈕，上面是我們的兔兔圖案，而且這個(gè)控件是出現(xiàn)在屏幕的右下角，接著我們?yōu)槠湓黾狱c(diǎn)擊效果：
binding.fab.setOnClickListener {
"FAB Rabbit!".showToast(context)
}
其中Toast用到了我們之前文章中的簡(jiǎn)化方法（安卓開(kāi)發(fā)基礎(chǔ)——簡(jiǎn)化Toast調(diào)用方法）
運(yùn)行程序后，我們就可以點(diǎn)擊這個(gè)兔兔按鈕，浮現(xiàn)一句"FAB Rabbit!"的提示。
寫(xiě)的過(guò)程很簡(jiǎn)單，因?yàn)槠鋵?shí)它的本質(zhì)還是Button，不過(guò)是對(duì)其樣式進(jìn)行了不同的改變，有了質(zhì)感和陰影，使其呈現(xiàn)出浮現(xiàn)的效果。
當(dāng)然，我們也可以去改變陰影效果的呈現(xiàn)程度：
app:elevation="8dp"
我們?cè)赬ML布局中該控件控制elevation屬性，就能為FloatingActionButton指定一個(gè)高度，其中，高度值越大，投影范圍越大，但投影效果越淡，而高度越小，投影范圍越小，反而投影效果越濃。
總結(jié)
Material庫(kù)的確讓安卓很多控件效果不一樣，但在我們工作設(shè)計(jì)中還是很少去用它的，因?yàn)樗莫?dú)特效果在公司自己的UI設(shè)計(jì)師與產(chǎn)品眼中說(shuō)不定最終還不如和IOS一致好。
以上就是Android 懸浮按鈕之實(shí)現(xiàn)兔兔按鈕示例的詳細(xì)內(nèi)容，更多關(guān)于Android 懸浮兔兔按鈕的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
Android快速實(shí)現(xiàn)無(wú)預(yù)覽拍照功能
這篇文章主要為大家詳細(xì)介紹了Android快速實(shí)現(xiàn)無(wú)預(yù)覽拍照功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
Android實(shí)現(xiàn)截圖和分享功能的代碼
截圖和分享功能大家都玩過(guò)，下面通過(guò)本文給大家介紹Android實(shí)現(xiàn)截圖和分享功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧2017-07-07
這篇文章主要介紹了Flutter的路由導(dǎo)航的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)使用Flutter，感興趣的朋友可以了解下2021-04-04
Android自定義View實(shí)現(xiàn)環(huán)形進(jìn)度條的思路與實(shí)例
最近看到豆瓣FM的音樂(lè)播放界面，有一個(gè)環(huán)形的進(jìn)度條挺不錯(cuò)的，最近有空就想著實(shí)現(xiàn)了，所以下面這篇文章主要給大家介紹了Android自定義View實(shí)現(xiàn)環(huán)形進(jìn)度條的思路與實(shí)例，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-04-04
如何使用Flutter實(shí)現(xiàn)58同城中的加載動(dòng)畫(huà)詳解
這篇文章主要給大家介紹了關(guān)于如何使用Flutter實(shí)現(xiàn)58同城中加載動(dòng)畫(huà)詳?shù)南嚓P(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Flutter具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
本文給大家?guī)?lái)了三種android去掉標(biāo)題欄的方法，都非常不錯(cuò)，對(duì)android 去掉標(biāo)題欄的方法感興趣的朋友一起通過(guò)本文學(xué)習(xí)吧2016-08-08
Android實(shí)現(xiàn)定制返回按鈕動(dòng)畫(huà)效果的方法
這篇文章主要介紹了Android實(shí)現(xiàn)定制返回按鈕動(dòng)畫(huà)效果的方法,涉及Android控件及動(dòng)畫(huà)的相關(guān)操作技巧,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了Android實(shí)現(xiàn)高亮搜索功能的示例,幫助大家更好的理解和學(xué)習(xí)使用Android開(kāi)發(fā)，感興趣的朋友可以了解下2021-05-05
Android開(kāi)發(fā)之permission動(dòng)態(tài)權(quán)限獲取詳解
這篇文章主要為大家詳細(xì)介紹了Android開(kāi)發(fā)之permission動(dòng)態(tài)權(quán)限獲取，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
Android利用SurfaceView實(shí)現(xiàn)簡(jiǎn)單計(jì)時(shí)器
這篇文章主要為大家詳細(xì)介紹了Android利用SurfaceView實(shí)現(xiàn)一個(gè)簡(jiǎn)單計(jì)時(shí)器，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01