应用的开发过程中,往往需要多次调试和修改,如果支持实时预览,边改边看效果,所看即所得,可大大提升开发效率。为满足这一需求,DevEco Studio作为HarmonyOS和OpenHarmony应用及服务开发配套的集成开发环境(IDE),提供了强大的预览功能,让开发者能够预览应用/服务在不同终端设备上的UI显示效果,不仅支持边开发边预览,还支持在预览过程中进行界面交互。下面,就带大家一起来了解DevEco Studio的预览功能。
一、多端设备预览
HarmonyOS作为分布式操作系统,支持运行在不同的终端设备上。为方便开发者查看应用/服务在不同终端设备上的UI布局和交互效果,DevEco Studio提供多端设备预览功能。
DevEco Studio的预览器支持自定义预览设备Profile(包含分辨率和语言等)。点击预览器右上角的按钮,可以看到所有已定义的预览设备Profile。通过点击切换不同的预览设备Profile,可以查看不同终端设备上的预览效果。此外,打开Multi-profile preview开关,还可以同时查看多个终端设备上的预览效果。
图1 多端设备预览
二、双向预览
为帮助开发者提升开发效率,DevEco Studio提供双向预览功能,支持代码编辑器、预览器UI界面和组件树(Component tree)三者之间的联动。
图2 双向预览
三、实时预览
为了让开发者可以在应用/服务开发时快速查看预览效果,DevEco Studio提供实时预览功能。开发者添加或删除UI组件、并且使用快捷键Ctrl+S进行保存后,预览器会立即刷新预览结果。
图3 实时预览
四、动态预览
动态交互也是应用/服务开发过程中非常重要的一个环节。为此,DevEco Studio提供动态预览功能,支持开发者在预览器的UI界面中进行交互操作,比如点击、跳转、滑动交互等,操作体验与在真机设备上的交互体验一致。
图4 动态预览
至此,DevEco Studio的预览功能就介绍完了。需要注意的是,在使用DevEco Studio的预览器前,需确保Settings > SDK Manager > HarmonyOS Legacy SDK > Tools中已安装Previewer资源,同时建议Settings > SDK Manager > HarmonyOS Legacy SDK > Platforms中的JS SDK更新到最新版本。
审核编辑 :李倩
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。
举报投诉
原文标题:DevEco Studio强大的预览功能让开发效率大大提升!
文章出处:【微信号:HarmonyOS_Community,微信公众号:电子发烧友开源社区】欢迎添加关注!文章转载请注明出处。
相关推荐
DevEco Studio支持包括手机、平板、车机、智慧屏、智能穿戴、轻量级智能穿戴和智慧视觉设备的HarmonyOS应用/服务开发,预置了工程模板,可以根据工程向导轻松创建适应于各类设备的工程
发表于 03-26 17:21
•450次阅读
目前,HarmonyOS NEXT星河预览版已经正式面向开发者开放申请,面向鸿蒙原生应用及元服务开发者提供的集成开发环境——DevEco Studio也迎来功能更细化的4.1版本。3年
发表于 02-04 15:35
•275次阅读
DevEco Studio的Run > Run’模块名称’或,或使用默认快捷键Shift+F10(macOS为Control+R)。
DevEco Studio会启动应用/服务的
发表于 11-10 17:01
一、先看看远程真机支持的机型情况相比本地和模拟器多了很多机型
二、远程真机使用的相关说明
该特性在DevEco Studio V2.2 Beta1及更高版本中支持。
如果开发者没有真机设备资源,则不
发表于 11-09 15:55
一、了解超级终端模拟器支持的设备情况
该特性在DevEco Studio V2.1 Release及更高版本中支持。
目前超级终端模拟器支持“Phone+Phone”、“Phone+Tablet
发表于 11-08 15:09
使用Local Emulator运行应用/服务
DevEco Studio提供的Local Emulator可以运行和调试Phone、TV和Wearable设备的HarmonyOS应用/服务。在
发表于 11-07 14:21
的DevEco Studio中OpenHarmony项目在本目录下调整。将runtimeOS:””中间内容调为OpenHarmony即可。这种方式,不用开发板,通过预览器就可以查看项目样式效果。
完整
发表于 11-06 11:18
文件的耗时,另一方面可以复用构建过程中的增量缓存、减少增量缓存信息的读取与落盘操作。另外,启用DevEco Hvigor的常驻进程功能,还可以支持预览器的急速预览
发表于 10-17 16:54
,是开发者需要优先了解熟悉*附件:HarmonyOSOpenHarmony应用开发-DevEco Studio新建项目的整体说明.docx
发表于 09-15 16:51
DevEco Studio默认为HarmonyOS应用开发,如果需要修改为OpenHarmony应用开发,修改方式如下。
一、总体说明
build-profile.json5为当前的模块信息 、编译
发表于 09-14 14:50
DevEco Studio内置有帮助中心,初学HarmonyOS 及OpenHarmony应用、元服务的开发者,通过内置的帮助中去系统的学习相关内容,是边练边学,快速上手的最佳方式。
一、帮助
二
发表于 09-13 16:28
DevEco Studio按照后,各项菜单栏默认是英文的,很多初学者,把菜单栏调整为中文的后,更容易上手与操作。具体步骤如下:
一、打开文件
二、选择设置
三、选择插件
四、选择中文
五
发表于 09-12 17:04
DevEco Studio是基于IntelliJ IDEA Community开源版本打造,面向OpenHarmony全场景多设备的一站式集成开发环境(IDE),为开发者提供工程模板创建、开发、编译、调试等 E2E 的OpenHarmony应用/服务开发。
发表于 06-13 08:42
•1833次阅读
将会明显变小,开发者就可将HAP包快速安装在设备上来调试运行,提升开发效率。
与此同时,DevEco Studio支持HSP预览,ArkTS/C++调用HSP的断点调试等功能,您可以进
发表于 05-19 11:25
谷歌在昨晚的 Google I/O 2023 大会上发布了用于 Android Studio 的 AI 编程助手 Studio Bot—— 支持生成代码和修复错误。Studio Bot 目前处于
发表于 05-12 14:53
•1251次阅读
评论