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

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


视频演示json


1. 双向预览功能框架

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

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

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

能够看到,布局文件的效果直接体如今了预览器上。不过目前仍然是单向预览。gradle


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

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


2.Java UI 数据模拟url


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


咱们指望在应用发布时使用真实的数据,而在调试时,使用测试数据,关键一点是,不用修改任何代码,根据调试或发布的场景自动切换。这就是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