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

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

成都网站建设哪家好，找创新互联建站！专注于网页设计、网站建设公司、微信开发、成都小程序开发、集团企业网站建设等服务项目。核心团队均拥有互联网行业多年经验，服务众多知名企业客户；涵盖的客户类型包括：咖啡厅设计等众多领域，积累了大量丰富的经验，同时也获得了客户的一致称赞！

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

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

harmonyos应用开发环境搭建,不需要我们手动下载安装的

harmonyos应用开发环境搭建，是需要我们手动下载安装的。

1、在手机应用商店里面搜索进行下载。

2、点击安装即可，HarmonyOS（鸿蒙）提供了支持多种开发语言的API，供开发者进行应用开发。

鸿蒙是什么？大多数人可能都理解错了

鸿蒙操作系统（Harmony OS），从2019年第一次开天辟地出现在世人面前，到如今已接近2年。但是到现在，大多数人仍然难以说清楚“鸿蒙”究竟是什么。

6月2日晚，华为举办发布会，正式发布新一代鸿蒙操作系统HarmonyOS 2以及多款搭载该系统的产品，并宣布“百”款手机设备将陆续启动鸿蒙操作系统升级。也就是说，搭载鸿蒙操作系统的手机已经变成面向市场的正式产品。

自从鸿蒙诞生以来，“国产”、“第三大操作系统”都是贴在它身上的标签，那么，搭载在手机上的鸿蒙操作系统是什么样的？和安卓、iOS相比，它有什么特点？其他手机厂商是否会支持搭载？

搭载鸿蒙系统的手机来了：

从万能卡片到畅联流转，新功能登场

在这场发布会上，华为消费者业务CEO余承东、消费者业务软件部总裁王成录和手机产品线总裁何刚等先后亮相。

王成录用一句话概括了鸿蒙操作系统（以下简称“鸿蒙”）给当前的手机系统带来的变化：

“在智能手机的时代，让消费者有机会根据自己的需要来组装软件（指APP）。那么，鸿蒙相对于今天的操作系统，又有一个飞跃，让消费者可以根据自己的需要来组装不同的硬件。”

红星资本局注意到，智能手机在搭载了鸿蒙以后，消费者能明显感觉到的变化主要体现在三个功能上，即畅联流转、多机位模式和万能卡片。

要解释清楚这三个功能，我们首先要明确的是，鸿蒙系统是基于物联网推出的。

截图自发布会

对于鸿蒙，华为给出的官方定义是“面向全场景的分布式操作系统”。大概意思是： 鸿蒙可以通过分布式技术，把物理上相互分离的多个设备，融合成一个“超级终端”。

比如说，现在很多人家里都有智能家居设备，通过特定的APP和系统，我们可以控制电灯的亮灭、窗帘的开合；但是，由于不同的生产商往往没有互联互通，用户可能需要使用多个APP甚至是多种操作系统。

而鸿蒙要做的就是打破这个困局，就像王成录说的那样，“鸿蒙系统是不同设备的统一语言。”

现在我们回过头来看看搭载鸿蒙的手机有些什么新功能：

大多数人没看懂的鸿蒙：

和安卓、iOS的区别到底在哪里？

在对鸿蒙操作系统（以下简称“鸿蒙”）进行解读时，难免会和安卓、iOS这两个操作系统上的巨头进行比较。

据StatCounter数据显示，在2020年4月至今年4月，移动端操作系统市场份额上，谷歌安卓系统占比达72.2%，苹果iOS系统占比为26.99%，其他均不足1%。

安卓和iOS几乎垄断了全球市场，在这样的背景下，鸿蒙要如何突围？

“华为绝不会再做一个安卓或者再做一个iOS，如果再做一个一样的智能终端的操作系统，是没有价值的。”王成录称。

和安卓、iOS相比，鸿蒙最大的特点在于：它不仅是一个手机操作系统，更是一个面向万物互联的操作系统。手机、电视、平板、 汽车 等终端只要搭载鸿蒙系统，软件在不同平台之间都可以适配，不再需要单独开发。

通信专家项立刚在接受红星资本局采访时，把鸿蒙称为 “下一代操作系统” 。

