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

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

创新互联建站致力于网站建设,网站制作设计,营销网页定制网站制作,外贸营销网站建设,企业网站建设,小程序制作,网站SEO优化,网站设计制作案例丰富,是成都做网站公司和建站公司,欢迎咨询。

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

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

鸿蒙OS 技术特性

分布式软总线是多种终端设备的统一基座，为设备之间的互联互通提供了统一的分布式通信能力，能够快速发现并连接设备，高效地分发任务和传输数据。分布式软总线示意图见[图1]

分布式设备虚拟化平台可以实现不同设备的资源融合、设备管理、数据处理，多种设备共同形成一个超级虚拟终端。针对不同类型的任务，为用户匹配并选择能力合适的执行硬件，让业务连续地在不同设备间流转，充分发挥不同设备的资源优势。分布式设备虚拟化示意图见[图2]

分布式数据管理基于分布式软总线的能力，实现应用程序数据和用户数据的分布式管理。用户数据不再与单一物理设备绑定，业务逻辑与数据存储分离，应用跨设备运行时数据无缝衔接，为打造一致、流畅的用户体验创造了基础条件。分布式数据管理示意图见[图3]

分布式任务调度基于分布式软总线、分布式数据管理、分布式 Profile 等技术特性，构建统一的分布式服务管理（发现、同步、注册、调用）机制，支持对跨设备的应用进行远程启动、远程调用、远程连接以及迁移等操作，能够根据不同设备的能力、位置、业务运行状态、资源使用情况，以及用户的习惯和意图，选择合适的设备运行分布式任务。分布式任务调度[图4]

HarmonyOS 提供了用户程序框架、 Ability 框架以及 UI 框架，支持应用开发过程中多终端的业务逻辑和界面逻辑进行复用，能够实现应用的一次开发、多端部署，提升了跨设备应用的开发效率。一次开发、多端部署示意图见[图5]。

统一OS，弹性部署

HarmonyOS 通过组件化和小型化等设计方法，支持多种终端设备按需弹性部署，能够适配不同类别的硬件资源和功能需求。支撑通过编译链关系去自动生成组件化的依赖关系，形成组件树依赖图，支撑产品系统的便捷开发，降低硬件设备的开发门槛。

支持各组件的选择（组件可有可无）：根据硬件的形态和需求，可以选择所需的组件。

支持组件内功能集的配置（组件可大可小）：根据硬件的资源情况和功能需求，可以选择配置组件中的功能集。例如，选择配置图形框架组件中的部分控件。

支持组件间依赖的关联（平台可大可小）：根据编译链关系，可以自动生成组件化的依赖关系。例如，选择图形框架组件，将会自动选择依赖的图形引擎组件等。

鸿蒙系统的缩小屏幕功能

鸿蒙系统的缩小屏幕功能说明如下：

首先在屏幕的左侧、右侧滑动并长按打开侧边栏；在侧边栏选择需要分屏的应用，可上下滑动选择应用，可以点击最下方的按钮查看更多应用。

选择应用后，将会在屏幕上直接以小窗口的形式显示；可按住上方的横条进行拖动，也可以根据需求点击其他的按钮；点击小窗口的边缘可以进行窗口大小调节。

鸿蒙系统介绍：

华为鸿蒙系统是一款全新的面向全场景的分布式操作系统，创造一个超级虚拟终端互联的世界，将人、设备、场景有机地联系在一起，将消费者在全场景生活中接触的多种智能终端实现极速发现、极速连接、硬件互助、资源共享，用最合适的设备提供最佳的场景体验。

HarmonyOS通过SDK、源代码、开发板/模组和HUAWEIDevEco等装备共同构成了完备的开发平台与工具链，设备厂商可以选择不同的方式加入全场景智慧生态：通过使用分布式SDK，获得畅连、HiCar等7大能力快速接入。

2020年9月10日后，30+品类的128MB以下IoT设备整机可以使用开源代码接入；对于128MB以上、4GB以下的智能设备整机，HarmonyOS已经通过申请定向代码开始招募伙伴加入。

