1. 程式人生 > >android懸浮按鈕元件

android懸浮按鈕元件

轉載自部落格園 純屬浪費8818。

一個好玩的元件,FloatingActionButton, design包下的一個空間。
使用前需要新增依賴:

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

佈局xml檔案中:

<!--一個懸浮的按鈕控制元件FAB-->
    <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
android:layout_margin="@dimen/margin10" app:backgroundTint="#6eed5b" app:rippleColor="#e7aa59" app:elevation="10dp" app:pressedTranslationZ="5dp" app:fabSize="mini" android:src="@mipmap/float_list_icon"/>

下面介紹一下其中的一些屬性,

1) app:backgroundTint - 設定背景顏色。
2) app:rippleColor - 設定點選時的背景顏色。
3) app:borderWidth - 該屬性如果不設定0dp,那麼在4.1的sdk上FAB會顯示為正方形,而且在5.0以後的 sdk沒有陰影效果。所以設定為borderWidth=”0dp”。
4) app:elevation - 預設狀態下陰影大小。
5) app:pressedTranslationZ - 點選時的陰影大小。
6) app:fabSize - 設定大小,該屬性有兩個值,分別為normal和mini,對應的大小分別為56dp和40dp。
7) src - 設定圖示,Google建議符合Design設計的該圖示大小為24dp。
推薦一個圖示網站,哈哈:

http://www.iconfont.cn/ 阿里巴巴向量圖表庫
8) app:layout_anchor - 設定錨點,即以哪個控制元件為參照點設定位置。
9) app:layout_anchorGravity - 設定相對錨點的位置,值有 bottom、center、right、left、top等。

/………….後記: 關於app:pressedTranslationZ屬性,是指陰影在Z軸,即垂直方向上的變化,如果希望點選按鈕的時候,陰影變小,該屬性設定為負值即可。…………….Come On!………/