HarmonyOS开发实战指南：ArkTS/JS应用“实时/动态预览规范”

最新推荐文章于 2024-07-16 10:54:49 发布

代码中的爱马仕

最新推荐文章于 2024-07-16 10:54:49 发布

阅读量1k

点赞数 12

分类专栏： HarmonyOS OpenHarmony 鸿蒙文章标签：前端开发语言华为 harmonyos ui 鸿蒙开发鸿蒙

本文链接：https://blog.csdn.net/DMZDAMS/article/details/140422045

版权

鸿蒙同时被 3 个专栏收录

187 篇文章 2 订阅

订阅专栏

OpenHarmony

185 篇文章 0 订阅

订阅专栏

HarmonyOS

181 篇文章 1 订阅

订阅专栏

说明

预览支持Phone、Tablet、2in1、Car设备的ArkTS工程，支持Litewearable设备的JS工程。
预览器功能依赖于电脑显卡的OpenGL版本，OpenGL版本要求为3.2及以上。
预览时将不会运行Ability生命周期。
预览不支持引用HSP。引用了HSP的模块不支持预览，请直接在HSP内预览。
预览场景下，不支持通过相对路径及绝对路径的方式访问resources目录下的文件。
预览不支持组件拖拽。
部分API不支持预览，如Ability、App、MultiMedia等模块。
Richtext、Web、Video、XComponent组件不支持预览。
不支持调用C++库的预览。
har在被应用/服务使用时真机效果有区别，真机上实际效果应用不显示menubar，服务显示menubar，但预览器都以不显示menubar为准。若开发har模块时，请注意被服务使用时预览器效果与真机效果的不同。

实时预览：在开发界面UI代码过程中，如果添加或删除了UI组件，您只需Ctrl+S进行保存，然后预览器就会立即刷新预览结果。如果修改了组件的属性，则预览器会实时（亚秒级）刷新预览结果，达到极速预览的效果（当前版本极速预览仅支持ArkTS组件。支持部分数据绑定场景，如@State装饰的变量）。实时预览默认开启，如果不需要实时预览，请单击预览器右上角按钮，关闭实时预览功能。
说明

开发者修改resources/base/profile目录下的配置文件（如main_pages.json/form_config.json），不支持触发实时预览，开发者需要点击重新加载。
动态预览：在预览器界面，可以在预览器中操作应用/服务的界面交互动作，如单击、跳转、滑动等，与应用/服务运行在真机设备上的界面交互体验一致。

以ArkTS为例，使用预览器的方法如下：

创建或打开一个ArkTS应用/服务工程。本示例以打开一个本地ArkTS Demo工程为例。
在工程目录下，打开任意一个.ets文件（JS工程请打开.hml/.css/.js页面）。
可以通过如下任意一种方式打开预览器开关，显示效果如下图所示：
- 通过菜单栏，单击View>Tool Windows>Previewer打开预览器。
- 在编辑窗口右上角的侧边工具栏，单击Previewer，打开预览器。

最后

有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以有一份实用的鸿蒙（HarmonyOS NEXT）资料用来跟着学习是非常有必要的。

点击领取→【纯血版鸿蒙全套最新学习资料】（安全链接，放心点击）希望这一份鸿蒙学习资料能够给大家带来帮助，有需要的小伙伴自行领取，限时开源，先到先得~无套路领取！！

这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、（南向驱动、嵌入式等）鸿蒙项目实战等等）鸿蒙（HarmonyOS NEXT）技术知识点。

鸿蒙（HarmonyOS NEXT）最新学习路线