二、打开Previewer预览器

Studio预览器概况在HarmonyOS应用开发过程中通过使用预览器可以查看应用的UI效果方便开发者实时查看应用的运行效果随时调整代码。

二、打开Previewer预览器

Studio编辑界面的右上角部分竖排文字的第二个选项卡则是Previewer点击加载即可进入预览器如下图

2、预览器打开失败

等相应的错误原因是没有选中相应的ets文件。

在鸿蒙4.0中只有ets布局文件才能打开Previewer查看相应的UI界面。

我的解决方法当然就是选中index.ets文件再点击Previewer则成功加载。

三、Previewer相关操作

这个功能抗以方便开发者实时查看应用的运行效果。

通过编辑左侧代码区的相应代码在右侧的Previewer预览器中则会时机更新。

其原因是因为预览器插上了电如下图

当开启预览器时系统默认设置是打开实时更新的若要关闭则可以点击红色箭头指向的图标然后就会变成下面的状态该状态下更改左侧代码不会实时更新Previewer中的UI界面。

若需要重新连接则可以点击刷新按钮或连接预览器按钮。

2、Inspector寻找代码段

都知道鸿蒙OS一个很大的优点就是多设备通用这在编译和UI设计时省了很大力气。

在DevEco

Studio中的一个表现为可以在Previewer中同时查看自己的UI代码在不同设备中的呈现效果启动图标如下图

进入之后便可以看到折叠屏、手机、平板等设备同时可以点击右上角的小开关打开之后就可以把列表中的所有设备都呈现UI展示。