BoomEditor使用教程(1)--快速上手

BoomEditor是一个用于cocos的UI编辑器,拥有新形式的布局文件引用机制,完善的脚本(lua,js)解析方案,是cocos下最好用的UI编辑器之一

  1. 下载

    首先在git上clone或者下载压缩包,地址:https://git.oschina.net/Jims_C/BoomEditor

   2.使用

    打开BoomEditor下的BoomEditor.exe,如图

选择File->Open,选择SampleProject,就能打开示例工程了

其中,bui目录下布局文件目录,buiResources目录是资源目录,建议实际工程也像这样安排,选择bui目录下的一个bui文件,就可以看到UI编辑界面了

区域1是资源管理面板,区域2是UI树面板,区域3是控制台面板,区域4是节点属性面板,区域5是资源预览面板

在资源面板中通过右键可以新建目录,Node类型的布局文件和Layer类型的布局文件

UI树面板中,选择一个节点,可以新建节点和控件以及可以对节点进行一些操作,

节点类型支持Node,Sprite,Label,ClippingNode,Layer,

控件类型支持Scale9Sprite,Button,CheckBox,LoadingBar,Slider,TextField,这些控件类型都在cocos代码中的cui命名空间下,

File节点是单独的类型,下一节会详细讲,拷贝,剪贴,粘贴,删除都是在编辑模式下对节点的常规操作,编辑动画是在动画模式下添加节点的操作,后面会详细讲。

控制台面板会显示一些操作信息,在动画模式下,这里会替换成动画编辑面板。

属性面板显示的是当前可以更改的属性,需要特别说明的是Position和Size属性额外多了PositionType和SizeType的属性,

PositionType的5个图标分别表示左下角对齐,左上角对齐,右上角对齐,右下角对齐,按百分比对齐,

SizeType的5个图标分别表示绝对大小,按百分比实现大小,相比父节点减小尺寸来实现大小,水平百分比垂直绝对值来实现大小,垂直百分比水平绝对值来实现大小,

这两个属性和cocosbuilder的对应的两个属性是一样的,开发者可自行操作编辑器或者查看实现代码体验其中差异。

在资源面板中点击图片资源,预览面板就会显示相应的图片,目前支持png,jpg,plist。

选择project->AnimView就耍进入动画编辑模式,就是区域6的面板,动画模式如何操作会在后面详解

打开一个目录后,可以对工程进行设置,选择project->Setting,打开设置面板

视图尺寸对应的是屏幕的显示尺寸,通过更改视图尺寸来预览不同设备的显示效果,发布路径必须为存在的一个目录,发布的时候bui类型的文件将会变成对应的json文件,资源文件则会完全复制一份。

另外,在工程中有一个额外的language.json文件,这个文件是编辑器的字典内容,在设置label的string的时候,编辑器会查找这个文件是否有对应的键值对,如果有,则显示对应的值。

时间: 2024-10-19 03:16:38

BoomEditor使用教程(1)--快速上手的相关文章

下载快速上手数据挖掘之solr搜索引擎高级教程(Solr集群、KI分词、项目实战)

Solr是一个高性能,采用Java开发,基于Lucene的全文搜索服务器.同时对其进行了扩展,提供了比Lucene更为丰富的查询语言,同时实现了可配置.可扩展并对查询性能进行了优化,并且提供了一个完善的功能管理界面,是一款非常优秀的全文搜索引擎. 快速上手数据挖掘之solr搜索引擎高级教程(Solr集群.KI分词.项目实战),刚刚入手,转一注册文件,视频的确不错,可以先下载看看:http://pan.baidu.com/s/1jIdgtWM 密码:s1t3

新浪SAE快速上手教程

 新浪SAE快速上手教程[1]如何免费开通新浪云 2014-07-18 > 新浪SAE快速上手教程[2]如何创建.删除应用 2014-07-24 > 新浪SAE快速上手教程[3]如何上传应用代码包 2014-07-24 > 新浪SAE快速上手教程[4]如何在线编辑代码? 2014-07-28 > 新浪SAE快速上手教程[5]如何用svn部署代码 2014-07-28 http://jingyan.baidu.com/season/43090

《微信公众平台快速上手教程》目录导航,刘子骏de新媒体,图解版本

