【CocosCreator入门】CocosCreator组件 | PageView（页面视图）组件

在Cocos Creator中，PageView 组件用于创建一个可以包含多个页面的容器，并通过滑动手势在它们之间切换。

以下是一个简单的 PageView 组件使用示例：

1. 首先，在Cocos Creator编辑器中创建一个新的Node，并将PageView组件添加到该节点上。
2. 然后，在PageView组件的Pages属性中添加你想要展示的页面节点。这些页面节点应当是当前Node的子节点。
3. 如果需要，可以在PageView组件中设置Auto Page Turning属性以启用自动翻页，或者通过脚本控制翻页。
4. 你还可以通过监听Page Turning事件来响应页面的改变。

以下是一个简单的JavaScript脚本示例，用于监听PageView组件的页面改变事件，并在控制台输出当前页面的索引：

cc.Class({
    extends: cc.Component,
 
    properties: {
        // 在这里引用你的PageView组件
        pageView: {
            type: cc.PageView,
            require: true
        },
    },
 
    onLoad() {
        // 监听pageTurning事件
        this.pageView.node.on('page-turning', (event) => {
            // 输出当前页面的索引
            console.log('当前页面索引:', event.pageIndex);
        });
    }
});

将上述代码添加到一个脚本组件中，并将该脚本组件添加到包含PageView组件的节点上。当你滑动PageView中的页面时，你会在控制台看到当前页面的索引输出。