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

蒙娜丽宁
发布于 2021-4-2 09:58
浏览
2收藏

鸿蒙(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,测试是不会通过的。

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
已于2021-4-2 14:22:55修改
5
收藏 2
回复
举报
12条回复
按时间正序
/
按时间倒序
红叶亦知秋
红叶亦知秋

李宁老师的解读很及时,感谢分享。

回复
2021-4-2 10:09:57
longlong899
longlong899

学习了,昨天已经下载了,还没仔细研究,感谢老师的分享!

回复
2021-4-2 10:27:26
鸿蒙张荣超
鸿蒙张荣超

赞赞赞!

回复
2021-4-2 10:28:58
鲜橙加冰
鲜橙加冰

李宁老师,可以的!

回复
2021-4-2 10:52:35
少于5个字
少于5个字

这波解读666

回复
2021-4-2 14:09:54
奶盖
奶盖

向李宁老师学习。

回复
2021-4-2 18:17:44
老殷
老殷

李老师:能把“世界你好”各小板块,有代表性的程序行再多加些解释吗?谢谢!

回复
2021-4-11 14:25:14
蒙娜丽宁
蒙娜丽宁 回复了 老殷
李老师:能把“世界你好”各小板块,有代表性的程序行再多加些解释吗?谢谢!

哪些程序

回复
2021-4-11 15:36:00
老殷
老殷

我是初学,想听您讲一个最简单的程序(比如hello world,界面跳转)。但是能把涉及的板块(config,base,xml.......)程序行多加些注释。

回复
2021-4-11 19:52:46
蒙娜丽宁
蒙娜丽宁 回复了 老殷
我是初学,想听您讲一个最简单的程序(比如hello world,界面跳转)。但是能把涉及的板块(config,base,xml.......)程序行多加些注释。

我的鸿蒙的书(基于java)快出版了。全面介绍鸿蒙开发

回复
2021-4-11 20:53:09
wx5f7d384e177e7
wx5f7d384e177e7 回复了 蒙娜丽宁
我的鸿蒙的书(基于java)快出版了。全面介绍鸿蒙开发

我建议书本多介绍数据交互这一块,就是服务器和客户端数据交互这一块。

回复
2021-4-12 09:21:36
蒙娜丽宁
蒙娜丽宁

分布式当然有

回复
2021-4-12 11:02:59
回复
    相关推荐