2015年3月2日 星期一

Android 開發(八十二) Scroll with ToolBar

不知道大家有沒有看過google play的toolbar會隨著滑動顯示隱藏,如下圖所示



我相當喜歡這個滑動的效果,所以最近花了一點時間研究這個的實踐辦法,
要實踐這個方法
1.首先我們必須使用toolbar而不是actionbar,使用toolbar我們才能控制這個view.
2.接著我們必須使用recyclerview,因為recyclerview的setOnScrollListener才可以計算scroll的距離.

看到這裡我猜大部分的人都已經猜到我們要怎麼實做這個行為了,
當recyclerview往上滑動時,我們就要想辦法把toolbar往上移動直到整個toolbar消失,
當recyclerview往下滑動時,我們就要想辦法把toolbar往下移動直到整個toolbar出現,
當toolbar出現>一半時則利用動畫將toolbar顯示
當toolbar出現<一半時則利用動畫將toolbar隱藏

當我們將這些邏輯定義完成,接著我們只需要將這些邏輯寫出來即可

最後附上sample code

沒有留言:

張貼留言