LAYA和TypeScript制作H5入门——页面制作

上一篇：
LAYA和TypeScript制作H5入门——准备工作

一般情况下，一个H5是由多个相互关联的ui页面串联组成。遵循的大致逻辑一般是加载页面，开始页面，内容页面和结束页面。这些界面承担了用户交互的重要责任，也决定了H5的视觉效果，是H5非常重要的部分。

接下来我们开始制作H5的页面。
页面制作所需的素材可以在文档下方下载。

第一步：
点击ui编辑模块，进入页面编辑模式。开始编辑。

第二步：
在项目框里右键-新建-页面。
名字我们设置成FirstPage，页面大小设置为640*1038。

第三步：
新建页面成功后，我们可以在项目模块里看到FirstPage.ui。
在资源模块里，我们可以将系统自带的comp文件夹删除，并把我们需要的页面图片资源放到laya的assets文件夹里。

第四步：
制作页面。点击FirstPage.ui，在页面中央我们可以看到黑色的区域。这个区域是我们的页面编辑区域。在laya里，我们可以通过简单的拖拽方式，来制作页面，非常方便，也很直观。多种ui组件也可以帮助我们更好的提升效率。

1，将mainbg.png拖拽到黑色区域。并在属性面板里设置x为0，y为0。作为页面的背