cocos2d-x UI控件 以及 cocostudio UI编辑器 注意细节

最新推荐文章于 2017-03-01 21:57:03 发布
VIP文章 最新推荐文章于 2017-03-01 21:57:03 发布
阅读量2.6k 收藏
点赞数
分类专栏： cocos2d-x 文章标签： cocos2d-x cocostudio 控件 uiscrollview uitextfield
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gt154/article/details/20121715
版权

完成第一个小游戏MoonWarrior之后，就开始和UI撕扯不清了，最近一直让做UI界面，这个做完做那个，实现也没什么难度，但就是耗时间，而且windows平台下开发，cocostudio UI编辑器被各种吐槽，但也没办法，吐槽过后还是得继续使用，各种大神都是在Mac平台下开发的，我也想试试呢，虽然换个平台我就是个连工具都不会用的超级菜鸟了...

下面我就说点这段时间碰到的一些问题吧

1.cocostudio UI编辑器提供的输入框UITextField不带光标

这个真心很尴尬，这样用户怎么知道自己已经点中了可以输入了呢，网上虽然有不少提问这方面问题的，可完全没有根本的解决方案，群里也讨论过这个问题，基本上是大神们花时间重写控件，出于立场成了保密资料，所以到现在也没有开源的源码可供参考使用。我还是个菜鸟，当然不可能写出这么高端的源码，只是用了治标的方法表面上解决了这个问题，网上有个大大的博客写了带光标的输入框（这个大大很眼熟吧，MoonWarrior中背景的滚动我们也参考了他的博客），利用这个大大写的控件，将该控件覆盖在获取的UITextField控件上，并将UITextField控件隐藏，这样就形成了假象的带光标的UI输入框

带光标的输入框，请参考：http://blog.csdn.net/onerain88/article/details/7572315

2.cocostudio UI

最低0.47元/天 解锁文章
gt154
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Cocos2d-x-UIEditor
05-01
使用cocos2d-x编写的ui编辑器（界面编辑器），实现了ui的可视化编辑，支持sprite、button、label、scale9sprite等等，导出配置文件格式为json格式-Cocos2d-x prepared ui interface editor, ui visual editing support sprite, button, label, scale9sprite export configuration file format json format
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的操作系统下，可能会出现的闪屏或无法运行的问题。这个问题会尽快修复
cocos2dx 3.0 研究（2） ui编辑器
epeaktop的专栏
05-22 1295
cocos2dx 的ui编辑器个人不是太喜欢
Cocos2d-x 3.9教程：10.使用CocosStudio的UI编辑器从UI文件中加载布局和控件
tiancao222的博客
04-09 1万+
Cocos2d-x 3.9教程 10. 使用CocosStudio的UI编辑器从UI文件中加载布局和控件 1.1. 使用CocosStudio的UI编辑器 1.1.1. 安装和启动 从官网上下载2015年11月18日版本，Cocos studio 2.3.3。   安装完毕后，桌面出现两个图标。 Cocos Studio是我们的UI、动画等编辑器。Cocos是项目管理器，且它
LibGdx UI编辑器 OverLap2D 学习（2） 学习UI使用，通过Button学习
Lincoln 的专栏
05-27 2864
之前介绍了OverLap2D的基本界面，今天就来实际上手做一下 按钮，很常用的UI界面上的一个控件，这次用它来上手。第一步创建一个新的项目 File>>New Project 弹出这个对话框，很简单填写一下项目名称，已经需要按照什么分辨率进行画布设置。 我设置的是800*480 创建完成出现一个800*480的画布第二步导入所需资源 File>>Import To Library
cocoStudio UI编辑器 学习总结
dianxixian1343的博客
12-03 196
一、控件 控件基类 UIWidget：所有UI控件的基类 addChild：添加UIWidget类型的节点 addRenderer：添加CCNode类型的节点 所有UIWidget，都可以设置成触摸setTouchEnable(true) setTouchEnable(true) addTouchEventListener(CCObject* tar...
cocoStudio工具的使用-----UI编辑器
破茧
07-07 4921
～～～～我的生活，我的点点滴滴！！ 拖了好久才又开始写出这篇文章，
枫叶天空Cocos2d-x3.0系列教程三 ui教程3 自定义组件和使用CocoStudio UI编辑器
枫叶天空
02-03 2758
本节内容是Cocos2dx组件基础教程部分的最后一节课程，主要内容是自定义组件和如何使用CocoStudio UI编辑器。 自定义组件 自定义组件是应用开发中必不可少的工作之一，某些情况是由于内置的基础组件不适合，或者是你的应用中需要某个特殊功能时，就需要我们自定义组件。本节教程中，我制作了一个PushButton，该组件的功能很简单，就是按下与弹起，并抛出相应的事件。 首先，我们依然定义一
Cocos2d-x3.0游戏实例之《别救我》第五篇——使用Cocostudio UI编辑器创建操作界面
热门推荐
笨木头
05-06 2万+
这一篇内容其实很简单，已经对Cocostudio比较熟悉的朋友就可以随便扫一下了~（小若：熟悉Cocostudio的人谁还有空看你的基础教程呢）
cocos2d-x 常用UI控件
11-30
总结cocos2d-x开发中常用ui控件的使用方法
Cocos2d界面编辑器
01-25
cocos2d界面制作神器，粒子效果，Ui编辑,功能强大，简单易用....
cocos2d-x开发自己的编辑器
12-31
《使用cocos2d-x开发各种编辑器》文章里的DEMO源码
Cocos2d-x UI开发之CCControlSwitch控件类使用实例
09-04
主要介绍了Cocos2d-x UI开发之CCControlSwitch控件类使用实例,本文代码中含大量注释讲解了CCControlSwitch控件类的使用,需要的朋友可以参考下
Cocos2d-x UI开发之CCControlColourPicker控件类使用实例
09-04
主要介绍了Cocos2d-x UI开发之CCControlColourPicker控件类使用实例,本文代码中包含大量注释来讲解CCControlColourPicker控件类的使用,需要的朋友可以参考下
Cocos2d-x UI开发之CCControlSlider控件类使用实例
09-04
主要介绍了Cocos2d-x UI开发之CCControlSlider控件类使用实例,本文代码中包含大量注释讲解了CCControlSlider控件类的使用,需要的朋友可以参考下
Cocos2d-x UI开发之CCControlPotentiometer控件类使用实例
09-04
主要介绍了Cocos2d-x UI开发之CCControlPotentiometer控件类使用实例,本文代码中包含注释来讲解CCControlPotentiometer控件类的使用,需要的朋友可以参考下
Cocos2d-x UI开发之文本类使用实例
09-04
主要介绍了Cocos2d-x学习笔记之文本类,文本类是UI开发中经常使用的,本文用详细的代码注释讲解了文本类的使用,需要的朋友可以参考下
Lite2D UI编辑器1 解析字符串属性
weixin_34228387的博客
08-18 61
2019独角兽企业重金招聘Python工程师标准>>> ...
开源cocos2d-x编辑器 qco-editor
游蓝海 的专栏
03-01 2735
用于cocos2d-x的开源编辑器，使用Qt和C++开发，支持Windows和Mac等操作系统。
cocos2d-x csdn
最新发布
01-20
Cocos2d-x是一个开源的跨平台游戏开发框架，是基于Cocoa2d-iphone移植过来的。它提供了一套完整的游戏开发工具和引擎，可以让开发者在不同平台上开发与发布游戏。Cocos2d-x的CSND是指CSDN（中国软件开发网）上关于...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值