Cocos2d-x UI开发之CCControlButton控件类实例_C 语言

在应用的开发中,无论是Android操作系统还是iOS操作系统,其开发框架都提供了控件,包括按键、拖动滑块等,这样提高了开发效率。对于游戏的开发,UI的开发同样需要控件来提高开发效率。对Cocos2D-x来说,从2.0版本开始提供了很多控件类来帮助我们更好地开发UI。

在HelloWorld.h中加入如下俩句代码

//需要包含如下的头文件和命名空间的申明
#include "cocos-ext.h"
using namespace cocos2d::extension;

同时加入button事件响应的函数

void touchDown(CCObject * pSender,CCControlEvent evt);

以下是HelloWorld.cpp中的init函数

//在附加包含目录中新增一项E:\cocos2d-x-2.2\cocos2d-x-2.2\extensions
//在配置属性->连接器->输入的附加依赖项中添加libExtensions.lib
//经过上述步骤才可以使用控件类
bool HelloWorld::init()
{
  bool bRet = false;
  do
  {

    CC_BREAK_IF(! CCLayer::init());

		//创建文本类,是显示在button中的文本
		CCLabelTTF * title = CCLabelTTF::create("music","Arial",32);
		//可以设置一下title的颜色
		title->setColor(ccc3(255,0,0));

		//创建一张九妹图片(一张支持拉伸的图片,拉伸可以避免图片失真,可以节省空间)
		//按钮处于正常状态下的图片
		CCScale9Sprite * buttonNormal = CCScale9Sprite::create("buttonBackground.png");

		//控件类CCControlButton,第一个参数就是按钮显示的文本,第二个参数就是按钮正常状态下的图片
		//button的大小和title的大小是相同的,这就是为什么选九妹图片的原因了,会随着title的大小自动拉伸
		CCControlButton * button = CCControlButton::create(title,buttonNormal);

		//创建一张按钮按下的背景图片
		CCScale9Sprite * spriteSelected = CCScale9Sprite::create("buttonHighlighted.png");
		//设置button按下时的背景图片,第二个参数是一个宏,f12查看其他的宏
		button->setBackgroundSpriteForState(spriteSelected,CCControlStateSelected);

		//修改title的颜色
		button->setTitleColorForState(ccc3(0,255,255), CCControlStateHighlighted);

		button->setPosition(ccp(240,160));
		this->addChild(button);

		//为按钮添加事件
		button->addTargetWithActionForControlEvents(this,cccontrol_selector(HelloWorld::touchDown),
			CCControlEventTouchDown);

    bRet = true;
  } while (0);

  return bRet;
}

关于事件响应函数的实现

void HelloWorld::touchDown(CCObject * pSender,CCControlEvent evt)
{
  CCLog("touch down!");
}

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索cocos2d-x
, 控件类
CCControlButton
cocos.js ccui.button、cccontrolbutton、cocos2dx button、cocos button、cocos creator button,以便于您获取更多的相关知识。

时间: 2024-11-01 13:12:45

Cocos2d-x UI开发之CCControlButton控件类实例_C 语言的相关文章

Cocos2d-x UI开发之CCControlPotentiometer控件类使用实例_C 语言

 CCControlPotentiometer是电位计按钮,和CCControlSlider的用法很相似.关于控件使用时的一些配置,请参见文章:UI开发之控件类-CCControlButton. bool HelloWorld::init() { bool bRet = false; do { CC_BREAK_IF(!CCLayer::init()); //CCControlPotentiometer参数是底座,进度条,控制按钮图片资源 CCControlPotentiometer * pot

Cocos2d-x UI开发之CCControlSwitch控件类使用实例_C 语言

CCControlSwitch是开关按钮,关于控件使用时的一些配置,请参见文章:UI开发之控件类-CCControlButton.以下的演示中出现的key和value代表什么意思,知道的人说一声. bool HelloWorld::init() { bool bRet = false; do { CC_BREAK_IF(! CCLayer::init()); //参数就不说了,看一下你的资源文件就明白了 CCControlSwitch * controlSwitch = CCControlSwi

Cocos2d-x UI开发之CCControlSlider控件类使用实例_C 语言

关于控件使用时的一些配置,请参见文章:UI开发之控件类-CCControlButton.这里只写出源代码,里边的注释对控件的用法有详细的介绍. bool HelloWorld::init() { bool bRet = false; do { CC_BREAK_IF(! CCLayer::init()); //设置一个显示字符串的label CCLabelTTF * title = CCLabelTTF::create("slider value = 0.00","Arial

Cocos2d-x UI开发之CCControlColourPicker控件类使用实例_C 语言

CCControlColourPicker实现颜色拾取器的功能.关于控件使用时的一些配置,请参见文章:UI开发之控件类-CCControlButton.下边来看源代码. bool HelloWorld::init() { bool bRet = false; do { CC_BREAK_IF(! CCLayer::init()); //设置一个显示字符串的label CCLabelTTF * title = CCLabelTTF::create("#128128128","A

Android编程开发之Spinner控件用法实例分析_Android

本文实例讲述了Android编程开发之Spinner控件用法.分享给大家供大家参考,具体如下: 下拉列表 Spinner,Spinner是一个每次只能选择所有项的一个项的控件.它的项来自于与之相关联的适配器中. Spinner的使用,可以极大提高用户的体验性.当需要用户选择的时候,可以提供一个下拉列表将所有可选的项列出来.供用户选择. 一.使用数组作为数据源 布局文件: <RelativeLayout xmlns:android="http://schemas.android.com/ap

Android开发之TimePicker控件用法实例详解_Android

本文实例分析了Android开发之TimePicker控件用法.分享给大家供大家参考,具体如下: 新建项目: New Android Project-> Project name:HelloSpinner Build Target:Android 2.2 Application name:HelloSpinner Package name:com.b510 Create Activity:MainActivity Min SDK Version:9 Finish 运行效果: 如果: return

Android编程开发之Spinner控件用法实例分析

本文实例讲述了Android编程开发之Spinner控件用法.分享给大家供大家参考,具体如下: 下拉列表 Spinner,Spinner是一个每次只能选择所有项的一个项的控件.它的项来自于与之相关联的适配器中. Spinner的使用,可以极大提高用户的体验性.当需要用户选择的时候,可以提供一个下拉列表将所有可选的项列出来.供用户选择. 一.使用数组作为数据源 布局文件: <RelativeLayout xmlns:android="http://schemas.android.com/ap

Android开发之TimePicker控件用法实例详解

本文实例分析了Android开发之TimePicker控件用法.分享给大家供大家参考,具体如下: 新建项目: New Android Project-> Project name:HelloSpinner Build Target:Android 2.2 Application name:HelloSpinner Package name:com.b510 Create Activity:MainActivity Min SDK Version:9 Finish 运行效果: 如果: return

Android开发之TextView控件用法实例总结

本文实例总结了Android开发之TextView控件用法.分享给大家供大家参考,具体如下: TextView控件可以向用户展现文本信息,我们可以设置该文本信息是否能编辑 1.TextView基本使用 在程序中创建TextView对象 在xml文件中布局使用 2.New Android Project-> Project name:TextView Build Target:Android 2.2 Application name:TextViewDemo Package name:com.b5