在使用DevEco Studio进行HarmonyOS应用开发时,可以通过Previewer功能,可以方便查看UI运行效果,及时做出调整。下面简单介绍一下Previewer的几个操作应用。
一、 Previewer的正常打开
Previewer位于在DevEco Studio界面的右边,只有ets类型文件才可以使用Previewer功能进行预览。在IDE相关位置如下图,由于我安装了汉化包,后续截图以中文版哈。
英文版
中文版
二、代码开发预览效果
当页面UI设计好后,可点击Previewer【预览器】,将自动编译,如代码编写没有错误,则可在Previewer中看到页面的效果。
三、Previewer部分操作
下面将简单介绍下Previewer一些功能及操作。
a)inspector,可快速定位到组件代码段
点击这个大小“T”图标,会显示