android FloatingActionButton

來源:互聯網
上載者:User

標籤:ott   href   board   style   XML   nbu   clip   name   title   

FloatingActionButton是繼承至ImageView,所以FloatingActionButton擁有ImageView的所有屬性。CoordinatorLayout可以用來配合FloatingActionButton浮動按鈕,設定app:layout_anchor和app:layout_anchorGravity構建出特定的位置與效果的FloatingActionButton。

我們來看看怎麼使用FloatingActionButton吧:

 

[html] view plain copy 
  1. <android.support.design.widget.FloatingActionButton  
  2.         android:id="@+id/fab"  
  3.         android:layout_width="wrap_content"  
  4.         android:layout_height="wrap_content"  
  5.         android:layout_margin="16dp"  
  6.         android:src="@mipmap/icon"  
  7.         app:backgroundTint="#30469b"  
  8.         app:borderWidth="0dp"  
  9.         app:elevation="6dp"  
  10.         app:fabSize="normal"  
  11.         app:layout_anchor="@id/coordinator_layout"  
  12.         app:layout_anchorGravity="bottom|right"  
  13.         app:pressedTranslationZ="12dp"  
  14.         app:rippleColor="#a6a6a6" />  

各個屬性的意思:

 

 

  • app:backgroundTint - 設定FAB的背景顏色。
  • app:rippleColor - 設定FAB點擊時的背景顏色。
  • app:borderWidth - 該屬性尤為重要,如果不設定0dp,那麼在4.1的sdk上FAB會顯示為正方形,而且在5.0以後的sdk沒有陰影製作效果。所以設定為borderWidth="0dp"。
  • app:elevation - 預設狀態下FAB的陰影大小。
  • app:pressedTranslationZ - 點擊時候FAB的陰影大小。
  • app:fabSize - 設定FAB的大小,該屬性有兩個值,分別為normal和mini,對應的FAB大小分別為56dp和40dp。
  • src - 設定FAB的表徵圖,Google建議符合Design設計的該表徵圖大小為24dp。
  • app:layout_anchor - 設定FAB的錨點,即以哪個控制項為參照點設定位置。
  • app:layout_anchorGravity - 設定FAB相對錨點的位置,值有 bottom、center、right、left、top等。

這樣設定後,就可以在螢幕右下角建立出一個FloatingActionButton了。如:

android FloatingActionButton

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

Tags Index: