手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

APPCAN如何实现页面预览

时间:2024-10-25 16:35:49

1、首先我们打开APPCAN开发工具。根据提示输入帐号密码登录

APPCAN如何实现页面预览

2、登录成功,进入开发工作区间

APPCAN如何实现页面预览

3、小编之前已经建立好一个工程,并且在工程中增加了“登录”页面。我们直接用这个页面做模版举例

APPCAN如何实现页面预览

4、我们选择工程目录中的“login.html”并鼠标右键。我们选择“带调试信息的预览”

APPCAN如何实现页面预览

5、随后会弹出一个界面预览框。上面正是我们当前的login页面

APPCAN如何实现页面预览

6、我们棵褶佐峨还可以选择“设备名称”,进行不同设备的尺寸大小与分辨率进行修改适配。以确认在不同屏幕尺寸大小的手机上展示的UI效果图。

APPCAN如何实现页面预览

7、我们选择其他设备分辨率后,可以看到页面宽高就会相应的改变。整个UI布局也会跟随改变。

APPCAN如何实现页面预览
© 手抄报圈