博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Cocos Creator scrollview添加事件的两种方法
阅读量:6975 次
发布时间:2019-06-27

本文共 1419 字,大约阅读时间需要 4 分钟。

scrollview添加事件

方法一

这种方法添加的事件回调和使用编辑器添加的事件回调是一样的,通过代码添加, 你需要首先构造一个 cc.Component.EventHandler 对象,然后设置好对应的 target, component, handler 和 customEventData 参数。
//here is your component file, file name = MyComponent.js 
cc.Class({
extends: cc.Component,
properties: {},

onLoad: function () {    var scrollViewEventHandler = new cc.Component.EventHandler();    scrollViewEventHandler.target = this.node; //这个 node 节点是你的事件处理代码组件所属的节点    scrollViewEventHandler.component = "MyComponent";//这个是代码文件名    scrollViewEventHandler.handler = "callback";    scrollViewEventHandler.customEventData = "foobar";    var scrollview = node.getComponent(cc.ScrollView);    scrollview.scrollEvents.push(scrollViewEventHandler);},//注意参数的顺序和类型是固定的callback: function (scrollview, eventType, customEventData) {    //这里 scrollview 是一个 Scrollview 组件对象实例    //这里的 eventType === cc.ScrollView.EventType enum 里面的值    //这里的 customEventData 参数就等于你之前设置的 "foobar"}

});

方法二

通过 scrollview.node.on('scroll-to-top', ...) 的方式来添加
//假设我们在一个组件的 onLoad 方法里面添加事件处理回调,在 callback 函数中进行事件处理:
cc.Class({
extends: cc.Component,
properties: {
scrollview: cc.ScrollView
},

onLoad: function () {   this.scrollview.node.on('scroll-to-top', this.callback, this);},callback: function (event) {   //这里的 event 是一个 EventCustom 对象,你可以通过 event.detail 获取 ScrollView 组件   var scrollview = event.detail;   //do whatever you want with scrollview   //另外,注意这种方式注册的事件,也无法传递 customEventData}

});

转载地址:http://rjupl.baihongyu.com/

你可能感兴趣的文章
报错 org.springframework.beans.factory.BeanCreationException
查看>>
IOS分享扩展使用JS脚本
查看>>
Hibernate 的 session.load()使用方法
查看>>
$httpprovider指令中拦截器interceptors的使用介绍
查看>>
gulp插件之browser-sync安装报错
查看>>
mongodb 连接和备份
查看>>
Velocity文档(3)
查看>>
SQL中的case when then else end用法
查看>>
通过data:image/png;base64把图片直接写在src里
查看>>
Android TextView的一些小知识
查看>>
css :after或:before写小三角形
查看>>
VMware Tools手动下载
查看>>
干货:排名前 16 的 Java 工具类!
查看>>
Solr 4.x定时、实时增量索引 - 修改、删除和新增索引
查看>>
Linux软件包命令
查看>>
win 64位系统安装带有c编写的python模块出现ValueError: [u'path']解决
查看>>
SSO单点登录基于CAS架构封装 Memcached 实例
查看>>
sparkCore源码解析之思维脑图
查看>>
Quartz动态添加、修改和删除定时任务
查看>>
自定义classloader中的接口调用
查看>>