创建第一个UI示例工程

# 简介这里通过UI工程的创建，屏幕添加，控件添加，运行，事件处理来让用户快速了解UI设计器的使用 # 创建UI工程首先点击LuatIDE按键进入LuatIDE界面，然后点击新建工程按钮，进入 ![新建工程100.png](https://cos.easydoc.net/36623104/files/l25txa0i.png) 这里选择UI工程，然后设置工程路径和名称，这里选择模块型号为模拟器simulator，LIB和CORE可以选择，这里用默认的选择，屏幕分辨率根据屏尺寸设置宽度和高度，这里设置为480和854 ![新建工程102.png](https://cos.easydoc.net/36623104/files/l25uayln.png) 选择当前窗口打开，打开新建工程 ![新建工程102.png](https://cos.easydoc.net/36623104/files/l25uewof.png) 点击UI设计器按钮进入UI设计器页面，会有一个默认界面，如下图所示 ![新建工程103.png](https://cos.easydoc.net/36623104/files/l25uhfzd.png) # 添加一个屏幕点击下图所示按钮，添加一个新屏幕用来演示屏幕切换效果，输入屏幕名称为mytest ![新建工程104.png](https://cos.easydoc.net/36623104/files/l25uo8b6.png) 为新建的mytes屏幕添加一个标签 ![新建工程105.png](https://cos.easydoc.net/36623104/files/l25utl96.png) 屏幕创建和控件创建自动生成代码放到UiDesign.lua脚本文件里 ![新建工程106.png](https://cos.easydoc.net/36623104/files/l25uy1sw) # 添加按钮在默认的ScreenA 屏幕上创建一个按钮，用来演示切换到新建屏幕效果 ![新建工程107.png](https://cos.easydoc.net/36623104/files/l25v5obd) # 运行效果点击运行按钮，查看运行效果 ![新建工程108.png](https://cos.easydoc.net/36623104/files/l25vc42j.png) 点击屏幕切换按钮后，切换到新建屏幕效果 ![新建工程109.png](https://cos.easydoc.net/36623104/files/l25vh22k.png)