Cocostudio学习笔记（2） Button + CheckBox

这篇记录了两个控件的使用流程：Button 和 CheckBox。

----------------------------------------------------------------------------------------------------------------------------

Button

---------------------------------------------------------------------------------------------------------------------------

昨天好不easy让cocostudio排好的图片资源在cocos2dxproject中跑起来了。事实上也就是一个button。
说到button，那我这次就要让button点击后实现相应的功能，如按下去后会发生什么什么。
这个有以下几个步骤：
1、从cocostudio生成的.json文件里提取资源；
2、在提取出来的资源包里找到我们要用的buttonbutton。
3、加入button相应的回调函数

以下就说下怎样实现吧：（友情提示：请完整看完整篇博文在写程序）
1、用这段代码提取资源，这个前面已经有说过了

这里有点要补充的，尽管说C++11后用auto就能够自己主动将UI转成相应的类型。可是我们毕竟都还是菜鸟。能不取巧就不取巧，这里的UI究竟是个什么类型的变量呢？点进去看后才发现是：cocos2d::ui::Widget* 类型的。所以实际上我们的操作应该是：
static Widget* seekWidgetByTag(Widget* root, int tag);//通过tag找到该控件
static Widget* seekWidgetByName(Widget* root, const char* name);//通过名称找到该控件
static Widget* seekActionWidgetByActionTag(Widget* root, int tag);//通过tag找到该动作
上面三行代码的凝视还算清楚，我就不多说了，最后一个是通过tag找到动作，事实上我没怎么理解，等以后试过了再说吧。

3、既然是button，那么肯定会有回调函数，仅仅是Button相应的回调函数可与Menu的不一样咯。
我们都知道Menu相应的会调函数格式是这种：

typedef enum
{
    TOUCH_EVENT_BEGAN,
    TOUCH_EVENT_MOVED,
    TOUCH_EVENT_ENDED,
    TOUCH_EVENT_CANCELED
}TouchEventType;
从枚举能够看出TouchEventType有四种类型。和cocos2dx触摸回调相应的onTouchBegan等非常像啊有木有。
我们临时别管这个TouchEventType。先定义下这个回调函数,例如以下：
void HelloWorld::m_callback(Ref* sender,TouchEventType type)
{
	CCLOG("haah");
}
执行程序。点击button后发现"haah"会跳出两次，多点了几次发现了规律。原来是你刚点下去的那一刻会弹出一条"haah",当你点击结束离开Button也会弹出一条"haah"。这种效果现任不是我们想要的，毕竟一夫一妻制是法定的。因此，TouchEventType最终派上用场。从上面我们已经知道TouchEventType有四种类型。以下我们就用switch case推断它相应的是哪种类型。然后做相应的操作。
void HelloWorld::m_callback(Ref* sender,TouchEventType type)
{
	switch(type)
	{
	case TOUCH_EVENT_BEGAN:
		CCLOG("touch began");
		break;
	case TOUCH_EVENT_ENDED:
		CCLOG("touch ended");
		break;
	}
}
执行看下效果：点击button，然后再放开。分别输出以下两局：
touch began
touch ended

4、最后再提示下，也是最重要的提示，那就是头文件千万别忘了加了。我也不再多说要加啥头文件，总之将以下这堆东西放进去就对了：


奇怪，我这里仅仅是在做笔记。怎么写得风格就跟在写博客似的...


----------------------------------------------------------------------------------------------------------------------------
CheckBox
---------------------------------------------------------------------------------------------------------------------------
接下来看看CheckBox这个控件。
之前在cocos2dx上也有实现过于checkBox相似的功能，只是那是用一个Menu与两张图片来实现的。由此可见我是多么的单纯。


1、创建一个新的cocostudioproject。拉一个CheckBox控件到场景中。改动name 为“CheckBox",最后导出project到cocos2dx项目Resources文件夹下。

2、在cocos2dx中载入cocostudio的.json文件

执行，没有问题。


3、提取layout中的checkBox控件，挪动它的位置（这次我学到经验了。直接到test中看checkBox的API接口）




5、以下自己创建一个checkBox。代码例如以下：

以下看下回调函数：
void HelloWorld::checkBoxCallback(Ref* sender,CheckBoxEventType type)
{
	CCLOG("haha");
}
执行程序后发现，点击checkBox，checkBox从未选中到选中状态时。输入一个"haha"，再点击。checkBox从选中到未选中时又输出一次"haha".
上面属于最普通的測试，以下尝试点高端东西，看看回调函数的第二个參数：CheckBoxEventType type。
先看CheckBoxEventType 都有哪些类型：

typedef enum
{
    CHECKBOX_STATE_EVENT_SELECTED,
    CHECKBOX_STATE_EVENT_UNSELECTED
}CheckBoxEventType;
还好仅仅有两种状态，我深深的松了口气（要不然checkBox还能有几种状态？！
）。
以下用switch case推断当下属于哪种状态，然后做相应的处理：

void HelloWorld::checkBoxCallback(Ref* sender,CheckBoxEventType type)
{
//	CCLOG("haha");
	switch (type)
	{
	case CHECKBOX_STATE_EVENT_SELECTED:
		CCLOG("selected");//选中时响应
		break;
	case CHECKBOX_STATE_EVENT_UNSELECTED:
		CCLOG("unselected");//未选中时响应
		break;
	default:
		break;
	}
}
恩，就是这样子啦。非常easy的说。
睡觉去了。我果然不适合熬夜！

尊重原创。转载请注明来源：http://blog.csdn.net/star530/article/details/37362781