1. 程式人生 > >cocos creator學習之 PageView 控制元件的使用

cocos creator學習之 PageView 控制元件的使用

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. 可能的問題

頁面滑動後顯示位置不正確,如下圖

     檢查:

  1. NewPageView 的 size 與內容的 size 不一致
  2. 修改了content上的Layout 屬性的預設值(預設為零)