LayaAir UI 编辑

页面的创建：

界面的创建有两种类型：view，dialog，两者有所区别。

新建页面时，可勾选参考高宽，这样界面运行是会通过设备高宽进行重新计算。

最好不勾选，这样显示界面时，不用每次都重新计算界面大小，对速度会有影响。

编辑界面的一些操作：

1.编辑界面布局可以拖动， F3回到初始状态。

2.导出：将做好的界面打包导出，如果资源文件夹未产生变化则跳过该文件夹，只对已变化文件夹进行打包并导出，F12.

3.清理并导出：强制清理之前打过包的资源文件夹，重新打包导出，Ctrl + F12.

该操作操作会导致：删除 src/ui目录的文件重新生成，新建的文件不能放里面

4.发布（不打包未使用资源）：只对已经使用的资源进行打包并导出，不对未使用的资源进行操作，F11。

5.刷新页面：F6。

6.刷新资源：F7。

7.查找未被使用的资源：查找项目中未被使用的资源，并整理成列表，F4.

UI编辑导航：

1.鼠标右键拖拽：平移视图

2.Ctrl++：放大

3.Ctrl--：缩小视图

UI编辑界面介绍：

1.只有放在项目文件夹【assets】目录下的资源才会显示。可对其进行增删修改。

2.资源列表中选中资源，可以点击底部【设置按钮】对其进行编辑。

3.添加资源：直接拖入资源，或【打开所在目录】。

4.自定义控件资源--有资源命名规范。

模板：

模板全局通过，可以自己创建模板。官方自动创建了一批IOS的模型。

1.创建模板：在项目管理器，右击->转为模板。设置好样式后，需要将场景大小设置成与模板大小一样否则使用中可能会出现坐标系不准确。

层级/节点：

层级里面，越在上面，越现实在下层，先进行绘制，设计到重叠需要注意。

拖动就可以操作。可删除。

层级节点中可以将控件锁定，这将禁用 ui 编辑中的选中，防止意外的选中和拖动。

时间轴动画编辑器：

在面板底部，窗口->帧属性面板/恢复面板设置来显示帧属性面板。

时间轴动画的作用对象是页面里的显示对象节点。一个动画可以包含一个或多个当前页面里的显示节点。一个页面里可以包含一个或多个动画。在时间轴面板里不勾选“动

画编辑模式”时，可在编辑区编辑当前页面的所有显示对象的属性。勾选后，显示动画编辑相关的功能界面。

属性动画，如位置，大小的改变。动画编辑模式下，点击选择时间轴上的点，设置属性值。

LayaAir UI 编辑相关推荐

《三国之刃》动画、特效、UI编辑方案
(以下内容依据Cocos秋季峰会演讲速记稿整理) 主持人王哲: 蔡加庚是<三国之刃>的技术负责人,也是我多年的好友.这个项目所有人都极其低调,即使游戏经常上榜Top10,但几乎从未对外分享 ...
delphi ui编辑工具源码_一种无侵入比swagger-ui兼容性更好更简单的API文档生成方案
在后端项目中,难免遇到需要写接口文档方便第三方调用的场景,一般业界最常用的方案是使用swagger.Java项目中,一般采用springfox项目,它集成了swagger和swagger-ui,不需要 ...
一篇了解所有的LayaAir文本组件
LayaAir引擎与IDE提供了丰富的文本组件,适用于各种文本应用场景.发现一些用LayaAir引擎开发过项目的开发者,也对引擎与IDE的各个文本组件的区分不是太了解.所以本篇分别就IDE中的显示文本 ...
Bootstrap-Other：UI 编辑器
ylbtech-Bootstrap-Other:UI 编辑器 1.返回顶部 1. Bootstrap UI 编辑器以下是 15 款最好的 Bootstrap 编辑器或者是在线编辑工具. 1. Boo ...
实习小白：：(转) cocos2d-x使用cocosStudio编辑的动画文件
1CocoStudio 简介 CocoStudio 是由 Cocos2d-x 官方推出的一个专门针对 Cocos2d-x 游戏开发的免费工具集,目前正在开发阶段,且日益完善之中!既是工具集,当然集成了 ...
dhtml gantt所有配置_甘特图dhtmlxGantt使用教程：如何快速设置内联编辑器和编辑JavaScript Gantt数据...
dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表.可满足项目管理应用程序的所有需求,是最完善的甘特图图表库.它允许你创建动态甘特图,并以一个方便的图形化方式可视化项目进度 ...
x-studio(Lua调试器，粒子编辑器，UI编辑器，代码编辑器，csb恢复工具)
最新版本:x-studio 10.0.9000.29(2020年4月14日更新) 官网: https://x-studio.net 官方教程: https://docs.x-studio.net x- ...
使用WebGL去实现一个拖拽式UI代码生成App
前言 UI(User Interface),即用户界面,是软件和用户之间进行交互和信息交换的媒介,实现信息的内部形式与人类可接受形式间的转换.UI开发一般需要经过UI设计.UI实现两个过程.UI设 ...
UE4 - 简单的实现UI界面、镜头移动、控制权转换
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档目录前言一.建立一个开始游戏的UI 二.起始位置确定三.控制权转换四.结果总结前言第一次发帖可能有很多不足对于游戏而言 ...

LayaAir UI 编辑

LayaAir UI 编辑相关推荐

最新文章

热门文章