PageView 组件参考

    点击 属性检查器 下面的 添加组件 按钮，然后选择 UI/PageView 即可添加 PageView 组件到节点上。

    PageViewIndicator 是可选的，该组件是用来显示页面的个数和标记当前显示在哪一页。

    pageview-event

    属性功能说明
    Target带有脚本组件的节点
    Component脚本组件名称
    Handler指定一个回调函数，当 PageView 的事件发生的时候会调用此函数
    CustomEventData用户指定任意的字符串作为事件回调的最后一个参数传入

    PageView 的事件回调有两个参数，第一个参数是 PageView 本身，第二个参数是 PageView 的事件类型。

    PageView 组件必须有指定的 content 节点才能起作用，content 中的每个子节点为一个单独页面，且每个页面的大小为 PageView 节点的大小，如果节点大小大于内容大小的话，可能会导致出现滚动不完整的现象。在 PageView 组件下有一个 view 节点对象，该对象结合 ScrollThreshold 决定了当前滑动的距离是否达到可以翻页的条件，操作效果分为以下两种：

    • 缓慢滑动：通过拖拽视图中的页面到达指定的 ScrollThreshold 数值（该数值是页面大小的百分比）以后松开会自动滑动到下一页。

    通过 pageView.node.on('page-turning', ...) 的方式来添加

    1. // 假设我们在一个组件的 onLoad 方法里面添加事件处理回调，在 callback 函数中进行事件处理:
    3. const { ccclass, property } = _decorator;
    5. @ccclass("example")
    6. export class example extends Component {
    7.     onLoad(){
    8.         this.pageView.node.on('page-turning', this.callback, this);
    10.     callback(pageView: PageView){
    11.         // 回调的参数是 pageView 组件
    12.         // 另外，注意这种方式注册的事件，也无法传递 customEventData
    13.     }
    14. }