1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

在Quick Cocos2d-x中给CocosStudio中导出的UI(Widget)控件增加触摸(touch)事件

作者:用户 来源:互联网 时间:2018-07-13 12:37:29

布局界面控件cocos2d-xwidgetquick-cocos2d-xCocosStudio

在Quick Cocos2d-x中给CocosStudio中导出的UI(Widget)控件增加触摸(touch)事件 - 摘要: 本文讲的是在Quick Cocos2d-x中给CocosStudio中导出的UI(Widget)控件增加触摸(touch)事件, 第一步:项目组UI用CocosStudio做好UI控件后,在里面有一个后缀为.xml.ui的文件,双击这个文件就可以打开做好的UI。 第二步:按Ctrl + E,将“排序样式” 改成 “Intelligent”,

第一步:项目组UI用CocosStudio做好UI控件后,在里面有一个后缀为.xml.ui的文件,双击这个文件就可以打开做好的UI。

第二步:按Ctrl + E,将“排序样式” 改成 “Intelligent”,然后导出。

第三步:将导出的文件全部复制到项目的res目录下。

第四步:在对应的界面ctor函数中,添加如下代码(笔者使用的是Sublime Text 2)

    local layer = TouchGroup:create()
    layer:addWidget(GUIReader:shareReader():widgetFromJsonFile("XXXXXXX.ExportJson"))
    self:addChild(layer, 1000)

到这里运行,就可以看到做好的UI布局了。

-------------------------------------------------------华丽的分割线------------------------------------------------------------

第五步:在上述代码下面增加如下代码:

    self.myBtn = layer:getWidgetByName(btnName)--btnName即为CocosStudio中,选中控件后,在右侧的“属性”栏-“常规”中的“名称”
    --self.myBtn:setTouchEnabled(true)--注:由于CocosStudio中将控件设置了“交互”属性,可以去掉这条语句。
    self.myBtn:addTouchEventListener(function (sender, event)--event是触摸类型,0,1,2,3分别是began,moved,ended,canceled
        if event == 0 then
			--操作代码
            return false
        end
    end)

注:参考 http://www.cocoachina.com/bbs/read.php?tid=204622

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索布局 , 界面 , 控件 , cocos2d-x , widget , quick-cocos2d-x CocosStudio ,以便于您获取更多的相关知识。

札记:android手势识别功能实现(利用MotionEvent)_Android

...方面: pointer的start和end位置。 根据触摸的x,y坐标计算出的移动方向。 通过 getHistorical pointer移动时的速度。 VelocityTracker 有时对手势运动过程中的速度感兴趣,可以通过android.view.VelocityTracker来根据收集的事件数据计算得...

【React Native】从源码一步一步解析它的实现原理

...是执行一次. React Native加载JS源码流程.png 八、React NativeUI控件渲染流程(iOS)1.[RCTRootView runApplication:bridge] -> 通知JS运行App 2.[RCTBatchedBridge _processResponse:json error:error] -> 处理执行完JS代码(runApplication)返回的相应,包含需要添加多少子...

VUE开发常用组件收藏

... Vonic UI的功能性组件 vue-datetime-picker★199 - 日期时间选择控件 vue-video-player★182 - VueJS视频及直播播放器 vue2-calendar★182 - 支持lunar和日期事件的日期选择器 vue-fullcalendar★177 - 基于vue.js的全日历组件 vue-quill-editor★174 - 基于Quill...

【cocos2d-js官方文档】十七、事件分发机制

...这里将详细说明控件的事件处理流程。 首先来看一下ccui.Widget的事件实现, 所有的控件的事件监听器都是单点触摸事件,并且会吞食事件,注册代码如下: this._touchListener = cc.EventListener.create({ event: cc.EventListener.TOUCH_ONE_BY_...

简单讲解Android开发中触摸和点击事件的相关编程方法_java

...候更是如此,一个典型例子就是用户在桌面上放置了一个Widget,那么当用户针对widget做各种操作时,桌面本身有的时候要对用户的操作做出响应,有时忽略。只有搞清楚事件触发和传递的机制才有可能保证在界面布局非常复杂的...

前三篇
后三篇