鸿蒙系统是什么？

华为鸿蒙系统是面向全场景的分布式操作系统。

华为鸿蒙系统是一款全新的面向全场景的分布式操作系统，创造一个超级虚拟终端互联的世界，将人、设备、场景有机地联系在一起，将消费者在全场景生活中接触的多种智能终端实现极速发现、极速连接、硬件互助、资源共享，用合适的设备提供场景体验。

2020年9月10日，华为鸿蒙系统升级至HarmonyOS 2.0版本。2021年4月22日，华为鸿蒙 HarmonyOS 应用开发在线体验网站上线。5月18日，华为宣布华为HiLink将与Harmony OS统一为鸿蒙智联。

智能硬件

HarmonyOS为智能硬件开发者提供模组、开发板和解决方案。同时，HUAWEI DevEco将为HarmonyOS设备带来一站式开发环境，支持家电、安防、运动健康等品类的组件定制、驱动开发和分布式能力集成。

在开发过程中，不论设备是有屏还是无屏，HUAWEI DevEco都可提供一站式开发、编译、调试和烧录，组件可以按需定制，减少资源占用，开发环境内置安全检查能力，开发者在开发过程中也可以进行可视化调试。

华为鸿蒙系统五大场景（一）无缝导航

导读：伴随着华为HarmonyOS 2系统的发布及越来越多的终端设备升级鸿蒙系统，关于鸿蒙系统到底有哪些功能、全场景分布式有哪些体验等一直成为大家讨论的焦点，接下来我将会跟大家聊聊华为鸿蒙系统的常见五大场景，让大家更全面的了解鸿蒙系统。

不知道大家遇到这样比较尴尬的情况，几个朋友相遇在某饭店吃饭或者在某地点集合，下车以后由于对地点不熟悉就不得不打开导航找到该地点。因为地方近了，又不想多花那个钱去打摩的，毕竟是要花钱的。那你就只能拿着手机一边走一边看，尤其是在已经到地点周围了，还是没找到，那就显得特别的 搞笑 、尴尬。

同时，如果在路边有行人、有骑车、有开摩的的经过，不但不方便而且特别的不安全，要不撞到人要不被人撞的。

另外，你可能手里拎着到朋友家或者一起外出游玩的水果、饮料、零食等，手上拿着手机经常看一眼就会让自己更累。

何谓无缝导航，就是让用户解放双手，无缝切换，不用手机就可以了解到导航信息。

鸿蒙系统的无缝导航功能主要设计两个设备： 搭载HarmonyOS 2的手机 及 华为融合产品WATCHA3 。

那到底如何操作呢？

首先，你要保证搭载HarmonyOS 2的手机及WATCH3（出厂自带，无需升级）手表已经配对工程，主要通过华为运动 健康 APP就行配对。

然后，手机上打开 高德地图APP或百度地图APP （ 目前支持无缝导航的只有高德与百度 ），搜索你想要导航的地点，选择 骑行或步行 （ 目前也仅仅支持骑行或不行 ），点击开启导航。

这时，手机屏幕上就会提示，是否开启手表的无缝导航，点击确认即可。

这样，手表上马上就可以出现导航指示文字和图标了。只需要通过看手表就可以知道往哪个方向走了，且提示主要以方向和文字为主，简单明了。

当然，平时滴滴打车，也可以在手机上叫车，手表上查看车辆信息、行程情况及支付账单等。你乘坐航班出差，也可以在手表上查看航班信息。

最重要的是，WATCH3手表支持手表打电话，且不再是之前的手机与手表近距离连接情况下的普通接打电话。你出去跑步再也不用带着手机，而只需一款WATCH3系列手机即可，当有电话进来时，即使与手机相隔再远的距离，也可以通过手表接听电话，是不是更加方便呢？

新闻名称：鸿蒙开发板原理图,鸿蒙系统架构图
转载注明：http://ybzwz.com/article/phdgpe.html