#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论 原创 精华

发布于 2022-7-16 22:53
浏览
3收藏

DevEco Studio V3.0 Beta4 体验新特性,一起来讨论

本文正在参加星光计划3.0 – 夏日挑战赛

介绍

2022-07-06 华为发布了DevEco Studio V3.0 Beta4 ,简称Bata4版本,发现新版本之后查看版本更新,看到

DevEco Studio Beta4版本同时支持HarmonyOS和OpenHamrony应用/服务的开发。

心为之一振啊,终于支持OpenHarmony和HarmonyOS,这对于玩HarmonyOS 又玩OpenHarmony的开发者来说绝对是个好消息,再也不用切换来切换去,之前的版本要下载两个IDE,区别又不大,哈哈~开启新篇章的感觉哈…!
那么,今天就一起来体验一下Bata4 有哪些变化,又更新了哪些新特性!
这次升级的过程很顺滑,只需要按照提示一路确认就好,安装好了,打开关于,查看版本信息,显示的编译版本号是3.0.0.991体验不错!

下面按照官方的版本更新说明,逐项去看一看吧。

版本兼容性

1.HarmonyOS SDK支持API 4至8

打开IDE,新建项目,默认选中的是HarmonyOS类型的项目,下一步,我们点击Compile SDK 可以看到目前支持的版本有4-8,我们逐一选择会发现:
8支持 eTS、JS 语言, Compatible SDK 是8,暂支持的设备是Phone
7支持 eTS、JS 语言、Java, Compatible SDK 是7,暂支持的设备是Phone
6支持 JS、Java 语言, Compatible SDK 是4,5,6,支持的设备是Phone、Tablet、TV、Wearable
5支持 JS、Java 语言, Compatible SDK 是4,5,支持的设备是Phone、Tablet、TV、Wearable
4支持 JS、Java 语言, Compatible SDK 是4,支持的设备是Phone、Tablet、TV、Wearable
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

2.OpenHarmony SDK支持API 8和9

打开IDE,新建项目,我们切换选中OpenHarmony类型,下一步,我们点击Compile SDK 可以看到目前支持的版本有8-9,我们逐一选择会发现:
9支持 eTS 语言, Compatible SDK 是9,暂支持的设备是Default、Tablet
8支持 eTS、JS 语言, Compatible SDK 是8,暂支持的设备是Default、Tablet

另外,我们还发现9的版本,eTS语言,开始支持Stage模型,关于这个模式的解释可以参考
https://docs.openharmony.cn/pages/v3.1/zh-cn/application-dev/ability/stage-brief.md/

3.DevEco Studio JDK 使用11的版本,但是已经内置,无需单独安装

我们打开DevEco的安装目录,发现已经有内置的jdk在里面
D:\Program Files\Huawei\DevEco Studio 3.0.0.991\tools\openjdk
不过,我们查看版本是1.8.0_322,不是11,而是
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区
新建一个Java类型的项目,查看也是1.8
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

怎么回事?哪里搞错了?
原来说的是DevEco Studio IDE对JDK的依赖,打开DevEco的安装目录,
D:\Program Files\Huawei\DevEco Studio 3.0.0.991\jbr\bin
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区
确实是openjdk version “11.0.13”,另外,在IDE的关于中也能看到
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

4.Node.js 使用了v14.19.1及以上,且只支持14系列版本

在安装DevEco Studio的过程中,有提示需要14.19.1版本及以上的Node.js,按照提示安装即可。

5.hvigor编译构建工具,使用了1.1.6版本,适用于API 8和9的工程

新建HarmonyOS eTS项目,Compile SDK选择8,创建好后,打开package.json文件,查看编译工具及版本。
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

6.hvigor-ohos-plugin编译构建工具,使用了1.1.6版本,适用于API 8和9的工程

同第5点的操作步骤。

7.Gradle编译构建工具,使用了7.3版本,适用于HarmonyOS API 4至7的工程

新建HarmonyOS eTS项目,Compile SDK选择7,创建好后,可以看到并没有使用hvigor 而是使用了Gradle的编译工具。
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区
打开gradle-wrapper.properties,可以查看版本
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

8.decctest测试框架插件,使用了1.2.7.9版本

同第7点,API Version 4至7的版本使用Gradle的百衲衣工具,测试框架是decctest
打开工程级的build.gradle文件,可以查看到
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

新特性体验

1.同时支持HarmonyOS和OpenHarmony应用/服务的开发

这个在版本兼容性的过程已经体验过了,在创建项目的过程中,默认是HarmonyOS的项目,你可以切换Tab选择创建OpenHarmony的项目。
HarmonyOS的项目目前提供了3个模板,OpenHarmony的项目目前提供了2个模板,当然你可以选择Templates Market去下载模板,不过目前也还不太多。
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

2.HarmonyOS应用/服务的低代码开发新增支持eTS语言

可通过可视化的界面进行HarmonyOS应用的开发;同时低代码开发功能还新增支持服务卡片的开发
新建HarmonyOS项目,选择默认模板,下一步,选择Compile SDK 8, 打开Enable Super Visual,打开Show in service center,点击Finish按钮。
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

我们打开ets下的MainAbility/pages/index.ets文件,注释提示
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区
原来是低代码开发模式,.visual file会覆盖ets文件builld() 下的内容.
我们打开index.visual文件
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

来体验一下,拖拽控件的感觉吧!

一不小心出了这个错误,怎么解决?文件也打不开
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

我的办法是,选中visual文件,右键-Local History/Show Histroy
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

根据错误提示top值设定不合要求,查找top关键字,发现是值为负数了,拖拽把握不准,这种情况我觉得还是挺多的。
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区
修改了就可以打开了,继续编辑。
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区
以智能生活App为例,尝试模仿做一个页面

