CocoStudio UI编辑器基础

最新推荐文章于 2024-11-26 11:07:42 发布
最新推荐文章于 2024-11-26 11:07:42 发布
阅读量1.4k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： CocoStudio 文章标签： CocoStudio cocos2dx ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/iuncle/article/details/25038611
本文介绍如何从创建项目开始，逐步集成Cocos2d-x资源，并将其嵌入到现有C++项目中。包括新建项目、添加图片与自定义字体、设置按钮交互、实现滚动效果等步骤。

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

1.文件 -> 新建项目


2.把图片控件拖入画布，并在资源文件添加图片，然后将添加的图片拖到图片控件的文件属性中


3.拖一个按钮到画布，将按钮属性的交互勾选上


4.添加自定义字体控件，可以同2中的图片一样增加自定义字体fnt文件


5.添加滚动层控件，并在对象结构中将按钮设置为他的子对象


6.文件 -> 导出项目 -> 确定

7.将导出项目文件拷贝至Cocos2dx项目的Resources目录中

8.在HelloWorldScene.h文件引入扩展类头文件 cocos-ext.h，使用命名空间 USING_NS_CC_EXT


9.在HelloWorldScene.cpp文件中添加如下代码,回调函数的定义为
void testCallback(CCObject* pSender, TouchEventType type);


10.运行效果

