这篇的内容非常easy,获取UI控件,然后使用它。

还记得我们在UI编辑器中给三个button分别命名了吧?

如今要用上了。

笨木头花心贡献,啥?花心?不呢,是用心~

转载请注明,原文地址: http://www.benmutou.com/blog/archives/918

文章来源:笨木头与游戏开发

依据名字查找控件

首先给TollgateScene再include一些头文件,不然等会编译又报错了:

  1. #include "editor-support/cocostudio/CCSGUIReader.h"
  2. #include "cocostudio/CocoStudio.h"
  3. #include "ui/CocosGUI.h"
  4. using namespace cocos2d::ui;
  5. using namespace cocostudio;

上面就是比較完整的使用UI所须要用到的头文件了。

然后,获取UI控件的方法例如以下,继续改动createOprUI函数:

  1. void TollgateScene::createOprUI()
  2. {
  3. auto UI = cocostudio::GUIReader::getInstance()->widgetFromJsonFile("OprUI_1.ExportJson");
  4. this->addChild(UI);
  5. /* 获取button对象 */
  6. Button* rightBtn = (Button*)Helper::seekWidgetByName(UI, "rightBtn");
  7. Button* quickMoveBtn = (Button*)Helper::seekWidgetByName(UI, "quickMoveBtn");
  8. Button* leftBtn = (Button*)Helper::seekWidgetByName(UI, "leftBtn");
  9. }

Helper::seekWidgetByName函数会从UI里面找控件,一层层的找。父控件找不到,就找子控件。如此递归。最后找的名字相符的控件,返回这个控件对象。

非常easy,不多解释喇~

加入button回调事件

OK,最后一步了,如今button摆在那里什么都做不了,我们给button加入回调事件~

先给TollgateScene加入三个函数声明:

  1. void moveToLeft(Ref* sender, TouchEventType type);
  2. void moveToRight(Ref* sender, TouchEventType type);
  3. void quickMove(Ref* sender, TouchEventType type);

这是Button点击事件回调时所须要的函数格式。

然后。继续改动createOprUI函数:

  1. void TollgateScene::createOprUI()
  2. {
  3. auto UI = cocostudio::GUIReader::getInstance()->widgetFromJsonFile("OprUI_1.ExportJson");
  4. this->addChild(UI);
  5. /* 获取button对象 */
  6. Button* rightBtn = (Button*)Helper::seekWidgetByName(UI, "rightBtn");
  7. Button* quickMoveBtn = (Button*)Helper::seekWidgetByName(UI, "quickMoveBtn");
  8. Button* leftBtn = (Button*)Helper::seekWidgetByName(UI, "leftBtn");
  9. /* 加入button回调事件 */
  10. leftBtn->addTouchEventListener(this, toucheventselector(TollgateScene::moveToLeft));
  11. rightBtn->addTouchEventListener(this, toucheventselector(TollgateScene::moveToRight));
  12. quickMoveBtn->addTouchEventListener(this, toucheventselector(TollgateScene::quickMove));
  13. }

利用addTouchEventListener函数就能够绑定button的回调事件了~

最后了。看看三个回调函数的实现:

  1. void TollgateScene::moveToLeft(Ref* sender, TouchEventType type)
  2. {
  3. switch (type)
  4. {
  5. case TOUCH_EVENT_ENDED:
  6. m_player->moveToLeft();
  7. break;
  8. }
  9. }
  10. void TollgateScene::moveToRight(Ref* sender, TouchEventType type)
  11. {
  12. switch (type)
  13. {
  14. case TOUCH_EVENT_ENDED:
  15. m_player->moveToRight();
  16. break;
  17. }
  18. }
  19. void TollgateScene::quickMove(Ref* sender, TouchEventType type)
  20. {
  21. switch (type)
  22. {
  23. case TOUCH_EVENT_ENDED:
  24. m_player->quickMove();
  25. break;
  26. }
  27. }

是不是感觉有点小复杂?

应该说。有点小麻烦,由于button事件绑定的时候。是没有区分“按下”、“移动”、“松开”的,所以我们要自己推断一下,TOUCH_EVENT_ENDED就是button点击,然后松开的时候的事件。

假设大家认为麻烦,能够自己改源代码,加入一些函数,在绑定button事件的时候。能够指定绑定哪种事件。

以及能够使用std::function来作为參数,这样非常方便,当然,跑题了。为了避免大家混乱,这里就不介绍了。

执行測试

OK,如今大家执行游戏。然后点击这三个操作button,看看主角是不是能左右移动以及放屁(向下冲)吧~

下一篇,加入碰撞检測,让主角碰到墙壁之后,进行加血。

没错,就是加血。不是扣血~由于《别救我》胜利的条件是血量为0。碰到墙是要惩处的~

惩处的方式就是加血~

