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文件

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