Android?懸浮按鈕之實現(xiàn)兔兔按鈕示例
前言
安卓的Material庫提供了許多樣式更精美的控件,其中就有懸浮控件,它表現(xiàn)出一種懸浮在頁面的效果,也就是有立體效果的,讓人產(chǎn)生這種控件是另一個維度而不是這個維度的感覺,下面我們就來看看兔兔按鈕。
實現(xiàn)過程
首先我們在布局中加上我們的FloatingActionButton控件:
<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" />
這樣預覽頁面就會出現(xiàn)一個懸浮的圓形按鈕,上面是我們的兔兔圖案,而且這個控件是出現(xiàn)在屏幕的右下角,接著我們?yōu)槠湓黾狱c擊效果:
binding.fab.setOnClickListener { "FAB Rabbit!".showToast(context) }
其中Toast用到了我們之前文章中的簡化方法(安卓開發(fā)基礎(chǔ)——簡化Toast調(diào)用方法)
運行程序后,我們就可以點擊這個兔兔按鈕,浮現(xiàn)一句"FAB Rabbit!"的提示。
寫的過程很簡單,因為其實它的本質(zhì)還是Button,不過是對其樣式進行了不同的改變,有了質(zhì)感和陰影,使其呈現(xiàn)出浮現(xiàn)的效果。
當然,我們也可以去改變陰影效果的呈現(xiàn)程度:
app:elevation="8dp"
我們在XML布局中該控件控制elevation屬性,就能為FloatingActionButton指定一個高度,其中,高度值越大,投影范圍越大,但投影效果越淡,而高度越小,投影范圍越小,反而投影效果越濃。
總結(jié)
Material庫的確讓安卓很多控件效果不一樣,但在我們工作設(shè)計中還是很少去用它的,因為它的獨特效果在公司自己的UI設(shè)計師與產(chǎn)品眼中說不定最終還不如和IOS一致好。
以上就是Android 懸浮按鈕之實現(xiàn)兔兔按鈕示例的詳細內(nèi)容,更多關(guān)于Android 懸浮兔兔按鈕的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
Android Studio中使用jni進行opencv開發(fā)的環(huán)境配置方法
今天小編就為大家分享一篇Android Studio中使用jni進行opencv開發(fā)的環(huán)境配置方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08Android系統(tǒng)在shell中的df命令實現(xiàn)
今天小編就為大家分享一篇關(guān)于Android系統(tǒng)在shell中的df命令實現(xiàn),小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧2018-12-12Android?Jetpack庫剖析之LiveData組件篇
LiveData是Jetpack組件的一部分,更多的時候是搭配ViewModel來使用,相對于Observable,LiveData的最大優(yōu)勢是其具有生命感知的,換句話說,LiveData可以保證只有在組件( Activity、Fragment、Service)處于活動生命周期狀態(tài)的時候才會更新數(shù)據(jù)2022-07-07Android Studio3.0升級后使用注意事項及解決方法
這篇文章主要介紹了Android Studio3.0升級后使用注意事項及解決方法,需要的朋友參考下吧2017-12-12Android?拍照功能實現(xiàn)(手機關(guān)閉依然拍照)詳解及實例代碼
這篇文章主要介紹了?Android?拍照功能實現(xiàn)(手機關(guān)閉依然拍照)詳解及實例代碼的相關(guān)資料,這對Android相機在不開手機的情況下還能繼續(xù)拍照,附有實例Demo,需要的朋友可以參考下2016-12-12