「鸿蒙开发 3」华为鸿蒙应用开发的低代码（Super Visual）开发方式

开发前可以了解下鸿蒙： [鸿蒙开发 序]华为鸿蒙操作系统（HarmonyOS）简介及开发环境搭建

我们提供的服务有：成都做网站、网站设计、微信公众号开发、网站优化、网站认证、宝安ssl等。为上1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的宝安网站制作公司

开发前的准备：「鸿蒙开发 1」华为鸿蒙应用集成开发环境DevEco Studio安装和设置

了解鸿蒙应用开发的基本开发流程：「鸿蒙开发 2」第一个华为鸿蒙（HarmonyOS）应用程序（App）

本章目标：

1 了解华为鸿蒙应用开发的可视化（低代码）方式

2 通过构建一个简单的具有页面跳转功能的应用

低代码开发方式，即通过可视化界面开发方式快速构建布局、编辑UI界面，可有效降低用户的上手成本并提升用户构建UI界面的效率。

1 打开DevEco Studio，创建一个新工程，选择支持Phone / Tablet / Wearable（手机 / 平板 / s可穿戴）的模板，我们在此直接选择Empty Ability

Project name工程名称填SuperVisual

Development mode开发方式选择Super Visual

其它的可以使用默认设置，点击完成，进入编辑界面

1 在Project（项目）窗口，删除工程运行默认的入口文件夹：“entry src main js default pages index”文件夹

2 在Project窗口，选择工程中的“entry src main js default pages”，单击鼠标右键，选择“New JS Visual”

JS visual name填first，点击完成，进入编辑界面

创建完成后，可以看到“entry src main supervisual default pages page page.visual”的文件目录结构

3 第一个页面内有一个容器、文本和一个按钮，通过Div、Text和Button组件来实现

（1）分别选中first.visual画面中的Text、Div组件，单击鼠标右键，选择Delete删除

（2）选中UI Control中的Div组件，将其拖至画布

点击右侧属性样式栏中的通用样式图标（General），设置Div组件的高度Height为100%，使其占满屏幕

点击右侧属性样式栏中的样式图标（Flex），设置Div组件的FlexDirection样式为column，使Div的主轴垂直；设置Div组件的JustifyContent样式为center，使得其子组件在主轴上居中显示；设置Div组件的AlignItems样式为center，使得其子组件在交叉轴上居中显示

（3）选中UI Control中的Text组件，将其拖至Div组件的中央区域

点击右侧属性样式栏中的属性图标（Properties），设置Text组件的Content属性为 “ Hello World ”

点击右侧属性样式栏中的通用样式图标（General），设置Text组件的宽（width）为100%，高（height）为100px

点击右侧属性样式栏中的样式图标（Feature），设置组件的FontSize样式为60px，使得其文字放大；设置组件的TextAlign样式为center，使得组件文字居中显示

（4）选中UI Control中的Button组件，将其拖至Text组件下面

点击右侧属性样式栏中的属性图标（Properties），设置Button组件的Value属性为 “ Next ”，

点击右侧属性样式栏中的通用样式图标（General），设置按的宽（width）为40%，高（height）为60px

点击右侧属性样式栏中的样式图标（Feature），设置组件的FontSize样式为40px

至此，第一个页面创建完成

我们可以在预览窗口中看效果，点击右侧边栏的Preview打开预览窗口

1 在Project窗口，选择工程中的“entry src main js default pages”，单击鼠标右键，选择“New JS Visual”

Visual配置界面，JS visual name填second，回车（Enter键）或者点击完成，进入编辑界面

2 第二个页面中有一个容器和文本，通过Div、Text组件实现，现在编辑器已经为我们创建好了，我们就来修改下它们的属性（你也可以删除原有的自己创建，具体步骤参考本章第二节“二 创建第一个页面”）。

选中Text组件，点击右侧属性样式栏中的属性图标（Properties），设置Text组件的Content属性为 “ Hi，I'm always here. ”

点击右侧属性样式栏中的通用图标（General），设置组件的宽（width）为100%，高为60px

点击右侧属性样式栏中的样式图标（Feature），设置组件的FontSize样式为36px，TextAlign样式为center

这样我们的第二个页面创建成功了

1 在Project窗口，打开工程中的“entry src main js default pages first first.js”， 导入router模块，页面路由router根据页面的uri来找到目标页面，从而实现跳转。示例代码如下：

2 打开或者切换到first.visual页面，选中画布上的Button组件，点击右侧属性样式栏中的事件图标（Events），鼠标点击Click事件的输入框，选择launch事件

3 在预览窗口中查看项目效果，点击Next按钮后发现我们的页面成功跳转了。

到此，本章的目标就完成了。

appinventor可以使用鸿蒙手机吗

appinventor可以使用鸿蒙手机。鸿蒙系统是基于Linux内核而开发的，与谷歌的Android是同一内核，所以鸿蒙系统可以兼容大多数的Android软件，并且鸿蒙版的软件也逐渐在推出更新，已经有支持HarmonyOS服务的应用，甚至是纯HarmonyOS的应用上架华为应用市场。Appinventer是一款著名的Android小工具制作软件。因为它使用的是“搭积木是编程”，因此非常易上手，十分适合Android编程小白使用。

