DevEco Studio升级更新、新特新
前言
近来一段时间在忙工作上的事,对鸿蒙的文章很久没有更新了,而鸿蒙之前的开发者文档中说明了会在近期更新DevEco Studio的版本,当版本更新之后肯定会增加一些新的内容,下面来看看吧。
正文
我记得我在2020年9月17号发布第一篇鸿蒙的安装配置文章里面介绍了怎么下载和安装DevEco Studio,后面都以DS为简称。当时的版本是2.0.8.203,你可以通过DS的导航栏Help→About进行查看。
一、新版DS内容
下面先进行DS的更新,点击导航栏Help→Check for Updates,会出现如下弹窗(写文章时,最新的DS版本为2.0.12.201,当然你看到这篇文章时,可能已经不是最新版本了)
1. 新功能
从上面的图来看,这次更新有七点,下面逐一进行翻译一下。
① Added project templates of Phone and Tablet types, so you can develop HarmonyOS apps for these devices.
(理解内容:支持手机(Phone)和平板(Tablet)的HarmonyOS应用开发。通过预置的工程模板,可一键生成手机和平板的应用工程目录及源码。)
翻译内容可能有一些出入,不过大体来看就是可以使用电话和平板电脑的模板了。
② Introduced the Java previewer for Java projects of Phone, Tablet, Car, TV, and Wearable types.
(理解内容:介绍了Java项目(电话、平板电脑、汽车、电视和可穿戴类型)的Java预览器。)
因为刚开始是没有预览的,所以很不习惯,因此这个新的功能对开发者来说是相当的Nice了。支持手机(Phone)、平板(Tablet)、车机(Car)、智慧屏(TV)和智能穿戴(Wearable)的Java应用预览器功能,可以在开发过程中查看应用效果。Java应用支持JavaUI和XML两种布局方式,其中JavaUI布局(AbilitySlice.java或Ability.java文件)可以动态预览应用的交互效果,如点击、跳转、滑动等互动式操作,修改了布局代码后,点击预览器窗口中的按钮,可以查看修改后的布局效果;XML布局文件可以实时预览,修改和保存了XML代码后,预览器会实时展示应用的布局效果。具体请参考使用预览器查看应用效果。
③ Added cross-device preview support to JS and Java apps.
(理解内容:分别支持JS应用和Java应用的跨设备预览器功能,在应用开发阶段,可以使用跨设备预览器查看应用在不同设备上的运行效果。)
注意跨设备的这个概念。
④ Added cross-device code editing to JS app development – meaning that the list of supported devices will automatically display as you type in an HML component, CSS style, or JS API.
(理解内容:支持跨设备代码编辑功能,在编辑代码时,可以自动联想出各设备支持的能力合集,如HML组件合集、CSS样式合集、JS API接口合集等,开发者可以根据对应的设备类型,快速完成代码的编写和补齐。)
也是相当于代码样式的预览。
⑤ Added support for mixing JS and Java programming languages, allowing JS FAs to call Java PAs.
(理解内容:支持JS/Java跨语言混合调试,针对JS FA调用Java PA的调试场景,可以通过JS FA调用Java FA的代码行或者Java PA相关代码处进入Java断点,方便开发者快速发现和解决JS FA调用Java PA相关问题。)
JS和JAva相互的调用。
⑥ Added cross-device, distributed app debugging, which is useful for distributed scenarios fulfilled by leveraging HarmonyOS IDL.
(理解内容:支持跨设备分布式应用调试,基于HarmonyOS IDL实现的跨设备的分布式场景,DevEco提供了跨设备的HarmonyOS分布式应用的调试功能,方便开发者调测分布式应用。)
⑦ Visualized values – current values as well value changes – of JS observed variables.
(理解内容:支持Java调试变量可视化,在Java代码调试过程中,可以通过Plain(字符)、Line(折线图)、Bar(柱状图)和Table(表格)方式可视化呈现变量的当前值;同时支持变量连续变化值可视化,以坐标图的方式进行呈现同时呈现多个变量连续变化的过程。)
可能就相当于改CSS的值了。
2. 增强功能
下面是增强功能的讲述,增强的功能有以下三点:
① Released HarmonyOS SDK 2.1.0.5. Update the SDK and DevEco Studio to the latest version.
(理解内容:HarmonyOS SDK更新至2.1.0.5版本,使用该SDK版本请配套更新DevEco Studio至最新版本。)
② Optimized the remote emulator to support phones and tablets.
(理解内容:远程模拟器支持手机(Phone)和平板(Tablet),对应的SDK版本需更新至2.1.0.5版本。)
③ Optimized the logging feature by introducing HiTrace, which can be used for locating complex cross-device call issues.
(理解内容:支持HiTrace日志跟踪定位与分析,便于开发者在HarmonyOS跨设备分布式应用的问题定位过程中,可以根据跨设备调用关系,分析定位调用异常、性能瓶颈等问题。)
3. 解决的问题
下面是新版本解决的问题,也有以下三点:
① Resolved the issue where the Java editor does not allow ResourceTable to reference the resources defined in the JSON/XML files under resource.
(理解内容:解决了Java编辑器中不支持ResourceTable引用resource目录下的json/xml中定义好的资源的问题。)
② Resolved the issue where JSON files cannot reference defined resources.
(理解内容:解决了Json文件不支持引用已经定义的资源问题。)
③ Resolved the issue where the Java editor does not support predictive input and redirection for the following in the config.json file: name attribute of the ability tag, page attribute of the js tag, and name and packageName attributes of reqPermissions.
(理解内容:解决了config.json文件中ability标签的name属性、js标签的page属性、reqPermissions标签的name和packageName属性不支持输入联想和跳转的问题。)
现在你已经解了DevEco Studio 2.0.12.201的内容,下面来更新以下吧。
二、更新DevEco Studio
点击这个Ignore This Update,进行更新。
你会发现更新不了。那么你可以点击这个地址下载地址进行查看。
这个V2.0.12.201于2020年12月16日发布,是DS的第三个正式版本,虽然在DS内部目前更新不了但还是可以通过官网下载,然后覆盖安装的。还记得当时DS的第一个版本吗?没错就是我当初写文章时安装的版本,当时只支持Windows,不支持MacOS,这个问题其实已经在2020年11月15日发布DS的第二个版本V2.0.10.201中解决了。因此第三个版本也同时更新了Windows和MacOS的DS应用程序。
点击下载按钮,可以看到当前最新的版本是2.1 Beta2,对标版本是2.1.0.201,和我们在DS内部检查更新看到的不同,因此你最好通过官网来下载这个新版的DS应用程序,然后覆盖安装
点击右边的下载图标,当然不可避免需要你使用华为账号登录验证身份,验证身份之后再点击这个蓝色的下载图标。
下载到电脑本地,然后解压,解压后如下所示:
双击直接运行安装,
这里第一个是一定要勾选的,第二个根据自己的情况选择。
然后点击Next,记得要关闭当前DS,否则就会出现下面这个弹窗。
点击取消,然后关闭DS,再点击Next。
注意安装的目录,这里我选择D盘。
勾选第一个,意思是创建桌面快捷启动方式,然后点击Next。
点击Install。
等待安装完成。
安装完成勾选上这个选线,然后点击Finish就会关闭当前窗口并打开DS。
点击OK
然后创建一个新的鸿蒙应用
这里选择Phone,然后选择一个Empty Ability,并且是使用Java语言的,然后点击Next。
然后设置项目名称,包名,项目存放路径,之前我是没有创建过Phone,然后点击Finish。
本来是在等待编译完成,没想到给我报错了。
错误信息如下:
ERROR: Unable to install toolchains:2.1.0.13,java:2.1.0.13 as the license has not been accepted. Use the ‘File -> Settings -> Appearance & Behavior -> System Settings -> HarmonyOS SDK’ to agree to the license agreement and download.
应该是某一个许可没有开启,你可以按照这个错误日志上说的去开启。于是你可以找到这里。
你是否明白是为什么了呢?不过还是先改一下Sdk的路劲吧,放在C盘让我有些慌。改动一下,点击Edit
点击更换文件夹
我个人是习惯将SDK放在应用程序安装的目录下的。之前我们的应用程序是安装在D盘下的Huawei文件夹下,那么在这个文件夹下再创建一个Sdk文件夹。
然后点击Next,则会重新下载SDK。
点击Next
选择Accept,然后点击Next。
等待下载完毕,
下载完成后点击Finish。
你可以看到这个的Java已经是勾选上的了,之前是没有勾选的。如果你选择是其他的语言也是一样的道理,然后点击OK。
点击Try Again
点击第一个,这个对应我们刚才设置的SDK路径,然后会重新配置你的项目,现在就不会报错了,如下图所示:
三、新功能
① 支持布局预览
之前我们使用DS的时候就觉得很蛋疼,为什么呢?就是写页面没有预览,而我们刚才安装的这个新版本DS,是可以预览的。项目中有一个MainAbility,那么它对应的布局文件就是ability_main.xml。这和我么在AS中的习惯就完全一样了,表示很舒服。我们打开这个布局,然后右侧边栏点击Previewer进行预览,而第一次预览需要启动一个服务,如下图所示
底部栏有一个启动预览服务的加载提示。等待加载完成之后你会看到一个手机预览图,上面有这个手机的分辨率,底部写着这个哪一个布局文件,然后预览模型是华为P40,我是觉得有点长,因为我也没有用过,右边是放大缩小的功能按钮,向下滑动你会看到一个省略按钮。
点击出现更多的设置,目前可以设置语言,不过只有中文和英文。还有调试设置屏幕坐标系。至于这个搜索是搜索什么的,我还不知道的。
那么我们先不写代码,直接运行一次看怎么样。点击那个运行按钮,你会看到这个页面,因为我的AS其实也是打开的,我之前在调试Android项目的,但是这个DS也能读取到我的手机,那么是不是说,现在的鸿蒙项目已经可以运行在我自己的Android手机上了呢?我们试试看吧。
很明显是我想太多了,这样不行。
因此我们目前还是老老实实用模拟器吧。点击Tools → HVD Manager,因为增加了新的设备,所以虚拟模块要再下载一次。
下载完成之后就会跳转验证
验证通过之后你会看到这个有了一个设备那就是P40。点击右侧的三角按钮进行启动。
启动之后你可以看到这样的画面,就是觉得有些模糊。
操作方式和你使用手机没有什么两样的,只是操作起来比较卡,用鼠标代替手,就可以了。
那么下面运行一下。
② 新增设备模块开发
其实在这个版本之前就已经支持了新的设备开发了,手机、汽车、相机。再加上原来有的手表、电视、智能穿戴。这里我是不可能一一介绍的,因此我挑了一个最感兴趣的模块,那就是手机。
那么下面运行到这个远程模拟器上看看吧。
运行成功了,这个安装速度还是挺快的。
然后点击返回,你可以在模拟器的桌面上看到这个应用。
然后长按这个应用,点击卸载就可以卸载了,这和手机的操作习惯完全一样的。
总结
这篇文章还是写的比较急促的,后续我会再完善一些,见谅。