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

在应用的开发中，无论是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!");
}
赞 (0)

相关推荐

  • Cocos2d-x保存用户游戏数据CCUserDefault类使用实例

    Cocos2d-x保存用户游戏数据CCUserDefault类使用实例

    我们可以利用这个类来保存我们的游戏数据,下面的代码是具体的用法. bool HelloWorld::init() { ////////////////////////////// // 1. super init first if ( !CCLayer::init() ) { return false; } bool bvalue = true; int ivalue = 100; float fvalue = 3.14f; double dvalue = 3.1415926; std::str

  • Cocos2d-x 3.x入门教程（一）：基础概念

    Cocos2d-x 3.x入门教程（一）：基础概念

    前言 接触游戏开发时间不长,之前一直都是写Lua,写Lua肯定是没有什么发展的啦,至少你要会写的.写客户端,肯定要看看Cocos2d-x了.从今天起,正式开始Cocos2d-X的学习之旅. 之前一直都是做C++开发的,转过来看Cocos2d-x,从语言上来说,没有多少问题.对于我来说,Cocos2d-x就是一个类库,就类似于MFC.ATL和QT一样,就是一个游戏类库,而我就按照学习类库使用的方法去学习Cocos2d-x.这篇文章叫基础概念,但是还是从整体来说说Cocos2d-x这个类库的. 基础

  • Cocos2d-x Schedule定时器的使用实例

    Cocos2d-x Schedule定时器的使用实例

    schedule可以实现定时器的功能,就是每隔一段时间做什么事情,schedule的调用者是节点,所有的节点都可以调用schedule函数,参数需要传入一个函数(schedule_selector一个新的选择器),在函数中可以完成碰撞检测等功能.下面就具体来看看这个函数的用法吧. bool HelloWorld::init() { bool bRet = false; do { CC_BREAK_IF(! CCLayer::init()); //schedule传入一个参数的时候每一帧都会调用s

  • Cocos2d-x中使用CCScrollView来实现关卡选择实例

    Cocos2d-x中使用CCScrollView来实现关卡选择实例

    类似关卡选择的这种功能游戏中经常看到,比如帮助场景,选择关卡,通过滑动的方式选择一些其他的东西等等.今天我们实现关卡的选择是使用CCScrollView这个类.当然还有一些其他的方法,比如使用cocostudio的page view也可以.我先说下整体的思路,CCScrollView这个类是继承自CCLayer的,本身的触摸事件有些bug,所以网上一般将这个层的touch事件处理为false,而使用它的父节点来处理触摸事件,我们也是采用这个做法.先定义一个LevelScene类,将CCScrol

  • Cocos2d-x中调用Lua及HelloWorld.lua源码分解

    Cocos2d-x中调用Lua及HelloWorld.lua源码分解

    Lua脚本,以前我不知道它有多强大,但是当我做了1年的手机网游之后,起码我发现了,更新客户端是一件很恐怖的事情(会导致大量玩家的流失,以及有一个漫长并且惊心动魄的审核过程),太扯了.于是,如果可以只更新脚本,那就不需要玩家重新下载客户端了,直接在线更新,嗯嗯,虽然我发现了这个,但是还没有实现.噗,代码写烂了,不好改.   所以啊,我已经做好准备了,如果下次用cocos2d-x开发,lua不可少啊~!   看看官方的例子吧,先来AppDelegate.cpp的applicationDidFinis

  • Cocos2d-x触摸事件实例

    Cocos2d-x触摸事件实例

    在玩手机游戏的时候,屏幕接收我们的触摸消息是必不可少的,根据我们的触摸事件,去实现相应的功能,这里我们就来学习一下cocos2d-x中的触摸是怎么实现的.触摸分为单点触摸和多点触摸,先来看单点触摸,就是接收一个点的触摸.代码将实现过程清楚的写了下来,仔细分析代码吧. bool HelloWorld::init() { bool bRet = false; do { CC_BREAK_IF(! CCLayer::init()); //开启触摸 this->setTouchEnabled(true)

  • Cocos2d-x中实现弹出对话框示例

    Cocos2d-x中实现弹出对话框示例

    在游戏中我们经常会看到弹出一个对话框让我们进行选择,今天我们就在cocos2dx中实现这个对话框.对话框说白了也是一个层,当我们点击某一个按钮的时候这个层被加进了当前的场景中,同时场景中的其他的层都是不可点击的,这个时候就涉及到触摸的优先级的一些问题,当然有些时候你也可以根据自己的需要让其他的层也可以点击,但是道理都是一样的,学会了这个其他的按照自己的要求去实现吧.下面我将弹出层单独分装成一个类,供我们调用. /*对话框场景类的头文件*/ #ifndef _POP_SCENE_H_ #defin

  • Cocos2d-x保存用户游戏数据之XML文件是否存在问题判断方法

    之前有写过一篇博客介绍了游戏数据保存类CCUserDefault,主要介绍了几个函数的使用,很是简单,不了解的先看这篇文章.但是在实际做项目的时候发现如何判断XML文件存在是个问题,试想一下用户结束了游戏以后想打开APP继续玩,却发现还得重头玩起,是不是会很失望啊,所以我们必须把用户的数据保存起来,比如最高分.声音的设置什么的.在这个过程中如何判断XML文件就是一个问题,进过我的调试发现使用引擎提供的那个函数不能解决问题,现在采用如下的方法,大家看代码吧. //数据保存类的头文件 #ifndef

  • cocos2dx骨骼动画Armature源码剖析(一)

    cocos2dx骨骼动画Armature源码剖析(一)

    cocos2dx从编辑器(cocostudio或flash插件dragonBones)得到xml或json数据,调用类似如下所示代码就可以展示出动画效果 ArmatureDataManager::getInstance()->addArmatureFileInfoAsync( "armature/Dragon.png", "armature/Dragon.plist", "armature/Dragon.xml", this, schedu

  • Cocos2d-x UI开发之CCControlButton控件类实例

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

    在应用的开发中,无论是Android操作系统还是iOS操作系统,其开发框架都提供了控件,包括按键.拖动滑块等,这样提高了开发效率.对于游戏的开发,UI的开发同样需要控件来提高开发效率.对Cocos2D-x来说,从2.0版本开始提供了很多控件类来帮助我们更好地开发UI. 在HelloWorld.h中加入如下俩句代码 //需要包含如下的头文件和命名空间的申明 #include "cocos-ext.h" using namespace cocos2d::extension; 同时加入but

  • Cocos2d-x UI开发之CCControlSwitch控件类使用实例

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

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

  • Cocos2d-x UI开发之CCControlColourPicker控件类使用实例

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

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

  • Cocos2d-x UI开发之CCControlPotentiometer控件类使用实例

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

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

  • Cocos2d-x UI开发之CCControlSlider控件类使用实例

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

  • 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

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

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

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

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

    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应用开发之spinner控件的简单使用

    android应用开发之spinner控件的简单使用

    Android的控件有很多种,其中就有一个Spinner的控件,这个控件其实就是一个下拉显示列表.Spinner是位于 android.widget包下的,每次只显示用户选中的元素,当用户再次点击时,会弹出选择列表供用户选择,而选择列表中的元素同样来自适配器.Spinner是View类的一个子类. 先看spinner的效果图: 代码: MainActivity package com.mecury.spinnertest; import java.util.ArrayList; import a

  • Android编程开发之TextView控件用法(2种方法)

    Android编程开发之TextView控件用法(2种方法)

    本文实例讲述了Android编程开发之TextView控件用法.分享给大家供大家参考,具体如下: 这里我们会讲讲常用控件的使用. 在今后的大多数章节里面也是一样的,我们会具体的说说某些控件的用法.因为只要把这些控件组合在一起它们就是一个应用了. 好吧我们直接看看这个控件怎么用. 细心的同学会发现,其实这个控件的内容是定义在values文件夹里面的strings.xml中的. 那么我们只需要给它加一段代码: 复制代码 代码如下: <string name="test">Wel

随机推荐