鸿蒙 DevEco Studio升级更新、新特性(新设备、布局预览)

简介: 鸿蒙 DevEco Studio升级更新、新特性(新设备、布局预览)

DevEco Studio升级更新、新特新


前言


近来一段时间在忙工作上的事,对鸿蒙的文章很久没有更新了,而鸿蒙之前的开发者文档中说明了会在近期更新DevEco Studio的版本,当版本更新之后肯定会增加一些新的内容,下面来看看吧。


正文


 我记得我在2020年9月17号发布第一篇鸿蒙的安装配置文章里面介绍了怎么下载和安装DevEco Studio,后面都以DS为简称。当时的版本是2.0.8.203,你可以通过DS的导航栏Help→About进行查看。


20210104210218974.png


一、新版DS内容


  下面先进行DS的更新,点击导航栏Help→Check for Updates,会出现如下弹窗(写文章时,最新的DS版本为2.0.12.201,当然你看到这篇文章时,可能已经不是最新版本了)


20210104211528553.png


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. 增强功能


下面是增强功能的讲述,增强的功能有以下三点:


20210104213955655.png


① 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,进行更新。


20210104215421256.png


你会发现更新不了。那么你可以点击这个地址下载地址进行查看。


 这个V2.0.12.201于2020年12月16日发布,是DS的第三个正式版本,虽然在DS内部目前更新不了但还是可以通过官网下载,然后覆盖安装的。还记得当时DS的第一个版本吗?没错就是我当初写文章时安装的版本,当时只支持Windows,不支持MacOS,这个问题其实已经在2020年11月15日发布DS的第二个版本V2.0.10.201中解决了。因此第三个版本也同时更新了Windows和MacOS的DS应用程序。


20210224153009706.png


点击下载按钮,可以看到当前最新的版本是2.1 Beta2,对标版本是2.1.0.201,和我们在DS内部检查更新看到的不同,因此你最好通过官网来下载这个新版的DS应用程序,然后覆盖安装



20210224153053953.png

点击右边的下载图标,当然不可避免需要你使用华为账号登录验证身份,验证身份之后再点击这个蓝色的下载图标。


下载到电脑本地,然后解压,解压后如下所示:


20210224153731256.png


双击直接运行安装,


20210224153822503.png


这里第一个是一定要勾选的,第二个根据自己的情况选择。


20210104223856862.png


然后点击Next,记得要关闭当前DS,否则就会出现下面这个弹窗。


20210104224011884.png


点击取消,然后关闭DS,再点击Next。


20210224153945670.png


注意安装的目录,这里我选择D盘。


20210104224353730.png


勾选第一个,意思是创建桌面快捷启动方式,然后点击Next。


20210224154023991.png


点击Install。


20210104224452350.png


等待安装完成。


20210104224651380.png


安装完成勾选上这个选线,然后点击Finish就会关闭当前窗口并打开DS。


20210224154455321.png


点击OK


20210224154527806.png


然后创建一个新的鸿蒙应用


2021022415482293.png


这里选择Phone,然后选择一个Empty Ability,并且是使用Java语言的,然后点击Next。


2021022415491934.png


然后设置项目名称,包名,项目存放路径,之前我是没有创建过Phone,然后点击Finish。


20210224155146591.png


本来是在等待编译完成,没想到给我报错了。


20210224155430475.png


错误信息如下:

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.


应该是某一个许可没有开启,你可以按照这个错误日志上说的去开启。于是你可以找到这里。


20210224155646173.png


你是否明白是为什么了呢?不过还是先改一下Sdk的路劲吧,放在C盘让我有些慌。改动一下,点击Edit


20210224160103655.png


点击更换文件夹


20210224160136385.png


我个人是习惯将SDK放在应用程序安装的目录下的。之前我们的应用程序是安装在D盘下的Huawei文件夹下,那么在这个文件夹下再创建一个Sdk文件夹。


20210224160316692.png


然后点击Next,则会重新下载SDK。


20210224160339954.png


点击Next


20210224160358857.png


选择Accept,然后点击Next。


20210224160430136.png


等待下载完毕,


20210224160515519.png


下载完成后点击Finish。


20210224160549528.png


