美團App首頁實現之Category_HeaderView可翻頁實現

標籤：美團

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M01/6E/F7/wKioL1WNYcGCAWC_AAB0m_mGCis903.jpg" title="meituan_main_header01.png" alt="wKioL1WNYcGCAWC_AAB0m_mGCis903.jpg" />

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M01/6E/FB/wKiom1WNYATg_d-bAACTRz9BN0s370.jpg" title="meituan_main_header02.png" alt="wKiom1WNYATg_d-bAACTRz9BN0s370.jpg" />

一。主要實現功能：

    自訂indicator，側滑頁面切換頁面內容，indicator跟著變化；

二。實現步奏：

    1.自訂ViewPagerIndicator

      ①：定義三個不同顏色的畫筆

          

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/6E/F7/wKioL1WNZaqzeD2OAAEa2uIYizc765.jpg" title="meituan_main_header實現01.png" alt="wKioL1WNZaqzeD2OAAEa2uIYizc765.jpg" />

       ②：在畫布上畫三個靜態圓

                    650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/6E/F8/wKioL1WNZ2eQtgvNAACtmRlHL9s882.jpg" title="meituan_main_header實現02.png" alt="wKioL1WNZ2eQtgvNAACtmRlHL9s882.jpg" />

       ③：改變CX值使indicator置中

                      650) this.width=650;" src="http://s3.51cto.com/wyfs02/M02/6E/F8/wKioL1WNZ_TRgE3lAACmKo9sIs8701.jpg" title="meituan_main_header03.png" alt="wKioL1WNZ_TRgE3lAACmKo9sIs8701.jpg" />

本文出自 “愚人cc” 部落格，請務必保留此出處http://1137907860.blog.51cto.com/10452906/1666089

美團App首頁實現之Category_HeaderView可翻頁實現