共计 1925 个字符，预计需要花费 5 分钟才能阅读完成。
随着终端设备状态日益多样化，分布式技术逐步突破繁多硬件边界，一个利用或服务，能够在不同的硬件设施之间按需调用、互助共享，让用户享受无缝的全场景体验。作为利用开发者，宽泛的设施类型也能为利用带来宽广的潜在用户群体。一个利用要在多类设施上提供对立的内容，须要适配不同的屏幕尺寸和硬件，开发成本较高。” 一次开发，多端部署 ”（后文中简称为 ” 一多 ”）的利用开发理念，能够让开发者基于对立的设计，在多类设施上，高效构建可运行的利用。在 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 对立上架。在散发运行态，每个模块都能够独自散发满足用户繁多应用场景，也能够多个模块组合散发满足用户更加简单的应用场景。开发者能够在以下两种模式中抉择，进行生态利用、元服务的打包和上架。
通过 ” 一多 ” 能力进行打包、上架的两种模式
如上为玩机技巧在 ” 一多 ” 个性的实践经验，心愿为开发者提供参考，欢送更多利用开发者理解并应用 ” 一次开发，多端部署 ” 能力。
点击关注浏览原文，理解更多资讯