1. 程式人生 > >Android-淺談CoordinatorLayout

Android-淺談CoordinatorLayout

簡介

CoordinatorLayout是google在Android5.0推出的一個全新控制元件,很明顯它是一個佈局控制元件(預設是垂直排列可以當做線性佈局來使用),作為一個容器來使用,有需要才會被創造,當它與FloatingActionButton、AppBarLayout與Toolbar、CollapsingToolbarLayout組合在一起使用會有意想不到的滾動特效!!!

流程

  • CoordinatorLayout與FloatingActionButton結合使用
    XML佈局程式碼
    XML佈局程式碼
    FloatingActionButton事件響應
    FloatingActionButton事件響應
    且看效果圖
    很明顯在CoordinatorLayout中使用FloatingActionButton彈出提示的時候,FloatingActionButton很自然的移動了,如果換作其他的佈局方式,在彈出提示的時候FloatingActionButton會被遮擋掉的!!!
  • CoordinatorLayout與AppBarLayout和Toolbar結合使用
    XML佈局程式碼(也就是在上個佈局程式碼基礎上多加了三個控制元件而已)
    XML佈局程式碼(也就是在上個佈局程式碼基礎上多加了三個控制元件而已)
    其中RecycleView是為了能夠實現效果而新增的資料展示用的,程式碼也就不粘貼出來了就是一個遍歷資料新增介面卡而已,且看效果圖
    這裡寫圖片描述
    注意: Toolbar裡面app:layout_scrollFlags=”scroll|enterAlwaysCollapsed”一定不能漏掉,它是可以滑動的關鍵
    可以看出CoordinatorLayout與AppBarLayout和Toolbar結合使用根本不需要多餘的程式碼,只在XML檔案裡宣告即可實現這樣的效果!
  • CoordinatorLayout與AppBarLayout與Toolbar、CollapsingToolbarLayout組合使用
    XML佈局程式碼(在原來的基礎上添加了一個CollapsingToolbarLayout摺疊式佈局)
    XML佈局程式碼(在原來的基礎上添加了一個CollapsingToolbarLayout摺疊式佈局)
    且看執行的效果圖
    且看執行的效果圖
    注意: CollapsingToolbarLayout裡面 app:layout_scrollFlags=”scroll|exitUntilCollapsed”一定不能漏掉,它是實現效果的關鍵

總結

Android5.0新出的CoordinatorLayout與FloatingActionButton、AppBarLayout與Toolbar、CollapsingToolbarLayout組合在一起使可以實現的特效在平時的開發中的確很實用。其中還有很多有待發掘的新功能,在這裡就不再獻醜了,踏進Android的海洋,體會程式碼的樂趣,歡迎大牛們蒞臨指導(* ̄︶ ̄)!