cocos creator學習之 PageView 控制元件的使用
阿新 • • 發佈:2019-01-31
PageView: 頁面檢視元件,實現分頁功能
PageViewIndicator: 頁面檢視每頁標記元件,常用與PageView配合使用
1.介紹
當我們直接使用ccc提供的控制元件時,節點如下圖,其中
view :掛載了mask 元件, 控制顯示哪一區域
content :放要顯示的所有節點
indicator :掛載了PageViewIndicator元件,用來提供頁面的標記
2. 使用
在page_1等節點的大小設定好後,要調整的其他節點及相應屬性:
content:postion 調整x 使其左邊框與view左邊框對齊
view:size 調整大小,使其能完整的顯示出相應的節點
NewPageView:size 大小應等於一個顯示內容的大小
例子:(在顯示的內容大小一致的前提下,例如:每個page 的size 為 W:400,H:800)
content . x = -400
view . size : 400 ,800
NewPageView . size : 400,800
3. 可能的問題
頁面滑動後顯示位置不正確,如下圖
檢查:
- NewPageView 的 size 與內容的 size 不一致
- 修改了content上的Layout 屬性的預設值(預設為零)