【鸿蒙学院】鸿蒙IDE迎来重大更新,新特性足以让你尖叫

时间:2022-07-24 00:36:42

鸿蒙(HarmonyOS)最新版的IDE Beta3于2021-03-31日发布,beta3增加了很多吸引人的功能,这些功能有一些与编程有关,有一些与配置、模板有关。本文主要深入介绍与编程有关的3个特性:双向预览、Java UI数据模拟和测试框架,至于其他的一些新特性,如更多的phone模板,API version的变化,可视化配置config.json等,可以参考我下面的视频。


视频演示


1. 双向预览功能

预览器增加了双向预览功能,所谓双向预览,针对的是布局。修改布局文件的代码,会立刻在预览器中显示布局的效果,而通过点击布局效果中的组件,会自动定位到布局中的特定代码。
现在让我来演示一下,首先创建一个HarmonyOS工程,然后打开自动生成的布局文件,多输入一些布局代码,如下所示。

【鸿蒙学院】鸿蒙IDE迎来重大更新,新特性足以让你尖叫
然后启动右侧的预览器,效果如下:

【鸿蒙学院】鸿蒙IDE迎来重大更新,新特性足以让你尖叫

可以看到,布局文件的效果直接体现在了预览器上。不过目前仍然是单向预览。


点击预览器右上角两个T的按钮,在右侧会显示组件树视图,下面是当前选中组件的属性列表,可以直接修改属性的值。当选中组件树或预览器中的组件时,布局代码就会自动定位到对应的组件,如下所示。

【鸿蒙学院】鸿蒙IDE迎来重大更新,新特性足以让你尖叫
不过目前并不是所有情况都支持同步,有如下情况目前还无法同步:
(1) hml布局代码里使用了数据绑定的属性
(2)xml布局代码里使用了资源引用的属性
(3)UI界面设置了动画效果


2.Java UI 数据模拟


这个功能相当有趣,其实核心理念就是见什么人说什么话。在应用发布时,执行的是真正的业务逻辑代码,数据也是真实的。但在调试时,有时用真实的数据测试太费劲,这些真实的数据可能难以获得,或获取很麻烦,或者数据量很大,反正,就是各种不爽。


我们期望在应用发布时使用真实的数据,而在调试时,使用测试数据,关键一点是,不用修改任何代码,根据调试或发布的场景自动切换。这就是Java UI数据模拟的核心作用。其实这个功能的理念与我10年前做的一个实验性项目类似,这是一个模拟NFC的系统,支持Android。在开发时,使用模拟的NFC Tag和模拟的移动设备进行测试,只需要将NFC Tag拖动到模拟设备上,就相当于真实环境中的NFC Tag与手机接触。然后将App发布到真机上时,系统会自动探测当前运行环境,如果是真机,那么就会自动切换到使用真正的NFC芯片读写NFC Tag,这一过程是完全透明,不需要修改一行代码就可以自动切换,如下所示。

【鸿蒙学院】鸿蒙IDE迎来重大更新,新特性足以让你尖叫
鸿蒙的Java UI数据模拟也类似,这个功能是为Java UI模拟数据的。由一系列API组成,不过这些API默认并没有包含在鸿蒙SDK中,需要在模块的build.gradle中添加如下依赖:
【鸿蒙学院】鸿蒙IDE迎来重大更新,新特性足以让你尖叫

运行程序,会先下载这个依赖。然后创建数据模拟类,代码如下:
【鸿蒙学院】鸿蒙IDE迎来重大更新,新特性足以让你尖叫

这里用onStart方法拦截了Slice的onStart方法,相当于AOP的切片。在onStart方法中调用了Slice的onStart方法。如果这里不调用,那么Slice中的onStart方法是不会调用的(会显示黑屏)。在onStart方法中设置了模拟数据(name和age)。也就是说,Java UI数据模拟,其实借鉴了AOP的部分概念。


然后在Slice的onStart方法中可以使用下面的代码使用数据。这里的代码其实并不能感知用到的数据是模拟数据,还是真实的数据。

【鸿蒙学院】鸿蒙IDE迎来重大更新,新特性足以让你尖叫
现在不要运行,因为运行就使用正式的数据了,现在切换到Slice类,然后打开预览器,会看到如下所示的效果。
 是不是两个Text组件的内容都变了。在预览器中可以使用模拟数据检查Slice中的代码是否正确,当然,Page Ability也可以使用这个功能。


3. 新增的测试框架


创建HarmonyOS工程,会发现多了一个ohosTest,这是新增的测试框架的目录,可以利用测试框架编写测试代码,让我们可以用TDD的方式开发程序。也就是在写程序之前,先为App设定一个边界,只要App中的相关数据越雷池一步,测试框架就会检测出来。

【鸿蒙学院】鸿蒙IDE迎来重大更新,新特性足以让你尖叫
在开发阶段,开发者可借助由Java测试框架提供的IAbilityDelegator,进行APP组件操控测试(如:启动/关闭FA、获取界面UI元素、注入UI点击事件等),及时发现UI交互问题。或使用JUnit 4语法范式,编写测试用例、调用系统接口,获得API返回值或触发业务流程,根据接口返回值或业务状态,判断业务逻辑的正确性。


下面给出一个例子,打开ExampleOhosTest.Java文件,会看到如下代码:
【鸿蒙学院】鸿蒙IDE迎来重大更新,新特性足以让你尖叫

这是系统自动生成的测试用例代码,用来测试BundleName,如果BundleName不是我们期望的,在测试时就会报错。现在点击testBundleName方法前面的绿色箭头,会看到如下所示的菜单:
【鸿蒙学院】鸿蒙IDE迎来重大更新,新特性足以让你尖叫
点击Run 'testBundleName()'菜单项开始测试,如果发生错误,在下方的Run视图会输出如下内容。
【鸿蒙学院】鸿蒙IDE迎来重大更新,新特性足以让你尖叫

这时就会发现代码中的错误,以便及时修改。如果某个人不小心修改了BundleName,测试是不会通过的。

作者:蒙娜丽宁

想了解更多内容,请访问51CTO和华为合作共建的鸿蒙社区:https://harmonyos.51cto.com