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 编辑中的选中，防止意外的选中和拖动。

时间轴动画编辑器：

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

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

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

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