点击右上角这个图标,转换为eTS代码,

#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

打开index.eTS文件,预览查看效果,哎呦~还不错~

#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

使用技巧:
1.低代码开发的时候,不要想着先把架子搭好,然后往里填充内容,你会发现复制内容粘贴不到想要的位置,正确的姿势是从上往下赶着做,粘贴是粘贴到你选中组件的尾部,这样就顺手多了。
2.visual文件转换后,就消失了,如果想继续编辑怎么办?答案是查看本地历史,复制–新建文件—粘贴。

3.针对Hvigor工程(API Version 8和9),支持开发者在hvigorfile.js文件中,自定义编译构建任务

这个有何作用呢,欢迎评论区留言哈!

4.HarmonyOS应用/服务的测试框架新增支持eTS、JS的UnitTest和UiTest,提供测试用例执行能力,提供用例编写基础接口,输出测试结果,支持用户开发简洁易用的测试用例代码

这个还没有体验。

5.编辑器功能增强,支持模块中的strings资源进行界面化的编辑

打开resource/base/element/string.json,会有 “ Open Editor” 的提示,点击即可
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

目前看下来是可以编辑value值,可以新增,可以检索,还可以创建新的限定词文件
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

6.编辑器功能增强,基于TS扩展的声明式范式中支持JS/TS/eTS三种语言中FindUsages

打开index.ets文件,随便选中一个内容,然后 右键—Find Usages,查找所有使用的位置
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

7.编辑器功能增强,Stage模型下卡片支持国际化资源联想和跳转

新建OpenHarmony eTS项目,选择Stage模型,
打开widget/pages/index/index.hml 文件 ,按住CTRL,点击strings.title_immersive,可以选择中文或者英文资源文件,跳转到对应文件
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区
支持联想
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

8.编辑器功能增强,ArkUI对装饰器StorageLink、StorageProp、ObjectLink语法规则检查增强

AppStorage是整个UI应用程序状态的中心“数据库”,UI框架会针对应用程序创建单例AppStorage对象,并提供相应的装饰器和接口供应用程序使用。
AppStorage还提供用于业务逻辑实现的API,用于添加、读取、修改和删除应用程序的状态属性,此API所做的更改会导致修改的状态数据同步到UI组件上进行UI更新。

@StorageLink:@StorageLink(name)的原理类似于@Consume(name),不同的是,该给定名称的链接对象是从AppStorage中获得的,在UI组件和AppStorage之间建立双向绑定同步数据

@StorageProp:@StorageProp(name)将UI组件属性与AppStorage进行单向同步,AppStorage中值的更改会更新组件中的属性,但UI组件无法更改AppStorage中的属性值。

@Observed应用于类,表示该类中的数据变更被UI页面管理,例如:@Observed class ClassA {}。
@ObjectLink应用于被@Observed所装饰类的对象,例如:@ObjectLink a: ClassA。

这个可以实现一个记录登陆用户名的功能,下次再体验。

9.预览器功能增强,API Version 8以上版本支持在预览器中使用HarmonyOS Sans;同时还支持API Version 9的工程在预览过程中进行键盘的输入

创建OpenHarmony eTS项目,Compile SDK 选择9,Model选择Stage模型,打开Enable Super Visual,打开Show in service center,点击Finish按钮。
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

打开index.visual页面,添加一个InputText组件,点击生成eTS代码。
打开index.ets文件,打开预览,点击InputText,可以通过键盘输入内容,目前支持数字字母一些符号,还不支持中文。
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

HarmonyOS Sans为华为定制字体,是这样用吗
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

10.低代码开发功能增强,UI控件新增支持PickerView、Select、Badge、Video、Tab、TabBar、TabContent 7个组件。

只看到这几个呢,其它的?OpenHarmony SDK 9项目也是这几个。
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

11.编译构建功能增强,在模块下的build-profile.json5中,支持开发者配置napiLibFilterOption,解决依赖HAR中.so文件重名冲突

打开build-profile.json5文件,在buildOption节点下,可以添加napiLibFilterOption配置
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

按住Ctrl,点击napiLibFilterOption 可以查看详细的配置说明
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

12.模拟器功能增强,X86本地模拟器支持双指缩放、指纹数据注入,以及加速度、角速度、磁场传感器支持可视化输入;远程模拟器支持API 8的设备P50

本地模拟器(P50) 远程模拟器
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区 #夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

13.调试功能增强,支持OpenHarmony多包推送和多实例调试功能

这个下次再体验吧。

14.信息中心(InfoCenter)功能增强,支持HarmonyOS和OpenHarmony开发资源的按需获取,包含快速入门、示例教程、开发指南和API参考、What’s New和问题求助等内容,无需跳出DevEco Studio界面,便可以轻松获取

这个InfoCenter,打开IDE就可以看到 查找资料更快捷了

快速入门 示例教程
#夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区 #夏日挑战赛# DevEco Studio V3.0 Beta4 体验新特性,一起来讨论-开源基础软件社区

这次更新,版本说明中还提到了解决了17个问题,例如:JS类型的卡片,clock组件预览显示异常,hilog.isLoggable接口会出现程序卡死等等,具体详细问题可以查阅:
https://developer.harmonyos.com/cn/docs/documentation/doc-releases/release_notes-0000001057597449

好了,今天的分享就到这里了,欢迎大家留言讨论,感谢阅读!

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
已于2022-7-18 09:39:28修改
5
收藏 3
回复
举报
回复
添加资源
添加资源将有机会获得更多曝光,你也可以直接关联已上传资源 去关联
    相关推荐