移动游戏开发-2017 PageView PageView.docxVIP

PageView组件 PAGE 3 目 录 TOC \o 1-3 \h \z \u 一、PageView基本概念 1 二、PageView属性与使用 1 三、PageViewIndicator组件 3  PageView组件 PageView基本概念 PageView 是一种页面视图容器。 PageView属性与使用 点击属性检查器下面的 添加组件 按钮，然后从 添加 UI 组件 中选择 PageView ，即可添加 PageView 组件到节点上。 属性栏： PageView事件 属性栏： 详细说明 PageView 组件必须有指定的 content 节点才能起作用，content 中的每个子节点为?个单独页面，该每个页面的大小为 PageView 节点的大小，操作效果分为 2 种：第?种：缓慢滑动，通过拖拽视图中的页面到达指定的 ScrollThreshold 数值（该数值是页面大小的百分比）以后松开会自动滑动到下?页，第二种：快速滑动，快速的向?个?向进行拖动，自动滑倒下??，每次滑动最多只能??。 通常一个 PageView 的节点树如下图： PageViewIndicator组件 PageviewIndicator 用于显示 PageView 当前的页面数量和标记当前所在的页面。PageViewIndicator 是可选的，该组件是用来显示页面的个数和标记当前显示在哪一页。 建立关联可以通过在层级管理器里面拖拽一个带有 PageViewIndicator 组件的节点到 PageView 的相应字段完成。 属性管理器： 属性栏： 详细说明 PageviewIndicator 一般不会单独使用，它需要与 PageView 配合使用，可以通过相关属性，来进行创建相对应页面的数量的标记，当你滑动到某个页面的时，PageviewIndicator 就会高亮它对应的标记。 PageView和PageViewIndicator事例操作： 层级管理器： PageView_Horizontal:以水平方式展示的PageView view:挂有Mask组件的节点 content:布局，水平方式，决定page的显示方式 page_1、page_2、page_3、page_4、page_5:挂有sprite组件的节点 indicator:挂有pageviewindicator的节点，来显示页数情况 PageIndex:挂有label组件的节点，用来显示当前所在页数 PageViewCtrl:挂有脚本，并导入所需的节点与资源来达到控制的节点。 PageView_Horizontal: 属性理解见上面的PageView属性栏，我们要做的是添加一个活动事件， 并导入PageViewCtrl的节点，并选择相应的方法。 （此时PageViewCtrl已挂有脚本） view、content、page: View 中添加Mask组件 content 中添加Layout布局，并设置水平 page中添加sprite组件，在其他page中都如此，资源用不同图片 indicator: 添加组件PageViewIndicator,并设置水平方式，属性值 PageViewCtrl: Target：目标节点，在这里导入PageView_Horizontal Label:导入用来显示页数的节点 7.资源管理器: 最终效果： 场景图 效果图