新聞中心
Android5.0推出的MaterialDesign庫包含了處理頭部工具欄的多個(gè)控件,不但允許自定義頂部導(dǎo)航欄,而且導(dǎo)航欄高度是可以伸縮的。如此一來,一方面導(dǎo)航欄能夠放得下更多控件,另一方面在用戶想看具體內(nèi)容時(shí)也能騰出更多的屏幕空間。
這么說可能比較抽象,那就先來看看兩張導(dǎo)航欄的效果圖,第一張是導(dǎo)航欄完全展開時(shí)的界面,此時(shí)頁面頭部的導(dǎo)航欄占據(jù)了較大部分的高度;
第二張是導(dǎo)航欄完全收縮時(shí)的界面,此時(shí)頭部導(dǎo)航欄只剩矮矮的一個(gè)長條。
看起來很眼熟是不是,上面的截圖正是仿支付寶首頁的頭部效果。如果你熟悉AppBarLayout和CollapsingToolbarLayout的話,也許可以很快做出類似以上的簡單界面,具體地說,就是定義一個(gè)CoordinatorLayout嵌套AppBarLayout再嵌套CollapsingToolbarLayout再嵌套Toolbar的布局。之所以要嵌套這么多層,是因?yàn)橐瓿梢韵鹿δ埽?/p>
1、CoordinatorLayout嵌套AppBarLayout,這是為了讓頭部導(dǎo)航欄能夠跟隨內(nèi)容視圖下拉而展開,跟隨內(nèi)容視圖上拉而收縮。這個(gè)內(nèi)容視圖可以是RecyclerView,也可以是NestedScrollView;
2、AppBarLayout嵌套CollapsingToolbarLayout,這是為了定義導(dǎo)航欄下面需要展開和收縮的部分視圖;
3、CollapsingToolbarLayout嵌套Toolbar,這是為了定義導(dǎo)航欄上方無論何時(shí)都要顯示的長條區(qū)域,其中Toolbar還要定義兩個(gè)不同的樣式布局,用于分別顯示展開與收縮狀態(tài)時(shí)的工具欄界面。
下面是基于以上思路實(shí)現(xiàn)的布局文件代碼:
當(dāng)前標(biāo)題:Android仿支付寶的頭部伸縮動(dòng)畫效果-創(chuàng)新互聯(lián)
文章分享:http://www.ef60e0e.cn/article/cdojdp.html