HarmonyOS“一次开发，多端部署“优秀实践——玩机技巧，码上起航

随着终端设备形态日益多样化，分布式技术逐渐打破单一硬件边界，一个应用或服务，可以在不同的硬件设备之间按需调用、互助共享，让用户享受无缝的全场景体验。作为应用开发者，广泛的设备类型也能为应用带来广大的潜在用户群体。一个应用要在多类设备上提供统一的内容，需要适配不同的屏幕尺寸和硬件，开发成本较高。"一次开发，多端部署"（后文中简称为"一多"）的应用开发理念，可以让开发者基于统一的设计，在多类设备上，高效构建可运行的应用。在 2023HDC 大会上，华为展示了其自研应用"玩机技巧"基于这一理念的优秀实践。玩机技巧作为华为终端用户常用的应用，通过"一多"，部署在手机、折叠屏、平板等多设备上，不仅获得了体验提升，开发代码量也下降了约 40%。下文，我们将从架构设计、UI 设计、交互设计和上架 4 个层面对玩机技巧应用的"一多"开发进行解读。

通过"一多"，玩机技巧应用部署在不同设备上

一、三层架构分层设计

玩机技巧通过在一个工程中采用三层架构的分层设计，获得了能够支持多种设备的基础能力，适配差异化和代码共享也达到最大平衡。

玩机技巧开发将应用拆分成公共能力层（Common）、基础特性层（Feature）、产品定制层（Product）三层工程结构，支持一套代码工程一次开发上架，即可多端按需部署。公共能力层支持网络框架、工具类、数据管理等能力。特性层抽象出可复用的高内聚、低耦合的基础特性集，如富媒体浏览、搜索。在产品定制层，针对多设备存在差异的特性集成 UI、资源和配置，如多窗口、分栏体验，与应用基座解耦等多种因素。通过自适应布局、响应式控件、交互归一等系统 OS 能力，以及 IDE 工程能力，将应用工程归一，最大化复用代码，提升设计和开发效率，并兼顾多设备的整体用户体验。支撑应用工程归一、最大化复用代码，提升了设计和开发效率，兼顾了多设备的整体用户体验。

玩机技巧应用的三层架构分层设计

二、多端设计 UI 自适应

不同设备屏幕尺寸、分辨率等存在差异。HarmonyOS 对屏幕进行逻辑抽象，包括尺寸和物理像素，并通过方舟开发框架（简称 ArkUI）提供丰富的自适应、响应式的布局，方便开发者进行不同屏幕的界面适配。同时，HarmonyOS 将人因设计、多端设计 UI 自适应等经验，都固化到相关设计指南和 ArkUI 控件中，让应用开发者在设计阶段就可以考虑多端的差异化和一致性。

在玩机技巧的设计开发中，多设备的体验在一致性与差异性中取得良好的平衡。首先，玩机技巧界面设计和交互方式在手机和 2in1 设备上尽量保持一致，首页采用了统一的信息架构、界面布局、系统控件，减少用户学习成本。其次，2in1 设备在屏幕尺寸、人群场景、操控方式和功能范围上兼顾一定的差异化设计，满足了开发者个性化的诉求。

灵活布局

多端设计 UI 自适应，在同一个栅格模式下切换窗口大小， 玩机技巧能够随窗口大小的变化而自动适应界面上的所有元素，从而保证动态界面的美观。当界面窗口变化到一定程度时（断点），比如从 2in1 模式拖动窗口变小到手机窗口大小时（从 2in1 模式切换成手机模式），界面需要响应式变化布局，从而保证应用在不同窗口大小下的展示美观。

栅格响应式能力

组件作为应用的基础组成部分，在视觉、交互、动效等表现形式上需针对不同设备进行必要的调整，达到最佳体验。在玩机技巧中使用一多能力，同一个组件标题栏可实现在手机和 2in1 的不同样式。

同一个组件标题栏在手机和 2in1 的不同样式

视觉风格

为了保证各组件风格样式一致，玩机技巧使用 HarmonyOS 统一定义的视觉样式系统资源，即分层参数配置（比如色彩、字号、圆角、间距等）。

三、交互事件归一

对于不同类型的终端设备，用户可能有不同的交互方式，如通过触摸屏、鼠标、触控板等。不同输入设备的相同意图的输入指令，交互归一提供给开发者统一的 API。玩机技巧应用一个 hap 可以安装在不同设备中，不需要针对不同设备处理交互，极大的精简了开发难度和开发代码量。

四、一次上架按需部署

一次上架后，剩下的工作交给 AppGallery Connect，开发者可以按需部署到不同终端上。

一次上架按需部署逻辑图

玩机技巧在开发态，通过业务解耦，把不同的业务拆分为多个模块。在部署态，可以将一个或多个模块自由组合，打包成一个 App Pack 统一上架。在分发运行态，每个模块都可以单独分发满足用户单一使用场景，也可以多个模块组合分发满足用户更加复杂的使用场景。开发者可以在以下两种模式中选择，进行生态应用、元服务的打包和上架。

通过"一多"能力进行打包、上架的两种模式

如上为玩机技巧在"一多"特性的实践经验，希望为开发者提供参考，欢迎更多应用开发者了解并使用"一次开发，多端部署"能力。

点击关注阅读原文，了解更多资讯