UI设计器的使用

1、在需要添加新界面的目录上单机鼠标右键,选择新建->AppCan页面(可拖拽),如图

2、输入文件名称,点击完成

3、创建成功后会自动打开login.m文件

4、在界面中添加page控件并向page控件中添header和scrollContent控件

5、添加成功后点击布局树查看页面布局

6、选择需要编辑的控件,可编辑右侧布局、样式、属性

1)编辑header控件:修改样式中的前景色和背景色

修改属性中的左侧导航图标和右侧导航图标及标题内容

2)编辑scrollContent控件:修改样式中的前景色背景色和内边界

7、在scrollContent中添加组件

选中scrollContent区域,先添加一个box,再在box中添加一个icon和两个带icon的input框和一个按钮

选中当前要编辑的组件,编辑右侧布局、样式、属性后

UI设计器->样式->背景图->添加背景图,将会弹出可选择图片的弹框,其中显示的图片均为当前项目中..\css\res中的图片,用户可根据需要自行添加或删除。(即如果用户自定义添加背景,可将背景图片添加到..\css\res目录中,再在设计器中选择。)

最后,点击保存,点击导出选择导出全部

生成login.html、login.css、login.js文件


以上信息是否解决您的问题?

免费注册,快速体验

还需要帮助吗? 联系我们
最新更新 8th Jul 2021