华为鸿蒙用什么工具开发App

DevEco Studio

目前已更新到2.1版本

可以用Java来进行开发，如果不了解Java编程，可以看看我下面这个专栏：

鸿蒙确实用了安卓开源项目代码，但安卓套壳论却是一戳即破的谎言

现在华为鸿蒙系统（Harmony OS）已经到了大规模推广、搭载前的最后公测阶段，已经有很多人升级到了鸿蒙，事实就摆在面前了，所以现在关于鸿蒙系统是PPT的说法，差不多都该很快消失了。

目前对鸿蒙系统的质疑声音，又集中到了“安卓套壳”这个老话题上来，毕竟鸿蒙系统确实是全面兼容安卓APP，而且在日常界面上也和安卓系统很类似。很多所谓程序员就根据鸿蒙系统中确实有很多AOSP（安卓开源项目）的开源代码来认定，鸿蒙系统就是安卓套个壳而已。

一、这样的观点，实际上从稍有知识产权、法律常识的角度看，根本就是不可能成立的。

难道一个强悍的谷歌公司，就没有几个律师（法务）懂这事？你以为谷歌强制要求的 安卓手机开机界面“Powered by android” 只是个摆设，或是个花架子没用的？如果说谁家手机系统底层是安卓，却不遵从这个规则，怕是早就被谷歌告进了法院。谷歌有多么狠没人不知道吧？要知道谷歌自家私有的GMS（谷歌移动服务），早就禁止华为手机安装了。当时谷歌那可是步步紧逼，坚决把禁止华为使用GMS进行到底的力度。

放心吧，谷歌没这么傻，华为更没这么傻。如果鸿蒙系统不是完全自己开发的，华为有必要多此一举？ 华为现在的 “安卓+EMUI+HMS（华为移动服务）”模式 ，不也是用得好好的吗？ 而且，“安卓+EMUI+HMS”这个模式，只要华为想用安卓开源系统，还可以一直用下去，完全符合开源项目规则。

其实这也是目前小米、OPPO、vivo、三星等所有安卓系手机厂家都在做的，比如小米的安卓+MIUI等。况且，华为的EMUI也很强大，完全不比任何别家UI系统差。

二、即便是从软件技术、软件开源社区及开源软件规则这些常识看，鸿蒙系统使用AOSP（安卓开源项目）的开源代码不但合规，还是合情、合理的。

下面咱们来看看2021年1月下旬，华为消费者业务软件部总裁、鸿蒙操作系统负责人王成录接受采访时，对鸿蒙系统全面、深入的介绍。王成录这位资深“程序员”，应该是最有资格介绍鸿蒙系统的了。

这里王成录还是把对鸿蒙系统的质疑归结于理解不一致的问题。他说并不是所有安卓代码都是谷歌开发的，安卓系统的绝大部分代码来自开源社区。

鸿蒙也会吸收社区的优秀技术和代码，用了AOSP（Android 开源项目）的开源代码，就认定鸿蒙是安卓换了皮，说明这类吐槽者没有太准确理解什么是开源。开源系统的最大意义就在于大家都来贡献代码，大家都可以免费使用。而华为本身就是安卓开源系统最大的贡献者之一。

王成录说到 今年10月，鸿蒙第三阶段的开源代码会上线，来自AOSP社区的、由谷歌贡献的代码就几乎没有了 。相信华为的这个时间表，那些吐槽的所谓“程序员”应该可以理解了。

由此可见， 鸿蒙系统是庞大的，特别是前期吸收开源社区的技术、代码，都可以显著提高系统开发的进程，华为何乐而不为呢？这个槽点，该破了。

类似的，鸿蒙系统对于安卓APP的兼容，也是这个连续性的道理。王成录明确提到，现在鸿蒙生态的应用量（APP及开发者）还不够多。他说谷歌安卓系统有约2000万开发者，苹果iOS有2400万开发者，鸿蒙生态的开发者数量还差很多。所以， 在鸿蒙生态起步的初级阶段，兼容安卓不但不该被吐槽，反而应该是一个妙招 。

当然华为也没有忽视自有生态建设。华为选择了中国应用市场（APP）下载量排名前200的厂家，一个个去沟通，已确定做方案的达到70%。鸿蒙生态建设非一日之功，早在紧张进行中。

这些吐槽的所谓程序员，要么就是揣着明白装糊涂，为了吐槽鸿蒙而装糊涂；要么根本就不是程序员，打着程序员的幌子，纯粹就是为了吐槽鸿蒙而已。

三、最后做个善意提醒，现在用着安卓系统的手机厂家，也不要高兴太早，或是暗自庆幸自己运气好，没有被谷歌打压。

