浮動操作按鈕的選擇

浮動操作按鈕,現在可選的方案很多,design庫中也有,目前來說在考慮實現浮動操作按鈕的時候,有以下幾種常用方案:
官方的:
android.support.design.widget.FloatingActionButton

優點是可以與Snackbar和CoordinatorLayout配合,在Snackbar顯示的時候讓出足夠的空間,參見codepath的文章:Handling Scrolls with CoordinatorLayout


第三方的
FloatingActionButton

項目地址:https://github.com/makovkastar/FloatingActionButton

這個項目非常火,它有個很重要的特點,就是在指定了AbsListView, RecyclerView 或者 ScrollView 之後,按鈕可以根據列表的滾動顯示或者隱藏。
這裏寫圖片描述


FAB

項目地址: https://github.com/shell-software/fab

非常多的自定義樣式和進出動畫。
這裏寫圖片描述
但是,以上浮動操作按鈕本質上只是一個view或者只是一個擴展於 ImageView 的 view,只不過多了些陰影效果罷了。

如果要讓這個浮動操作按鈕能像inbox中的那樣展開更多的按鈕,以上控件都無能爲力(當然你自己可以寫佈局來實現)。


除了自己實現之外,已經有兩個非常成熟的項目:

RapidFloatingActionButton

項目地址:https://github.com/wangjiegulu/RapidFloatingActionButton

中文介紹:http://www.jcodecraeer.com/a/opensource/2015/0716/3193.html

這裏寫圖片描述

這個項目幾乎完全模擬了inbox中的效果,同時也可以高度自定義。

android-floating-action-button

項目地址:https://github.com/futuresimple/android-floating-action-button

這個項目在github上獲得了多達2000個star,實現的效果與RapidFloatingActionButton類似,但是細節有所不同。下面這幅圖只是最簡單的演示,官方demo中有更多漂亮的演示效果。
這裏寫圖片描述


總結
目前這幾種fab用的最多,其實RapidFloatingActionButton可能稍微用的少點,是國人開發的,可是作者的英語很牛逼的哈。

經過比較,在泡網客戶端的文章詳情界面,我選擇了RapidFloatingActionButton,原因是:

1.android-floating-action-button的動畫效果稍微有點誇張,RapidFloatingActionButton更平衡一些。

2.RapidFloatingActionButton在展開菜單的時候,會有一層layer,並且顏色和透明度都是可以自定義的。

3.RapidFloatingActionButton的左側文字背景是圓角的,更好看。


本文轉載自:

http://jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0716/3194.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章