cocos creator学习之 PageView 控件的使用

时间:2024-03-16 07:15:03

PageView: 页面视图组件,实现分页功能

PageViewIndicator:  页面视图每页标记组件,常用与PageView配合使用

 1.介绍

  当我们直接使用ccc提供的控件时,节点如下图,其中

 view :挂载了mask 组件, 控制显示哪一区域

 content :放要显示的所有节点

 indicator :挂载了PageViewIndicator组件,用来提供页面的标记

cocos creator学习之 PageView 控件的使用

   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 属性的默认值(默认为零)

cocos creator学习之 PageView 控件的使用