谷歌可是在一步步收紧对安卓系统的控制，说不定啥时候让你交点儿使用费，怕是躲不开的。而且交点儿使用费，怕这还是好的。 要是哪天你也想真心实意做点儿技术活，也搞点儿高新 科技 ，难免要被美国盯上，难道就不怕和华为一样也被禁掉GMS？多做点儿准备，不是坏事。

并且鸿蒙系统的微内核、软总线、分布式架构的先进性，是安卓系统不可匹敌的。随着鸿蒙系统生态进一步完善，加上华为鸿蒙系统的开放政策，相信用上更先进的系统，对任何厂商都有吸引力。用上中国自己的操作系统，何乐而不为？连谷歌都在开发安卓的替代系统Fuchsia了，难道还有人怀疑安卓必将被淘汰的结果吗？

鸿蒙系统确实是个新事物，很多人对其缺乏认识是可以理解的。我们中国之前确实也没有拿出一个成功的操作系统，鸿蒙系统突围而出的难度的确很大，有些人缺乏信心也有可能。 但是现在华为有实力、有机会，鸿蒙成功就在眼前，我们还腿软，就不该了。

你好，鸿蒙！卓尔软件已全面支持鸿蒙系统

2021年6月2日，华为公司正式发布支持手机终端的鸿蒙操作系统2（HarmonyOS 2），鸿蒙是首款国产操作系统，100%的自主研发技术。发布后一周，升级用户已破千万，成为全球第3大手机操作系统。

鸿蒙HarmonyOS操作系统，是一款全新的面向全场景的分布式操作系统，相比iOS和安卓，鸿蒙系统最大的亮点就是打破各个设备之间的隔阂，实现真正的万物互联。

技术革新，为满足今后鸿蒙系统客户的切实需求，推广国产系统。卓尔软件技术研发部门率先对鹰战·智慧城管、智慧公路、智慧环卫、四好农村路管养以及智慧环保等系列产品APP进行了适配与测试。

测试使用安装鸿蒙Harmony OS 2系统的华为品牌手机进行，测试各软件在鸿蒙系统上运行的流畅性兼容性。测试的功能包括：启动、更新安装、登录、问题上报、视频通话与地图查看等相关功能。经过严格的兼容性测试，界面适配，运行流畅。

测试结果显示：卓尔软件系列APP已全面支持鸿蒙系统！

智慧城管云平台： 以“大城管”为格局统一规划，以“精细化”管理为鹰眼载体，以9大标准子系统为基础：无线数据采集、呼叫中心受理、协同工作、 地理编码、大屏幕监督指挥、综合评价、基础数据资源管理、构建与维护、数据交换子系统，建立切实可行的城市长效管理机制， 拓展N个鹰翼系统，结合各地方文件要求，因地制宜打造具有城市特色的智慧城管。

智慧环卫APP： 利用移动互联技术手段，提升环卫管理效率与速度；依托移动端实时、便捷的优点，将移动应用分散嵌入到各个业务模块中，构建全局深度融合的移动应用体系，实现在移动上进行环卫日常工作和作业监管。

拥有安全可控的国产手机操作系统，除了提升 科技 领域实力，对保障国家网络安全也有着重大意义。鸿蒙国产手机操作系统正实现了“手机操作系统国产梦”。

青岛卓尔软件开发有限公司一直秉承“软件强国”的理念，二十年如一日打造符合中国特色的智慧城市系列软件平台，为超过1600家政府、企事业单位及组织提供系统维护服务，用实力与真诚，赢得口碑，获得赞赏。将来，让我们与中国 科技 同行者：携手与共，前行不止，创新创造，勇创辉煌！

华为鸿蒙手机应用开发上手体验

之前测试过使用华为DevEco开发智能电视应用。前几天华为发布了手机的测试版，不能免俗，抓紧尝试一下。

手头没有华为手机测试系统，现在试一下开发环境跑模拟器感受一下。

以前DevEco里是没有手机选项的，现在该选项可以看到了：

这里测试一下Business Card Ability(Java)开发。

DevEco和Android Studio一样基于开源的Idea版本开发的，其结构与安卓开发环境非常像，熟悉安卓的小伙伴应该能很快上手。

入口程序是一个MyApplication，从AbilityPackage继承。

它首先找到了连接的荣耀手机，但这个手机不是鸿蒙系统。

编译是成功了，但提示设备无法使用：

点击Tools - HVD Manager

首先提示登陆华为账号，登陆后，选择一个模拟器运行：

启动以后长这个样：

点击设置，先看看关于：

上面显示大大的HarmonyOS。但感觉画面很模糊，不知道模拟器到底是运行在本地的，还是云端的。但DevEco上显示是Remote Device字样。

鸿蒙OS版本号 2.0.0 Developer Beta1。

再点运行，在指定的模拟器上运行程序。

不过仍然运行失败：

鸿蒙OS版本与平板是一致的，

程序终于跑起来了：

看起来安卓程序好像真能在鸿蒙直接运行，安装一个快手试试：

还真能看：

我真分不清这是安卓还是鸿蒙了 。