你可以看到这个的Java已经是勾选上的了,之前是没有勾选的。如果你选择是其他的语言也是一样的道理,然后点击OK。


20210224160728281.png


点击Try Again


20210224160803453.png


点击第一个,这个对应我们刚才设置的SDK路径,然后会重新配置你的项目,现在就不会报错了,如下图所示:


20210224160858784.png


三、新功能


① 支持布局预览


之前我们使用DS的时候就觉得很蛋疼,为什么呢?就是写页面没有预览,而我们刚才安装的这个新版本DS,是可以预览的。项目中有一个MainAbility,那么它对应的布局文件就是ability_main.xml。这和我么在AS中的习惯就完全一样了,表示很舒服。我们打开这个布局,然后右侧边栏点击Previewer进行预览,而第一次预览需要启动一个服务,如下图所示


20210224161259605.png


底部栏有一个启动预览服务的加载提示。等待加载完成之后你会看到一个手机预览图,上面有这个手机的分辨率,底部写着这个哪一个布局文件,然后预览模型是华为P40,我是觉得有点长,因为我也没有用过,右边是放大缩小的功能按钮,向下滑动你会看到一个省略按钮。


20210224161743126.png


点击出现更多的设置,目前可以设置语言,不过只有中文和英文。还有调试设置屏幕坐标系。至于这个搜索是搜索什么的,我还不知道的。


20210224161954580.png


那么我们先不写代码,直接运行一次看怎么样。点击那个运行按钮,你会看到这个页面,因为我的AS其实也是打开的,我之前在调试Android项目的,但是这个DS也能读取到我的手机,那么是不是说,现在的鸿蒙项目已经可以运行在我自己的Android手机上了呢?我们试试看吧。


20210224162242143.png


很明显是我想太多了,这样不行。


20210224162437826.png


因此我们目前还是老老实实用模拟器吧。点击Tools → HVD Manager,因为增加了新的设备,所以虚拟模块要再下载一次。


20210224162955390.png

20210224163022989.png

下载完成之后就会跳转验证


20210224163121863.png


验证通过之后你会看到这个有了一个设备那就是P40。点击右侧的三角按钮进行启动。


2021022416320491.png


启动之后你可以看到这样的画面,就是觉得有些模糊。


20210224163346708.png


操作方式和你使用手机没有什么两样的,只是操作起来比较卡,用鼠标代替手,就可以了。


20210224163428445.png


那么下面运行一下。


② 新增设备模块开发


其实在这个版本之前就已经支持了新的设备开发了,手机、汽车、相机。再加上原来有的手表、电视、智能穿戴。这里我是不可能一一介绍的,因此我挑了一个最感兴趣的模块,那就是手机。


那么下面运行到这个远程模拟器上看看吧。


20210224163921441.png


运行成功了,这个安装速度还是挺快的。


20210224163947421.png


然后点击返回,你可以在模拟器的桌面上看到这个应用。


2021022416405878.png


然后长按这个应用,点击卸载就可以卸载了,这和手机的操作习惯完全一样的。


20210224164119229.png


总结


 这篇文章还是写的比较急促的,后续我会再完善一些,见谅。


