LibGdx UI编辑器 OverLap2D 学习(1) 介绍

Libgdx终于有了属于自己的UI编辑器,方便了开发,UI编辑器名称为OverLap2D。

传送门
http://overlap2d.com/
有兴趣的同学,去官方下载,因为还是不稳定的版本,所以不提供下载地址了……


我使用的版本是V0.0.7
下载完成后会有一个zip包,zip包里的内容
这里写图片描述
examples 是一个展示的工程
Overlap2D.jar 这个是UI编辑器
changelog.txt 更新日志

Java 环境不多解释,百度搜索一搜一大把……
配置好环境变量后,双击Overlap2D.jar即可运行。

在命令行环境下也可以执行

java -jar [Path/]Overlap2D.jar

UI编辑器界面
运行后,即可打开UI编辑器,UI编辑器如下
LibGdx UI编辑器 OverLap2D 学习(1) 介绍_第1张图片
区域1:选择、缩放、对其方式功能区
区域2:遮罩、灯光效果功能区
区域3:树状结构显示控件
区域4:新建删除场景,场景预览操作区
区域5:控件属性界面
区域6:资源区(图片,默认UI,库,粒子效果)
区域7:层视图(下面看不见有两个按钮,有删除和添加层。);

没有画出的区域就是画布,可以拖放控件

画布的移动方式,刚开始不懂,左键拖动总是拖动控件,经过实验有两种方式,
一种是在没有控件的地方,按住空格键,然后左键拖动,画布即可拖动。
另外一种方式是使用鼠标的滚轮中键点击拖动。
如果不对,请各位亲们指正一下,多谢。


打开Demo项目
File菜单>>Open Project>>选择 examples 文件夹下的project.pit文件
LibGdx UI编辑器 OverLap2D 学习(1) 介绍_第2张图片

有兴趣的童鞋可以打开自己看看,羊都是能动的,并且火焰是粒子效果。

问题:没法删除新建的图层,如果有知道的,请好心的朋友,给我在下方留言说一下,谢谢,不知道是不是UI编辑器的bug。

你可能感兴趣的:(Libgdx)