实习小白：：(转) Cocos2d-x 3.0开发（五）关联程序逻辑与cocoStudio导出文件

1、概述

    上篇说到将CocoStudio的导出文件在程序中运行出来，但是并没有用户交互，即点击响应，程序的逻辑判断也都没有。这篇中我们把它们加进去，这样就可以算一个完整的程序了。先上个图：

  

    运行后，点击开始，进度条，数字增加，通过slider可以调整进度条增长的速度。

 

2、界面编辑

    大部分界面编辑都在CocoStudio中完成，怎么编辑可以参照： 

Cocos2d-x 3.0 开发（四）使用CocoStudio创建UI并载入到程序中 

。

    现在我们要做的工作是将所需要交互控件的Tag记下来，这样我们可以通过Tag找到这个控件。


    将Tag整理后我将其记录到一个.h文件中这样在工程中就可以使用了：

 

[cpp] view plaincopyprint?在CODE上查看代码片派生到我的代码片
  1. const int UI_BUTTON_CLEAR = 8;  
  2. const int UI_BUTTON_START = 9;  
  3. const int UI_SLIDER_SPEED = 10;  
  4. const int UI_LOADINGBAR_LOADING = 3;  
  5. const int UI_LABELATLAS_LIFENUM = 7;  

 

    由于此处tag是CocoStudio自己生成的，所以跟大家自己可能不一样，要根据自己的进行更改。

    记录好之后导出文件到我们的工程中。

 

3、程序关联

    关联的核心在于设置响应函数、读取与改变控件状态。

    首先，我在init中将Layout读入，存储为类的成员变量m_layout。不太会弄的同学可参考上一篇博客。

 

1、响应函数的设置

     按钮是要有响应函数的，由于它是UIWidget的一个子类，所以采用的是TouchEvent的回调方式，看不太明白的同学可以参考： 

Cocos2d-x 3.0开发（三）点击交互的四种处理

。

 

[cpp] view plaincopyprint?在CODE上查看代码片派生到我的代码片
  1. //定义  
  2. void touchButton(Object* obj,cocos2d::extension::TouchEventType eventType);  
  3.   
  4. //挂载  
  5. UIButton* startBtn = dynamic_cast<UIButton*>(m_layout->getChildByTag(UI_BUTTON_START));  
  6. startBtn->addTouchEventListener(this,toucheventselector(HelloWorld::touchButton));  
  7.   
  8. UIButton* pauseBtn = dynamic_cast<UIButton*>(m_layout->getChildByTag(UI_BUTTON_CLEAR));  
  9. pauseBtn->addTouchEventListener(this,toucheventselector(HelloWorld::touchButton));  
  10.   
  11. //实现  
  12. void HelloWorld::touchButton(Object* obj,TouchEventType eventType)  
  13. {  
  14.     auto button = dynamic_cast<UIButton*>(obj);  
  15.     int tag = button->getTag();  
  16.     switch(eventType)  
  17.     {  
  18.     case TouchEventType::TOUCH_EVENT_ENDED:  
  19.         if(tag == UI_BUTTON_START)  
  20.         {  
  21.             changeRunning();  
  22.         }  
  23.         else  
  24.         {  
  25.             clearRunning();  
  26.         }  
  27.     }  
  28. }  

 

    值得注意的是这个场景中有两个按钮，我们可以采用Tag来进行区分。

 

2、控件的读取与更改

    对于进度条和数字，我们需要做的是读取它的状态，并对它进行改变。在这个例子中我们需要在schedule的回调函数中做。Schedule的相关知识比较简单，此处不做讨论，有兴趣的同学可查阅其他资料。

 

[cpp] view plaincopyprint?在CODE上查看代码片派生到我的代码片
  1. void HelloWorld::runningSchedule(float dt)  
  2. {  
  3.     int speed = dynamic_cast<UISlider*>(m_layout->getChildByTag(UI_SLIDER_SPEED))->getPercent();  
  4.     auto loadingBar = dynamic_cast<UILoadingBar*>(m_layout->getChildByTag(UI_LOADINGBAR_LOADING));  
  5.     int prc = loadingBar->getPercent() + speed / 15;  
  6.     if(prc > 100)  
  7.     {  
  8.         prc = 1;  
  9.     }  
  10.     loadingBar->setPercent(prc);  
  11.       
  12.     auto numLabel = dynamic_cast<UILabelAtlas*>(m_layout->getChildByTag(UI_LABELATLAS_LIFENUM));  
  13.     int num = atoi(numLabel->getStringValue());  
  14.     num++;  
  15.     char buff[100];  
  16.     sprintf_s(buff,"%d",num);  
  17.     numLabel->setStringValue(buff);  
  18.   
  19. }  
  20.   
  21.   
  22. void HelloWorld::clearRunning()  
  23. {  
  24.     if(m_isRunning)  
  25.     {  
  26.         changeRunning();  
  27.     }  
  28.   
  29.     dynamic_cast<UILabelAtlas*>(m_layout->getChildByTag(UI_LABELATLAS_LIFENUM))->setStringValue("1");  
  30.     dynamic_cast<UILoadingBar*>(m_layout->getChildByTag(UI_LOADINGBAR_LOADING))->setPercent(1);  
  31.     dynamic_cast<UISlider*>(m_layout->getChildByTag(UI_SLIDER_SPEED))->setPercent(1);  
  32. }  
  33. void HelloWorld::changeRunning()  
  34. {  
  35.     if(m_isRunning)  
  36.     {  
  37.         //pause  
  38.         this->unschedule(schedule_selector(HelloWorld::runningSchedule));  
  39.         m_isRunning = false;  
  40.         UIButton* button = dynamic_cast<UIButton*>(m_layout->getChildByTag(UI_BUTTON_START));  
  41.         button->setTitleText("运行");  
  42.     }  
  43.     else  
  44.     {  
  45.         //start  
  46.         this->schedule(schedule_selector(HelloWorld::runningSchedule));  
  47.         m_isRunning = true;  
  48.         UIButton* button = dynamic_cast<UIButton*>(m_layout->getChildByTag(UI_BUTTON_START));  
  49.         button->setTitleText("暂停");  
  50.     }  
  51. }  

 

    编译运行，即可看到效果啦。

4、总结

     通过建立一个Tag的索引表来找到UI中的控件资源，然后取到对其进行操作。这其中可能会有的问题是，如果多个UI控件被加载Tag可能会重复，大家要注意这点。希望cocoStudio在未来的版本中能够将Tag索引表导出成资源的.h文件。

 

    Demo下载：http://download.csdn.net/detail/fansongy/6410109 

 

    本篇博客出自阿修罗道，转载请注明出处，禁止用于商业用途：http://blog.csdn.net/fansongy/article/details/12795299 

posted @ 2015-11-21 14:30  silent-bobo  阅读(191)  评论(0)  编辑  收藏  举报