相关文章
|
3天前
|
API
HarmonyOS 3.1/4项目在DevEco Studio 5.0(HarmonyOS NEXT)版本下使用的问题
有读者在使用《鸿蒙HarmonyOS应用开发入门》书中的源码时遇到问题,主要原因是使用的DevEco Studio版本不同所致。本文提供了三种解决方案:1) 降级DevEco Studio至3.1版本;2) 按照5.0版本修改书中示例;3) 等待并使用《鸿蒙之光HarmonyOS NEXT原生应用开发入门》升级版书籍。
41 1
|
21天前
|
监控 IDE 开发工具
「Mac畅玩鸿蒙与硬件5」鸿蒙开发环境配置篇5 - 熟悉 DevEco Studio 界面
本篇将详细介绍 DevEco Studio 的界面布局和主要功能模块,帮助开发者熟悉开发环境,提高开发效率。通过了解各个界面区域,开发者可以顺利找到所需工具,流畅开展鸿蒙应用开发。
48 2
「Mac畅玩鸿蒙与硬件5」鸿蒙开发环境配置篇5 - 熟悉 DevEco Studio 界面
|
21天前
|
开发工具 开发者 git
「Mac畅玩鸿蒙与硬件4」鸿蒙开发环境配置篇4 - DevEco Studio 高效使用技巧
本篇将进一步介绍如何在 DevEco Studio 中高效使用各种功能,通过掌握快捷键、代码补全、调试工具等,帮助开发者在鸿蒙应用开发中大幅提升工作效率。
64 1
「Mac畅玩鸿蒙与硬件4」鸿蒙开发环境配置篇4 - DevEco Studio 高效使用技巧
|
21天前
|
开发工具 git 开发者
「Mac畅玩鸿蒙与硬件3」鸿蒙开发环境配置篇3 - DevEco Studio 插件安装与配置
本篇将专注于如何在 DevEco Studio 中安装和配置必要的插件,以增强开发功能和提升效率。通过正确配置插件,开发流程能够得到简化,开发体验也会更加顺畅。
68 1
「Mac畅玩鸿蒙与硬件3」鸿蒙开发环境配置篇3 - DevEco Studio 插件安装与配置
|
21天前
|
开发工具 iOS开发 开发者
「Mac畅玩鸿蒙与硬件2」鸿蒙开发环境配置篇2 - 在 Mac 上安装 DevEco Studio
本篇将专注于如何在 Mac 上安装鸿蒙开发工具 DevEco Studio,确保开发环境能够顺利搭建。完成安装后,可以正式开始鸿蒙应用的开发工作。
70 1
「Mac畅玩鸿蒙与硬件2」鸿蒙开发环境配置篇2 - 在 Mac 上安装 DevEco Studio
|
16天前
|
开发者 UED 容器
鸿蒙next版开发:ArkTS组件通用属性(Flex布局)
在HarmonyOS next中,ArkTS的Flex布局是一种强大且灵活的布局方式,支持水平或垂直方向排列元素,并能动态调整大小和位置以适应不同屏幕。主要属性包括justifyContent、alignItems、direction和wrap,适用于导航栏、侧边栏和表单等多种场景。示例代码展示了如何使用这些属性创建美观的布局。
49 10
|
15天前
|
前端开发 API
鸿蒙next版开发:相机开发-预览(ArkTS)
在HarmonyOS 5.0中,使用ArkTS进行相机预览是核心功能之一。本文详细介绍了如何使用ArkTS实现相机预览,包括导入相机接口、创建Surface、获取相机输出能力、创建会话并开始预览,以及监听预览输出状态等步骤,并提供了代码示例。通过本文,读者可以掌握在HarmonyOS 5.0中使用ArkTS进行相机预览的基本方法。
38 6
|
16天前
|
UED 开发者 容器
鸿蒙next版开发:ArkTS组件通用属性(布局约束)
在HarmonyOS next中,ArkTS提供了一系列通用属性来设置组件的布局约束,使开发者能够灵活控制组件的布局行为。本文详细解读了这些属性,包括`space`、`justifyContent`、`alignItems`、`layoutWeight`、`matchParent`和`wrapContent`,并通过示例代码展示了它们的使用方法。这些属性有助于实现响应式布局、动态界面调整和提升用户体验。
47 5
|
24天前
|
开发者 容器
Flutter&鸿蒙next 布局架构原理详解
本文详细介绍了 Flutter 中的主要布局方式,包括 Row、Column、Stack、Container、ListView 和 GridView 等布局组件的架构原理及使用场景。通过了解这些布局 Widget 的基本概念、关键属性和布局原理,开发者可以更高效地构建复杂的用户界面。此外,文章还提供了布局优化技巧,帮助提升应用性能。
82 4
|
24天前
|
容器
深入理解 Flutter 鸿蒙版的 Stack 布局:适配屏幕与层叠样式布局
Flutter 的 Stack 布局组件允许你将多个子组件层叠在一起,实现复杂的界面效果。本文介绍了 Stack 的基本用法、核心概念(如子组件层叠、Positioned 组件和对齐属性),以及如何使用 MediaQuery 和 LayoutBuilder 实现响应式设计。通过示例展示了照片展示与文字描述、动态调整层叠布局等高级用法,帮助你构建更加精美和实用的 Flutter 应用。
109 2

热门文章

最新文章

下一篇
无影云桌面