Egret引擎基础教程II（EUI基础使用教程）

由于Egret引擎的EUI扩展库的官方文档写得十分复杂，让很多新手短时间内难以入手并且走了不少坑，在这里我将教你Egret引擎的扩展库EUI的基本使用方法。废话不多说，一起开始吧!
第一步：创建EUI组件
首先找到项目结构左侧

右键→src→新建模板文件→新建EUI组件。如下图：

点击新建EUI组件 弹出下图

类名：LoginScene
是否生成EXML文件：是
是否生成TS文件：是
皮肤默认路径：默认
超类：默认
创建好之后要去找到EXML文件和TS文件
EXML：创建之后你会在resource/eui_skins/LoginScene.exml ，以后创建的EUI组件下的EXML都会在这个目录下，除非你改变皮肤默认路径。
TS：创建之后会在src里面找到LoginScene.ts。
如图下：

第二步：添加资源

1、需要在资源管理器里，在resource文件夹下新建一个名为start的文件夹（当然文件夹名可自定义）；
我在start文件夹里准备了一些图片，但是这个文件夹也可以在外部创建好直接拖进resource来面也可以。
2、点击wing资源管理里面的default.res.json文件，确保preload预加载组里面有你需要的图片资源；