10年互联网从业者,草根创业者,新媒体营销研究者.作者博客:www.liuzijun.com 有些公众平台的基本用法可以参照上面的教程. 微信公众平台快速上手教程Part1 注册账户与认证 微信公众平台快速上手教程Part2 消息管理与群发 微信公众平台快速上手教程Part3 素材编辑 微信公众平台快速上手教程Part4 关键词自动回复 微信公众平台快速上手教程Part5 开发模式讲解 微信公众平台快速上手教程Part6 公众会议帐号 微信公众平台快速上手教程Part7 微信运营十大要决 微信公

Markdown简明教程5-CSDN Markdown快速上手

0.目录 目录 前言 CSDN Markdown特点 CSDN Markdown快速上手 1 使用快捷键 粗体斜体 引用 链接 高亮代码块 图片 标题 列表 分割线 撤销重复 2 使用离线写作 3 使用导入导出 4 个性定制文章模板 声明 1. 前言 Markdown是一种轻量级的标记语言,把作者从繁杂的排版工作中解放出来,实现易读易写的文章写作,已经逐渐成为事实上的行业标准.CSDN博客支持Markdown可以让广大博友更加专注于博客内容,大赞.但是,不少博友可能对Markdown比较生疏,本

EntityFramework 5.0 CodeFirst 教程01-搭建环境和快速上手

----------------------------目录------------------------------ EntityFramework 5.0 CodeFirst 教程01-搭建环境和快速上手 ----------------------------目录------------------------------ 网上关于EntityFramework 5.0的教程很多,但是大多数都是代码整理不清晰,有些甚至是拷贝,代码丢失等问题,本人最近也有一个项目是用到EntityFram

Airtest 快速上手教程

一.Airtest 简介: AirtestIDE 是一个跨平台的UI自动化测试编辑器,适用于游戏和App. 自动化脚本录制.一键回放.报告查看,轻而易举实现自动化测试流程 支持基于图像识别的 Airtest 框架,适用于所有Android和Windows游戏 支持基于UI控件搜索的 Poco 框架,适用于Unity3d,Cocos2d与Android App 能够运行在Windows和MacOS上 网易内部已成功应用在数十个项目上,利用 手机集群 进行大规模自动化测试 二.Airtest 知识链

Power BI教程_Power BI数据分析快速上手及案例实战

Power BI数据分析快速上手及案例实战 课程学习地址:http://www.xuetuwuyou.com/course/194 课程出自学途无忧网:http://www.xuetuwuyou.com 课程简介 本课程在<Power BI 数据分析快速上手>基础上结合大量的实例,深入讲解PowerBI中看似难懂的各种概念.操作, 并结合行业中的典型案例贯穿了从初级的数据透视表工具.数据透视表选项.数据透视表的刷新.数据透视表中的排序,到中级的动 态数据透视表的创建.数据透视表函数 GETPI

R语言快速上手入门

R语言快速上手入门 课程学习网址:http://www.xuetuwuyou.com/course/196 课程出自学途无忧网:http://www.xuetuwuyou.com 课程简介 本教程深入浅出地讲解如何使用R语言玩转数据.课程中涵盖R语言编程的方方面面,内容涉及R对象的类型.R的记号体系和环境系统.自定义函数.if else语句.for循环.S3类R的包系统以及调试工具等.本课程还通过示例演示如何进行向量化编程,从而对代码进行提速并尽可能地发挥R的潜能.本课程适合立志成为数据科学家的

intellij idea 13&amp;14 插件推荐及快速上手建议 (已更新!)

原文:intellij idea 13&14 插件推荐及快速上手建议 (已更新!) 早些年 在外企的时候,公司用的是intellij idea ,当时也是从eclipse.MyEclipse转过去的很是不习惯. 用了一周明显感觉爱上它了.因为它很智能,而且能纠正你很多不好的习惯. 后来跳巢到一家上市公司.因为大家都在用MyEclipse,要求开发工具统一.没办法只能转回MyEclipse.不过个人倒是一直关注intellij idea版本的发布和新的功能. 最近开始使用intellij idea

intellij idea 13 插件推荐及快速上手建议

早些年 在外企的时候,公司用的是intellij idea ,当时也是从eclipse.MyEclipse转过去的很是不习惯. 用了一周明显感觉爱上它了.因为它很智能,而且能纠正你很多不好的习惯. 后来跳巢到一家上市公司.因为大家都在用MyEclipse,要求开发工具统一.没办法只能转回MyEclipse.不过个人倒是一直关注intellij idea版本的发布和新的功能. 最近开始使用intellij idea 13 觉得比我当年用的 5要好上不少啊. 就是开着idea一段时间不用,然后机器待