枫叶天空Cocos2d-x3.0系列教程三 ui教程1 基础组件

最新推荐文章于 2022-02-09 21:34:11 发布

原创

最新推荐文章于 2022-02-09 21:34:11 发布 · 3.2k 阅读

0 ·

CC 4.0 BY-SA版权

这篇教程详细介绍了在Cocos2d-x3.0中配置GUI组件的步骤，包括添加libExtensions和libGUI项目、配置项目引用、C++附加目录和链接器设置。此外，还讲解了基础组件的使用，如按钮、复选框、进度条、图片和滑块，以及如何管理这些组件。文本组件包括基本文本、TTF文本和BMF文本，其中推荐使用BMFont来创建标签。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

众所周知，ui组件是所有游戏当中最为重要的组成部分，任何游戏都少不了游戏组件。下面我们就来讲讲cocos当中的组件。

由于组件的内容较多，特此分为四节课程来进行详细的讲解，主要内容如下：

1、基础组件

2、容器布局组件

3、自定义组件

4、使用CocoStudio的UI编辑器进行组件的制作

下面开始第一节课的内容

本节的内容主要包括以下几个方面：

1、使用配置

2、基础组件

3、文本组件

使用配置

在使用GUI组件前，需要对vs2013进行配置。话说这个配置真的是搞死我了，足足弄了四个小时才成功运行，具体该配置哪些东西及其有效性我现在已经无从得知，仅能放出我的配置结果，以供诸位参考：

1、首先将libExtensions及libGUI添加到项目中，方法就是在vs2013的菜单栏中，选择“文件”->"添加"->"现有项目"，然后分别在“F:\TestGame\cocos2d\cocos\gui\proj.win32”目录中打开gui的项目，在“F:\TestGame\cocos2d\extensions\proj.win32”打开libExtensions项目

2、配置项目引用，方法是右键TestGame，选择“属性”，然后选择“通用属性”中的引用，将右侧列表中的五项全部添加到项目中，如图：

2、C++附加目录设置，方法是右键TestGame，选择“属性”，然后选择“配置属性”->"C/C++"，再选择右侧的“附加包含目录”，具体内容如图示：

3、配置链接器，方法是右键TestGame，选择“属性”，然后选择“配置属性”->"链接器"->"常规"，再选择右侧的“附加包含目录”，具体内容如图示：

4、再选择“链接器”中的“输入”，然后在右侧选择“附加依赖项”，手动输入图内引用库即可，内容如图：

好了，以上就是我这边的配置，郁闷了四个小时后，终于能运行起来了。上面可能存在一些没用的配置，各位酌情选择吧。

基础组件

在进入正式的组件讲解之前，我们还是先来做一下准备工作，我们建立一个SimpleGUIManager类，来进行对基础组件的管理，头文件代码如下：

#include "cocos2d.h"
//注意此处的导包及下面的命名空间使用
#include "CocosGUI.h"

USING_NS_CC;
using namespace gui;

class SimpleGUIManager :public cocos2d::Sprite{
public:
	//调用宏CREATE_FUNC，使系统自动的为SimpleGUIManager类创建一个create方法
	CREATE_FUNC(SimpleGUIManager);
	//测试GUI组件
	void testGUI();
private:
	//测试按钮组件
	void testButton();
	//测试复选按钮
	void testCheckBox();
	//测试图片组件
	void testImageView();
	//测试加载条
	void testLoadingBar();
	//测试滑块
	void testSlider();


////////////////////////////  各组件事件方法定义  ////////////////////////////////////////////
	//鼠标事件
	void touchEvent(Object* object, TouchEventType type);
	//复选框选中事件
	void selectedEvent(Object* pSender, CheckBoxEventType type);
	//滑块进度变更事件
	void sliderChangeEvent(Object *pSender, SliderEventType type);
};

然后我们修改一下GameScene.app文件，使其调用我们的组件测试，代码修改部分如下：

#include "GameScene.h"
#include "SimpleGUIManager.h"


//使用cocos2d-x的命名空间
USING_NS_CC;
bool GameScene::init(){
    //调用父类的初始化方法
    if (!Scene::init()){
        retur