cocoStudio工具的使用-----UI编辑器
破茧
07-07 5115
～～～～我的生活，我的点点滴滴！！ 拖了好久才又开始写出这篇文章，
cocoStudio UI编辑器设置自定义字体
X_To_Y的博客
04-14 849
cocoStudio UI编辑器设置自定义字体；BMFONT导出fnt文件；cocoStudio 导入fnt文件时闪退原因。
cocoStudio UI编辑器 学习总结
dianxixian1343的博客
12-03 261
一、控件 控件基类 UIWidget：所有UI控件的基类 addChild：添加UIWidget类型的节点 addRenderer：添加CCNode类型的节点 所有UIWidget，都可以设置成触摸setTouchEnable(true) setTouchEnable(true) addTouchEventListener(CCObject* tar...
CocoStudio 《UI编辑器》 教程(转)
kety2001的专栏
04-17 3824
转自: CocoStudio 《UI编辑器》 教程 http://bbs.cocostudio.org/forum.php?mod=viewthread&tid=153&fromuid=214 UI编辑器 视频地址： http://v.youku.com/v_show/id_XNTQzNjI4OTU2.html 大家好，非常感谢大家的支持，好啦
[cocos2dx笔记011]使用Cocostudio UI编辑器
过客2019
07-19 3735
本文地址：http://www.cppblog.com/zdhsoft/archive/2014/07/19/207715.html cocos2dx不仅是有框架，还提供了一个编辑器，可以对动画、UI、骨骼动画和场景编辑的功能。 使用这些工具，大大缩短了用cocos2dx开发周期。但总的来说，操作并不是很方便，但是有总比没有强！ 下载地址：http://cn.cocos2d-x.or
如何使用 CocoStudio UI 编辑器实现
郝辰涛的专栏
05-07 1213
Table of Contents 1 游戏中必不可少的 UI 元素 2 使用 CocoStudio UI 编辑器设计配置界面       2.1 首先建立主配置界面：       2.2 其次我们需要一个 “修改密码” 的二级 UI 界面： 3 编写代码控制页面逻辑   1游戏中必不可少的 UI 元素     一个成功的游戏离不
cocos2d-x UI控件 以及 cocostudio UI编辑器 注意细节
gt154的专栏
02-28 2780
完成第一个小游戏MoonWarrior之后，就开始和UI撕扯不清了，最近一直让做UI界面，这个做完做那个，实现也没什么难度，但就是耗时间，而且windows平台下开发，cocostudio UI编辑器被各种吐槽，但也没办法，吐槽过后还是得继续使用，各种大神都是在Mac平台下开发的，我也想试试呢，虽然换个平台我就是个连工具都不会用的超级菜鸟了... 下面我就说点这段时间碰到的一些问题吧 1.co
cocos2dx3.0 读取cocostudio UI控件
10-23
CocosStudio是Cocos2d-x提供的一款可视化编辑工具，允许开发者设计UI界面和制作动画，而无需编写大量的代码。 在Cocos2d-x 3.0中读取CocosStudio创建的UI控件是开发过程中常见的需求。这通常涉及到以下几个关键知识...
cocos2d-x3.1 Cocostudio 场景编辑器
09-15
《cocos2d-x3.1与Cocostudio场景编辑器详解》 在游戏开发领域，cocos2d-x3.1是一个广泛使用的2D游戏引擎，它为开发者提供了强大的功能，支持跨平台的游戏开发。Cocostudio是cocos2d-x生态系统中的一个重要组成部分...
CocoStudio UI 编辑器的使用
linuxheik的专栏
06-16 1237
CocoStudio UI 编辑器的使用 详细教程：http://www.cocoachina.com/bbs/read.php?tid=161567   Table of Contents 1 游戏中的 UI 1.1 基于 Cocos2d-x 的 UI 使用现状分析1.2 如何在游戏中使用 CocoStudio UI 框架1.3 Coco
CocoStudio(cocos2dx编辑器，集合动作，UI，等）
04-16
About CocoStudio is a game development tool kit based on Cocos2d-x. It breaks down tasks in game development into different roles, it includes: UI editor for UI graphic artists, Animation editor for graphic artists, Number cruncher for game data designers, Scene editor for game designers CocoStudio forms a complete game development solution. The UI editor The UI was designed to serve its only purpose: create UI for games. Its simple and intuitive interface allows graphic artists to focus on their expertise, without worrying about other aspects such as programming. Currently the UI editor has 12 different UI elements ready to be used in games, new UI elements will be added with each and every release of CocoStudio, Other key features that the UI editor supports are: Texture packaging - Automatically packs individual texture files into a single large sprite, which further saves memory and improves game performance. Multi-resolution adaption - Automatically adapts to multiple resolution sizes with relative UI positioning. Templating - Reuse the same UI layout across different games, swap out texture resources to give it a new look. The Animation editor The Animation editor was designed to feel like Adobe Flash, which makes graphic artists feel right at home. The Animation editor brings skeletal animation to Cocos2d-x. What advantage does skeletal animation holds against the traditional frame animation? Lower memory consumption - An animation with the traditional frame based solution could use dozens of individual textures, but with skeletal animation, only 1 set of body parts is required to make infinite number of different animations. Smaller file size - due to less number of assets. Animation blending - you can combine animations together to easily make new animation, for example, you could blend attacking animation with walk animation to create "attacking while walking animation". Animation reuse - you can share skeletal animations with another character with the same skeleton setup. Smooth interpolation - traditional frame based animation is very choppy especially in slow motion. Skeletal animation interpolates between 2 sets of key frames, so animation is always played at the same frame rate as the game. However Skeletal animation cannot replace the traditional frame based animation, for example, it cannot make isometric character, it cannot make explosion, that is why we did not forget frame based animation, we even made it better and simpler. You only have to drag and drop frame sequences to the work space, and the animation editor will automatically creates the frame animation for you. Other highlight of Animation editor includes: WYSIWYG collision box editing - editing collision box in wysiwyg way has never being easier and accurate. Reference point - enables characters to wield swords, mount horses, and attaching other objects easily. Texture packing - Automatically packs individual texture files into a single large sprite, which further saves memory and improves game performance. The Data Cruncher The data Cruncher imports excel tables and converts the data into a format readable by cocos2d-x, which can also be used as a component for the Scene editor. The Scene editor The scene editor pieces all the assets made by the UI editor, Animation editor, and the Data Cruncher into a game scene, it can then simulate the game inside the editor. The scene editor also supports many assets made from third party editors such as particle designer, tiled etc. The scene editor relies on the CocosStudio Framework. CocoStudio Framework CocoStudio Framework is an open source higher level framework on top of Cocos2d-x, it employes entity and component system, it is used to read the data saved from the scene editor. The Scene editor saves data in a MVC like fashion, it includes all entities and events used in the current scene, and exports to corresponding code template for the programmers. A programmer can then write the code in Javascript to bring the game alive. CocoStudio的安装 1.CocoStudio的运行平台是Windows操作系统，推荐使用Windows7操作系统。 2.安装CocoStudio之前，确保电脑中安装了.Net 4.0 Framework 3.安装目录尽量不要在C盘的Program Files文件夹下，可能会导致启动器无法启动编辑器。当然，通过“以管理员身份运行”的方式也可以打开软件 4.在Xp和Windows8的操作系统下，可能会出现的闪屏或无法运行的问题。这个问题会尽快修复
CocoStudio 场景编辑器API使用手册
01-27
CocoStudio 场景编辑器API使用手册
cocostudio自定义图片工具
10-21
可以简单的制作出，cocos所需要的自定义图片
【CocoStudio游戏开发之三】使用Cocostudio UI编辑器篇
Teng's world
04-09 3776
cocos2d-x版本，2.2 cocostudio版本：1.0.2.0 使用cocos2d-x 2.1.3没有成功，cocos2d-x 2.2版本内嵌cocostdio了，所以用2.2 使用cocostudio新建了一个项目，名字“Ma”，里面有两个控件，一个Button，名字“Button”。一个TextView，名字“text” 然后把导出的cocos
CocoStudio UI编辑器的简单使用
手机游戏开发
01-17 1370
打开CocoStudio，选择UI编辑器，创建项目Test1，开始绘制UI界面，我用的是CocoStudio_Full_V1.2.0.0 首先选择右侧控件工具栏区域（红色区域），选择层容器，把层容器拖拽到主区域（蓝色区域），[如果没有创建层容器，你是不能把自己的图片加载到上面的，它一直显示灰色的默认背景，以后再拖拽控件，也不能进行图片设置]
Cocos编辑器
最新发布
末零 的博客
11-26 810
Cocos编辑器
cocos入门5：编辑器界面介绍
软考鸭
06-02 812
根据节点的类型和添加的组件，属性检查器会显示不同的属性列表和编辑器，如位置、大小、颜色、动画等。：位于编辑器界面的左侧或右侧（可通过设置调整），以树状结构展示项目的所有资源文件，包括图片、音频、脚本、场景等。：位于界面最上方，提供了文件操作（如新建、打开、保存、关闭等）、项目设置、视图调整、工具使用等核心功能。：位于场景编辑器的下方或右侧，用于查看和编辑当前选中节点的属性，如位置、大小、颜色、脚本组件等。：通常位于场景编辑器的上方或左侧，以层级结构的形式展示场景中的所有节点，方便用户管理和操作。
CocoStudio 数据编辑器的使用教程
卖萌的大叔的专栏
05-26 3110
1. 在数据编辑器中导入Excel文件 2. 导出Json文件，选择属性模式 3. 使用文本编辑器查看Json数据 4. 在程序中添加Json解析函数 void getJsonFromFile(const char* fileName, rapidjson::Document &jsonDict) {
cocostudio编辑器的一些总结
rekrad的专栏
02-24 3234
最近一直在尝试性的使用cocostudio，发现确实是个不错的编辑器，虽然可能此编辑器还不是很成熟，但是对于我这样的新手，还是比较够用的。     里面的UI编辑器，动画编辑器和场景编辑器都用了下，基本流程就是在UI编辑器和动画编辑中编辑好UI和动画，然后在加入场景编辑器中，coding时只需要一行代码就能可以把场景加载进来（当然，一些UI的位置变化以及其他诸如按钮事件之类的，还是需要代码去设置
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值