“我们以前的操作系统——电脑用的是电脑操作系统，手机用的是手机的； 那到了现在，我们希望能把电脑、手机甚至是 汽车 的操作系统都打通，传统的系统架构做不到，必须有新的架构。” 项立刚对红星资本局说。

图据微博@华为终端公司

按照目前的发布情况来看，鸿蒙更像是锚定物联网时代推出的系统。

据经济参考报援引GSMA数据，预测在2025年全球物联网的设备联网数量将达到252亿。在预测期内，市场规模将几乎是原来的四倍。

鸿蒙作为第一个基于物联网时代的操作系统，可以说占据了“天时”和“地利”。至于“人和”，则需要华为努力为鸿蒙搭建起一条完整的产业生态链。

3亿和16%的生死线：

操作系统的生态链要如何搭建起来？

“做一个操作系统，技术上不难，生态才是核心。生态涉及的广度、深度和复杂度远远超过所有的单个技术。”王成录曾说。

项立刚也告诉红星资本局，目前对鸿蒙来说，最大的难题在于生态链。“鸿蒙需要更多的应用来支持，让用户可以在其中使用不同的应用，而且体验感不受影响。”

红星资本局了解到，华为的生态链搭建主要有两个方向，南向和北向。其中，南向是指设备制造厂家，比如九阳、美的等家电品牌；而北向指的是应用开发者。

据媒体报道，在今年3月，安卓有约2000万开发者，iOS有约2400万开发者，而鸿蒙的开发者则在数百万级。 不过，有提前体验了鸿蒙的用户告诉红星资本局，部分安卓APP可以兼容鸿蒙，目前使用正常。

图据华为年报

那要把生态链发展到什么程度，鸿蒙才算是存活了下来？

华为消费者业务AI与智慧全场景业务部副总裁杨海松给出了一个数字——16%。

“对于操作系统这类底层平台而言，软件使用量、市场占有率是它能否活下来、能否成功的核心因素，而16%的市占率则是一个生死线。”杨海松说 。

为了迈过这16%市占率的生死线， 华为在2021年需要完成的目标是：搭载鸿蒙的设备数量需达到3亿。 其中，自有设备占2亿，生态合作伙伴的设备数量为1亿。

据余承东此前透露，目前华为已售出超过10亿台全场景智慧连接设备，其中在网手机超过7亿台，大约90%的华为存量和在售手机都可以升级为鸿蒙系统。

10亿台中约有7亿台是手机，也就是说，鸿蒙的绝大部分希望仍是寄托于手机产品上的。

用户们会愿意将现有的系统升级为尚未成熟的鸿蒙吗？

其他手机品牌会搭载吗？

连荣耀似乎也不愿轻易“冒险”

红星资本局发现， 目前，国内主流的手机厂商均没有明确表示生产的手机会搭载鸿蒙。就连刚从华为分出去的“亲儿子”荣耀，似乎也不敢轻易“冒险”。

“荣耀已是一个完全独立的手机品牌，会根据行业发展适当的时候选择不同的操作系统。”荣耀的CEO赵明称， 当下安卓依然是荣耀首选，但未来不排除使用鸿蒙。

值得一提的是，在华为过去的出货量中，荣耀品牌下的手机是不可或缺的一部分。

红星资本局发现，有数据统计称，中国手机用户换机周期为2年。

据华为2019年年报，当年的智能手机发货量超过2.4亿台（包括荣耀）；另据IDC数据，在2020年，华为全年的出货量为1.89亿台（包括荣耀）。

也就是说，正在被用户们使用的华为手机大约有4.29亿台，每两位华为手机用户中，至少要有一位升级为鸿蒙系统，华为设立的2亿自有设备搭载鸿蒙的目标才有可能达到。

现在，就连荣耀也没有立刻搭载鸿蒙，华为距离16%的生死线似乎又远了一点。

除了荣耀外，也有其他手机厂商——魅族站出来力挺鸿蒙，但是，魅族用来搭载鸿蒙的并非是手机产品，而是智能家居业务线。

为什么会出现这样的情况？

“一方面是，这些手机厂商和安卓本身合作得很不错；另一方面，这些手机厂商可能更多地把华为当做竞争对手看待。 ”项立刚对红星资本局称，如果党政机关的工作人员都使用搭载国产操作系统的手机，部分手机厂商不愿意放弃这个市场，可能会搭载鸿蒙。

