首先打开开发工具“Cocos Creator”

没有下载的可以去官网下载。
官网链接: 点我进入.。

准备工作

1、创建一个新的工程

2、创建场景
在场景中的资源管理器上右击→新建→Scene

3、添加PageView
在层级管理器中右击→新建→创建UI节点→Page View（页面视图）

创建完成后会在场景编辑器中出现如下所示:

4、编写代码
老样子，在资源管理器中右击→新建→Javascript。建完后点击进入代码编写

双击脚本进入编写状态写入以下代码：

 cc.Class({
    extends: cc.Component,

    properties: {
        pageViewN:cc.PageView,
    },

    // LIFE-CYCLE CALLBACKS:

    // onLoad () {},

    start () {

    },
    pageViewClick(event,coustom){
        this.pageIndex = this.pageViewN.getCurrentPageIndex();
        console.log("当前页面处于"+this.pageIndex);
    },
    // update (dt) {},
});

5、挂载脚本
将写好的脚本文件拖拽到之前新建的Page View组件上

挂载完成后将PageEvents改为1

6、设置参数

选择刚刚写好的脚本


一切设置好了以后开始测试

运行的时候如图所示

左右拖动Page view时就会发现日志成功打印出来了