android懸浮按鈕元件
阿新 • • 發佈:2019-01-07
轉載自部落格園 純屬浪費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!………/