下拉，頂部圖片拉伸，模糊

上滑，頂部縮小，頭像移動(dòng)到 NavBar 下方，名字移動(dòng)到 NavBar 上，NavBar 背景模糊，變黑

實(shí)現(xiàn)流程解析

整體布局是 column 從上到下，分四塊，

1，navbar 部分，返回按鈕和背景圖

2，簡介部分，

3，頁簽部分

4，數(shù)據(jù)流

因?yàn)轭^像需要在背景和簡介上方，所以，1，navbar 部分，包含背景，

2，簡介

3， 頁簽部分，上滑后，它會(huì)吸頂，

4，數(shù)據(jù)流，這部分最簡單，就不贅述了

最外層包裹一個(gè) column，因?yàn)橐胖?navbar 部分，然后是 listview，第一個(gè)是 listItem 放簡介。第二個(gè)放listItemGroup 其 header 放頁簽。內(nèi)容就放數(shù)據(jù)流

這時(shí)，效果是只有下放 list 會(huì)動(dòng)，上面的圖不動(dòng)。

只需要實(shí)現(xiàn) onScroll，監(jiān)聽 offSetY。在 y 值變負(fù)。增加 navbar 的高度。反之則減少。高度有個(gè)最小值。就可以實(shí)現(xiàn)大小的變化了。

未完待續(xù)