Cocos2d-x3.0游戏实例之《别救我》第六篇——从代码中获取UI控件的更多相关文章

  1. Cocos2d-x3.0游戏实例《不要救我》第十篇(结束)——使用Json配置数据类型的怪物

    如今我们有2种类型的怪物,并且创建的时候是写死在代码里的,这是要作死的节奏~ 所以.必须可配置.不然会累死人的. ; i < size; ++i) { int id = root[i][&quo ...

  2. Cocos2d-x3.0游戏实例《不要救我》第一章——前言

    我们可以学习? 这是一个非常easy游戏.但更多的东西用(对于初学者).至少,对于它的一个例子,有点多. 笨木头花心贡献.啥?花心?不呢.是用心~ 转载请注明,原文地址:http://www.benm ...

  3. Cocos2d-x3.0游戏实例《不要救我》三——背景滚动周期

    好.让我们来解释一下这个无限循环滚动的背景.这方面的知识一直讲到烂.我以前的文章还介绍了.所以不是那么特别清楚. 笨木头花心贡献,啥?花心?不呢,是用心~ 转载请注明,原文地址:http://www. ...

  4. (转).NET 4.5中使用Task.Run和Parallel.For()实现的C# Winform多线程任务及跨线程更新UI控件综合实例

    http://2sharings.com/2014/net-4-5-task-run-parallel-for-winform-cross-multiple-threads-update-ui-dem ...

  5. Cocos2d-x3.0 从代码中获取cocostudio编辑的UI控件

    依据名字查找控件 须要包括的头文件及名字空间: #include "cocostudio/CocoStudio.h" #include "ui/CocosGUI.h&qu ...

  6. Cocos2d-x3.0游戏实例之《别救我》第八篇——TiledMap实现关卡编辑器

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/musicvs/article/details/25368273 好吧.我真心全然搞不懂.我如今仅仅只 ...

  7. cocos2d-x 3.0游戏实例学习笔记 《跑酷》 第六步--金币&amp;岩石加入而且管理

    说明:这里是借鉴:晓风残月前辈的博客,他是将泰然网的跑酷教程,用cocos2d-x 2.X 版本号重写的,眼下我正在学习cocos2d-X3.0 于是就用cocos2d-X 3.0重写,并做相关笔记 ...

  8. Android4.0 -- UI控件之 Menu 菜单的的使用(三)

    上一讲 [Android 开发]:UI控件之 Menu 菜单的的使用(二) 我们讲解了创建上下文菜单的第一种使用方式:Creating a floating context menu [创建悬浮的上下 ...

  9. FineUI(专业版)v3.2.0 发布(ASP.NET UI控件库)!

    +2016-08-20 v3.2.0 +表格增强. +表格列RenderField增加属性ClientHtmlEncode,用于在客户端进行HTML编码. -增加示例:单元格编辑->杂项-> ...

随机推荐

  1. 【java】【mysql】存储微信表情emoji表情

    java.sql.SQLException: Incorrect string value: '\xF0\x9F\x92\x94' for colum n 'name' at row 1 at com ...

  2. oracle维护服务 oracle解决方案 oracle售后服务

        为客户提供的oracle 金牌技术服务内容为: 1.电话服务 (7*24)   热线支持电话800-810-0081   每周7天,每天24小时北京技术支持中心每天都有专人值守.以保证及时与客 ...

  3. 轻量级java开发(一)-Hibernate 安装

    1.从http://hibernate.org/orm/downloads/下载Hibernate 目前最新版是4.3.0.Final  支持JPA 2.1 support 2.解压下载的压缩文件,导 ...

  4. 解决sqoop报错Invalid number; item = ITEM_UNICODE

    报错栈: java.sql.SQLException: Invalid number; item = ITEM_UNICODE at com.intersys.jdbc.SysList.getInt( ...

  5. 视频运行库AVICAP32.DLL说明收藏

    视频运行库AVICAP32.DLL说明收藏2008-09-28 09:04 // ----------------------------------------------------------- ...

  6. iOS: 首次使用App时,显示半透明新手指引

    在很多的app,我们都会发现这样一个功能:就是app启动后进入主界面时,会有一个半透明的指引图,它会提示用户如何一步步进行操作,快速的熟悉app的使用规则,极大地方便了用户的使用,也加快了app的推广 ...

  7. iOS:风火轮活动刷新视图控件UIActivityIndicatorView的详细使用

    动态风火轮视图控件:UIActivityIndicatorView   介绍:它是一种类似于风火轮旋转的视图控件,可用作刷新数据时显示加载过程所用,继承自UIView.   类型: typedef N ...

  8. iOS: 偏好设置的详解和使用

    偏好设置的详解: 用途:主要用来存储用户系统的设备信息,但有的时候也可以在程序的任何地方用来存储数据,作为全局数据来访问,例如视图切换需要进行登录时. 偏好设置的写入: •很多iOS应用都支持偏好设置 ...

  9. Mysql命令和mysqldump的一些操作

    mysql -h localhost -P5100 -ua -pb -e 'use xxx; SELECT * FROM `order_info` WHERE pay_time >= 14726 ...

  10. mac下的一些命令

    1.显示隐藏文件 defaults write com.apple.finder AppleShowAllFiles -bool true 2.隐藏隐藏文件 defaults write com.ap ...