位置: 编程技术 - 正文

在cocos2d-js实现自动绑定cocostudioUI控件与事件(cocos jsc)

编辑:rootadmin

推荐整理分享在cocos2d-js实现自动绑定cocostudioUI控件与事件(cocos jsc),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:cocos2d教程,cocos2d schedule,cocos2dx怎么用,cocos2d教程,cocos javascript,cocos2dx-js,cocos2d-js教程,cocos2dx-js,内容如对您有帮助,希望把文章链接给更多的朋友!

在cocos2d-js实现自动绑定cocostudioUI控件与事件(cocos jsc)

一.起因

在客户端游戏开发中最让人恶心的工作就是UI相关的东西,虽然有了像cocostudio这样的可视化工具,但界面中有大量需要由代码访问的控件的时候,需要写太多重复的代码例如:

上面是最为直接访问控件的方法。问题在于如果一个UI界面中有十个、二十个甚至更多的UI控件需要操作的是候,我们做UI的界面、逻辑开发的同学们是否还有时间愉快的玩耍?有没有什么方法不需要去手写这些代码,就能愉快的访问UI组件与接收UI事件响应呢?二. 思考 对于手机游戏,特别是卡牌类的游戏来说%~%的客户端工作量是在UI布局与逻辑上。 上面的seekWidgetByName、getChildByName、addTouchEventListener函数将大量充斥在客户端代码中,滥竽充数着我们的代码行数。 自己曾经有过Qt的开发经验。Qt中也有自己的UI设计工具,生成xml的ui配置文件. 对于这个xml有两种使用方式: 第一种方式: 使用Qt自己的编译工具,将xml翻译生成一个c&#;&#;代码文件,代码内容就是根据xml中的信息创建各种控件,设置坐标属性事件等。 第二种方式: 在程序中,将xml文件使用UILoader工具类加载进来,成为一个节点。然后调用Qt的函数实现信号/槽的自动关联。实现信号/槽(事件)自动绑定的原理,是要求写一个事件处理函数,&#;式为: 具体如何使用就不细说了,有兴趣的朋友可以自己去看看。根据Qt的这个功能提示,我们何尝不可以在cocos2d-js自动绑定coccostudio输出的ui文件呢?三. 名命约定1. 代码名命约定根据cocos2d-js代码风&#;,我们约定: (1)类成员变量以下划线 "_"开头后面接以驼峰名命&#;式的英文单词。例如:_loginButton 、 _closeButton 、 _nameLabel (2)类中的私有函数也使用同样的方式。 例如:_onLoginButtonTouchBegan: function() { ...}2. UI命名约定 在cocostudioUI编辑器中,我们遵循上述代码中成员变量的命名规范。将需要由代码访问的控件取名为"_"开头,后面接以驼峰名命&#;式的英文单词。 请看下图:3. ccui控件事件命名ccui.Widget事件注册有两种:1). 常规的touch事件有:ccui.Widget.TOUCH_BEGAN 触摸开始 (按下)ccui.Widget.TOUCH_MOVED 触摸移动 (移动)ccui.Widget.TOUCH_ENDED 触摸结束 (抬起)ccui.Widget.TOUCH_CANCELED 触摸取消 (一般没用)我们使用widget.addTouchEventListener(selector, target)给控件注册触摸事件,设置回调函数.2). 控件特殊事件:比如CheckBox的:ccui.CheckBox.EVENT_SELECTEDccui.CheckBox.EVENT_UNSELECTED又如:TextField的:ccui.TextField.EVENT_ATTACH_WITH_IMEccui.TextField.EVENT_DETACH_WITH_IMEccui.TextField.EVENT_INSERT_TEXTccui.TextField.EVENT_DELETE_BACKWARD这类事件需要使用widget.addEventListener(selector, target)来注册。这里的selector就是我们的回调函数,需要我们取名并实现这个函数,事件类型是通过参数来识别的:这个"_onButtonEvent"就是我们为事件函数取的名字,如果我们按:【前缀&#;控件名(取掉下划线)&#;事件名】给控件事件函数取名举例说明:控件名字为:_button事件名则为:_onButtonTouchBegan、_onButtonTouchMoved、_onButtonTouchEnded四. 代码实现有了上面的约定,我们可以开始实现UI的绑定了。1. 定义一个自动绑定的控件列表,我们这里列出了常用的控件类型与事件名字。这个sz.UILoader.widgetEvents数组可以根据需要自己添加需要绑定的组件。2.逻辑流程1). 使用loader载入ui文件并传入target为当前layer。所有事件和控件变量都将绑定到target上。2). 遍历载入后的子节点(childNode),检查名字前缀是否以”_”开头。并且该节点类型是否在widgetEvents数组中。3). 将childNode绑定到target上。4). 提取childNode事件函数名,检查target是否有这些函数存在。5). 为widgetNode注册事件响应。6). 加载类接收到事件响应,转发事件到对应的target的事件处理函数上。3.UI加载类的具体实现所有东西都已经准备好了, 我们看看怎么在具体的代码中使用:现在看看我的客户端代码是不是比之前的简洁多了!五.前缀的问题上面花了大量文字讲解了关于命名的问题,有人可能会觉得使用这个UILoader会强奸他的代码。因为他没有使用“_”做为成员变量前缀,或是成员变量前缀不是“_”而是“m_”。为了不强奸别人的代码,提供了下面的选项:最后一个可选参数options对象,有两个属性eventPerfix 、memberPrefix用于配置事件前缀和成员变量前缀六. 前缀&#;控件名&#;Event 有些时候,不想将TouchBegan、TouchMoved、TouchEnded分成三个响应函数分别来写,而是使用原来事件参数来判断事件类型。这时你只需要实现以【前缀&#;控件名&#;Event】的函数名例如:控件名为_loginButton, 定义一个函数如:这时UILoader会优先使用这个事件处理函数,如果同时也实现了一个"_onLoginButtonTouchBegan",它将不会被执行。这样再次阻止sz.UILoader强奸事件的发生,可以兼容你原来的代码。完整代码可以到githut下载:

Cocos2d-js入门学习笔记 Cocos2d-js入门学习笔记哐哐哐,小白开工啰先记录下如何搭建环境及第一个HELLOWorld本篇励志名言:智者不只发现机会,更要创造机会。[培根]欢迎转载转

Cocos2d-x碰撞检查与消灭的实现 #ifndef__HELLOWORLD_SCENE_H__#define__HELLOWORLD_SCENE_H__#includecocos2d.husingnamespacecocos2d;classHelloWorld:publiccocos2d::CCLayerColor{

非常好的cocos2d-x开发学习教程 COCOS2D开发者文档cocos2d,开发,IT,程序,教程,动画,游戏,文档,cocos2dxCOCOS2D-X开发者文档,一次下载不需要联网,所有资源单机,教程资源非常详细,包括:coc

标签: cocos jsc

本文链接地址:https://www.jiuchutong.com/biancheng/369142.html 转载请保留说明!

上一篇:cocos2d-x window实现鼠标移动 键盘事件

下一篇:Cocos2d-js入门学习笔记(cocos2dx4.0入门)

  • 缴纳印花税的会计凭证
  • 财务软件无形资产摊销几年
  • 企业所得税包含哪些税种
  • 税控盘交服务费
  • 离退休再任职人员的收入是否缴纳个人所得税?
  • 凭证审核签字操作只能
  • 非上市公司自然股权转让
  • 新领的发票怎么导入uk开票系统
  • 零售不要发票如何报税
  • 待摊费用是
  • 市场费用的账务处理
  • 增值税专用发票有效期是多长时间
  • 防伪开票系统税票如何抵扣
  • 房地产开发企业取得的土地使用权用于建造
  • 固定资产内部转移单
  • 无形资产怎么计算摊销
  • 用友t3每月都要结账吗
  • 企业所得税税率2.5% 5% 25%
  • 工会经费的会计分录2022
  • ie增强的安全配置已启用上不了网
  • 小规模纳税人可以开增值税专用发票吗
  • 公司实缴资本有什么风险
  • 退回多收款项开具发票原发票需要退回吗
  • 建筑公司收到工程款需要交哪些税
  • thinkphp import
  • 偿还债券本金和利息
  • 在收付实现制下,预付的下季度报刊杂志订阅费
  • vue叠化在哪里
  • php二维数组的遍历
  • vue项目使用rem
  • web前端面试题目
  • openfoam中文教程
  • thinkphp模型作用
  • 用php写个简单的编程
  • 服装制造行业成本占比
  • 报销用别的发票抵用怎么入账
  • 以下哪些企业需要填报
  • 应交土地增值税税率
  • 红冲后的发票税怎么办
  • mysql日志记录
  • 摄影行业开票
  • 缴纳社保费出现异常
  • 备用金有发票抵扣吗
  • 公租房特许经营权转让
  • 制造费用的结转正确的是( )
  • 未抵扣机动车专票红字发票怎么填开
  • 所得税汇算清缴需要调增的项目
  • 个税手续费返还政策文件
  • 收到保险公司赔款
  • 网上银行回单可以做账吗
  • 忘记报关可以补报吗
  • 未交增值税的核算方法
  • 货款扣除质量赔款
  • 各类奖金正确的排序
  • 印花税可以去地方申报吗
  • 小规模购入固定资产怎么做账
  • 专利年费可以减免吗
  • 没有期初数据会怎么样
  • sqlserver2012安装失败原因
  • sqlserver数据类型怎么用
  • windowsxp的开始菜单
  • ubuntu系统虚拟机安装教程
  • u盘装系统软件哪个好
  • Win10 Mobile 10572预览版上手体验视频
  • 电脑周边是什么
  • centos7启动卡在界面
  • PureVoice.exe - PureVoice是什么进程 有什么用
  • win10系统怎么打开软键盘
  • 有道词典手机
  • python购物车100行代码
  • Unity3D游戏开发标准教程吴亚峰于复兴人民邮电出版社
  • 批处理应用实例
  • js移动端拖拽
  • js实现继承的几种方式详述(推荐)
  • 国家税务局网上电子税务局官网重庆
  • 新疆地方税务局举报电话
  • 车船税补办
  • 执法事业单位改革最新进展
  • 计财科科长是什么级别
  • 购置税周天上班吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设