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

原创 2014年05月07日 09:54:17

 

这篇的内容很简单,获取UI控件,然后使用它。

 

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

现在要用上了。

 

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

转载请注明,原文地址: 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.  
  6.     /* 获取按钮对象 */
  7.     Button* rightBtn = (Button*)Helper::seekWidgetByName(UI, "rightBtn");
  8.     Button* quickMoveBtn = (Button*)Helper::seekWidgetByName(UI, "quickMoveBtn");
  9.     Button* leftBtn = (Button*)Helper::seekWidgetByName(UI, "leftBtn");
  10. }

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

 

很简单,不多解释喇~

 

添加按钮回调事件

OK,最后一步了,现在按钮摆在那里什么都做不了,我们给按钮添加回调事件~

 

先给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.  
  6.     /* 获取按钮对象 */
  7.     Button* rightBtn = (Button*)Helper::seekWidgetByName(UI, "rightBtn");
  8.     Button* quickMoveBtn = (Button*)Helper::seekWidgetByName(UI, "quickMoveBtn");
  9.     Button* leftBtn = (Button*)Helper::seekWidgetByName(UI, "leftBtn");
  10.  
  11.     /* 添加按钮回调事件 */
  12.     leftBtn->addTouchEventListener(this, toucheventselector(TollgateScene::moveToLeft));
  13.     rightBtn->addTouchEventListener(this, toucheventselector(TollgateScene::moveToRight));
  14.     quickMoveBtn->addTouchEventListener(this, toucheventselector(TollgateScene::quickMove));
  15. }

 

利用addTouchEventListener函数就可以绑定按钮的回调事件了~

 

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

  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. }
  11.  
  12. void TollgateScene::moveToRight(Ref* sender, TouchEventType type)
  13. {
  14.     switch (type)
  15.     {
  16.     case TOUCH_EVENT_ENDED:
  17.         m_player->moveToRight();
  18.         break;
  19.  
  20.     }
  21. }
  22.  
  23. void TollgateScene::quickMove(Ref* sender, TouchEventType type)
  24. {
  25.     switch (type)
  26.     {
  27.     case TOUCH_EVENT_ENDED:
  28.         m_player->quickMove();
  29.         break;
  30.  
  31.     }
  32. }

是不是感觉有点小复杂?

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

如果大家觉得麻烦,可以自己改源码,添加一些函数,在绑定按钮事件的时候,可以指定绑定哪种事件。以及可以使用std::function来作为参数,这样很方便,当然,跑题了。为了避免大家混乱,这里就不介绍了。

 

运行测试

OK,现在大家运行游戏,然后点击这三个操作按钮,看看主角是不是能左右移动以及放屁(向下冲)吧~

 

 

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

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

惩罚的方式就是加血~

 

 

版权声明:本文为博主原创文章,未经博主允许不得转载。

Cocos2d-x3.0游戏实例之《别救我》第十篇(完结)——用Json配置各类型怪物数据

现在我们有2种类型的怪物,而且创建的时候是写死在代码里的,这是要作死的节奏~ 所以,必须可配置,不然会累死人的。 Json文件 什么是Json文件?说白了,它就是一个文本文档,只不过它的内容是...
  • musicvs
  • musicvs
  • 2014年05月09日 09:57
  • 7860

cocos2d-x 是男人就下100层 附源码

1.效果图:    玩法: 一个不断下降的小人,点击屏幕的left或者right控制小人的移动方向,尽可能生存久些. 为什么要搞这个游戏呢?因为在2012年的8月份,我完成它的android版...

Cocos2d-x3.0游戏实例之《别救我》第五篇——使用Cocostudio UI编辑器创建操作界面

这一篇内容其实很简单,已经对Cocostudio比较熟悉的朋友就可以随便扫一下了~(小若:熟悉Cocostudio的人谁还有空看你的基础教程呢)     笨木头花心贡献,啥?花心...

Cocos2d-x3.0游戏实例之《别救我》第三篇——循环滚动背景

好,这篇我们来讲解无限循环滚动背景,这个知识已经被讲到烂了,我以前的文章也介绍过,所以就不那么详细地说明了。   笨木头花心贡献,啥?花心?不呢,是用心~ 为什么是循环滚动背景? 用循环滚动背景,...
  • musicvs
  • musicvs
  • 2014年05月04日 17:33
  • 12014

Cocos2d-x3.0游戏实例之《别救我》第四篇——乱入的主角

好了,前面说了那么多废话,终于要进入正题了(等等,敢情前面你都是在耍我们么?) 笨木头花心贡献,啥?花心?不呢,是用心~ 转载请注明,原文地址: http://www.benmutou.com/bl...
  • musicvs
  • musicvs
  • 2014年05月05日 09:02
  • 9882

Cocos2d-x3.0游戏实例之《别救我》第一篇——前言

通过这个游戏实例,可爱的你(小若:那不可爱的人呢?),可以学到以下知识点: 1. Cocos2d-x3.0物理引擎的简单使用 2. 读取Json文件作为怪物和物品配置 3. 利用Tiled地图实...
  • musicvs
  • musicvs
  • 2014年05月03日 17:52
  • 12283

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

好吧,我真心完全搞不懂,我现在只不过是写了3个类而已,怎么就已经到第八篇了?我感觉我说话已经够简单明了毫不唠叨了,真是奇怪。(小若:我噗,噗噗!) 好吧,既然现在主角已经能出现并且进行操作了,...
  • musicvs
  • musicvs
  • 2014年05月09日 09:51
  • 12038

Cocos2d-x3.0游戏实例之《别救我》第二篇——创建物理世界

这篇我要给大家介绍两个知识点: 1. 创建游戏物理世界 2. 没了(小若:我噗)   害怕了?不用担心,这太简单了~!    3.0新亮点,史上最简单的物理引擎 在Cocos2d-x3.0里使用物理...
  • musicvs
  • musicvs
  • 2014年05月03日 20:06
  • 13040

Cocos2d-x3.0游戏实例《别救我》目录导航(共10篇,已完结)

这个5.1假期还真不错,有个小惊喜,那就是,我某个游戏今天的下载量爆表了,突破历史最高点~! 于是,我决定写一个新的游戏实例教程,以示庆祝~   啊才怪啊~!这教程5.1之前就在写了,我还因此暂停了差...
  • musicvs
  • musicvs
  • 2014年05月03日 17:40
  • 12212

Cocos2d-x3.0游戏实例《别救我》源码

  • 2014年05月09日 23:19
  • 30.99MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Cocos2d-x3.0游戏实例之《别救我》第六篇——从代码中获取UI控件
举报原因:
原因补充:

(最多只允许输入30个字)