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

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

成都创新互联-专业网站定制、快速模板网站建设、高性价比连云网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式连云网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖连云地区。费用合理售后完善，10余年实体公司更值得信赖。

开发前的准备：「鸿蒙开发 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按钮后发现我们的页面成功跳转了。

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

鸿蒙系统的代码是什么？

基于C++开发的开源操作系统。鸿蒙系统一般指华为鸿蒙系统。华为鸿蒙系统（HUAWEIHarmonyOS），是华为在2019年8月9日于东莞举行华为开发者大会（HDC.2019）上正式发布的操作系统。

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

现在华为鸿蒙系统（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了，难道还有人怀疑安卓必将被淘汰的结果吗？

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

本文名称：鸿蒙开发界面代码,鸿蒙开放代码
文章转载：http://kswjz.com/article/hoeeoo.html