如果华为既生产手机、又推鸿蒙系统，对于其他手机厂商来说，这像是既当运动员又当裁判，恐怕难以在手机端收获支持。

华为“ 1+8+N ”“ 农村包围城市” ：

还有很长的路要走

一般来说，系统主要分为两种运营模式：一种是苹果的模式，软硬件都抓，不开放给第三方；另一种是安卓模式，会开放给第三方一起合作。

现在来看，华为走的是后者的路线。

早在2020年9月，在鸿蒙2.0正式亮相后，率先搭载的不是华为手机，而是九阳和美的等品牌的家电。

对于华为在鸿蒙搭载上的先后顺序，有业内人士将其形容为“农村包围城市”，或者说得更准确一点，是“从智能家居产品包围手机”。

某种意义上来说，这和华为“1+8+N”战略是契合的。其中，“1”是指手机，“8”是平板、PC和车机等，而“N”是指泛IoT（物联网）设备。

鸿蒙，正是从“N”开始起步，现在逐渐攻入“1+8”领域。

不过，红星资本局注意到，数码圈内有声音认为，鸿蒙系统的颠覆性实质上并不强。目前，苹果、小米等也在尝试做物联网，可以通过手机连接家庭中的其他产品。

“像苹果也有做家庭智能产品互联，两者的区别在于：一个只用自己的硬件，华为可以用其他品牌的硬件，而且旗帜鲜明地把‘万物互联’这个概念打出来了。” 有 科技 产业观察人士告诉红星资本局。

现在来看，没有其他任意一家手机厂商伸出援手，生态链也尚未完善，鸿蒙恐怕还有很长一段道路需要去走。

①用户体验者这样说

红星资本局了解到，对于华为手机用户来说，鸿蒙系统的公测版此前已向用户开放，在通过官方渠道报名筛选后，手机即可收到新系统的安装包。

方知（化名）是华为mate40的用户，他告诉红星资本局，在今年5月初，他收到了新系统安装包的推送，目前已经体验了20多天。

“整体来说很不错，很顺滑。”方知告诉红星资本局，虽然他的手机内安装了鸿蒙系统，但使用的仍是适配安卓的APP，鸿蒙可以兼容。

方知向红星资本局透露，鸿蒙系统内有一个APP图标上滑功能（指万能卡片），这是新功能，体验非常好。用户可以根据自己的喜好进行定制，让APP上滑后出现不同的服务卡片。

“和安卓相比，鸿蒙最大的优点就是万物互联，可以通过手机操作把很多家电连接在一起。不过，我这样的配件不多，所以暂时没有什么很深的体会。”方知称。

另外，方知还告诉红星资本局，在目前的测试阶段，用户们发现一些小bug后，都可以反馈给反馈助手。对于反馈数量较多的问题，很快就会被修复。

②开发者们这样说

除了用户体验者外，开发者们也是接触鸿蒙操作系统最多的人。

红星资本局发现，在鸿蒙学堂（分享鸿蒙系统资讯与技术的第三方平台）的官网上，有多位开发者讲述了对鸿蒙系统的看法。

曾担任Harmony OS开发者创新大赛导师的韦东山称，在2020年，他第一次接触到鸿蒙的源码， “（我）知道它不仅仅是去替代安卓，更是去超越安卓。”

韦东山称，鸿蒙是第一个看得见、摸得着、为物联网而产生的操作系统。“从技术层面上来说，虽然国内外也有很多非常优秀的物联网操作系统，但它们只局限于一个、一个单独的电子产品，鸿蒙是把一个、一个电子产品联系起来。”

另一位担任了Harmony OS开发者创新大赛导师的张荣超称，站在开发者的角度来看，鸿蒙绝不是另一个版本的安卓，而是一个全新的、面向全场景的操作系统。

“鸿蒙支持一次开发、多端部署，就像开发单端APP一样简单，大大简化了开发者的工作量。 如果换用安卓实现同样的分布式功能，不仅工作量会大很多，而且在性能和用户体验上都会比较差。” 张荣超说。

责编 任志江 编辑 邓凌瑶

（下载红星新闻，报料有奖！）

网站栏目：鸿蒙开发搭建,鸿蒙开发教程
URL地址：http://azwzsj.com/article/phspho.html