上一篇:
LAYA和TypeScript制作H5入门——准备工作
一般情况下,一个H5是由多个相互关联的ui页面串联组成。遵循的大致逻辑一般是加载页面,开始页面,内容页面和结束页面。这些界面承担了用户交互的重要责任,也决定了H5的视觉效果,是H5非常重要的部分。
接下来我们开始制作H5的页面。
页面制作所需的素材可以在文档下方下载。
第一步:
点击ui编辑模块,进入页面编辑模式。开始编辑。
第二步:
在项目框里右键-新建-页面。
名字我们设置成FirstPage,页面大小设置为640*1038。
第三步:
新建页面成功后,我们可以在项目模块里看到FirstPage.ui。
在资源模块里,我们可以将系统自带的comp文件夹删除,并把我们需要的页面图片资源放到laya的assets文件夹里。
第四步:
制作页面。点击FirstPage.ui,在页面中央我们可以看到黑色的区域