The Category_headerview can be realized by the page of the American Group App homepage

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 "/>

One. Main implementation Features:

Custom indicator, slide the page to switch page content, indicator follow changes;

Two. To achieve a step:

1. Custom Viewpagerindicator

①: Defines three brushes of different colors

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M00/6E/F7/wKioL1WNZaqzeD2OAAEa2uIYizc765.jpg "title=" Meituan_main_header implementation of 01.png "alt=" Wkiol1wnzaqzed2oaaea2uiyizc765.jpg "/>

②: Draw three static circles on the canvas

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M00/6E/F8/wKioL1WNZ2eQtgvNAACtmRlHL9s882.jpg "title=" Meituan_main_header implementation of 02.png "alt=" Wkiol1wnz2eqtgvnaactmrlhl9s882.jpg "/>

③: Change the CX value to center the 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 "/>

This article is from the "Fool cc" blog, please be sure to keep this source http://1137907860.blog.51cto.com/10452906/1666089

The Category_headerview App home page implementation can be page-turn implementation