灵动嘻哈传边界，一个应用或服务，可以在不同的硬件设备之间按需调用、互助共享，让用户享受无缝的全场景体验。作为应用，广泛的设备类型也能为应用带来广大的潜在用户群体。一个应用要在多类设备上提供统一的内容，需要适配不同的屏幕尺寸和硬件，开发成本较高。一次开发，多端部署（后文中简称为一多）的应用开发理念，可以让开发者基于统一的设计，在多类设备上，高效构建可运行的应用。在2023HDC大会上，华为展示了其自研应用玩机技巧基于这一理念的优秀实践。

　　玩机技巧作为华为终端用户常用的应用，通过一多，部署在手机、折叠屏、平板等多设备上，不仅获得了体验提升，开发代码量也下降了约40%。下文，我们将从架构设计、UI设计、交互设计和上架4个层面对玩机技巧应用的一多开发进行解读。

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

　　玩机技巧开发将应用拆分成公共能力层（Common）、基础特性层（Feature）、产品定制层（Product）三层工程结构，支持一套代码工程一次开发上架，即可多端按需部署。

　　在产品定制层，针对多设备存在差异的特性集成UI、资源和配置，如多窗口、分栏体验，与应用基座解耦等多种因素。通过自适应布局、响应式控件、交互归一等系统OS能力，以及IDE工程能力，将应用工程归一，最大化复用代码，提升设计和开发效率，并兼顾多设备的整体用户体验。支撑应用工程归一、最大化复用代码，提升了设计和开发效率，兼顾了多设备的整体用户体验。

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

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

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

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

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

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

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

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

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

　　. 样例介绍 本篇Codelab基于自适应布局和响应式布局，实现购物应用在手机、折叠屏、平板不同屏幕尺寸设备上按不同设计显示。通过三层工程结构组织代码，实现

　　、说明使用JavaScript演示来完成TODOLIST案例。 •它旨在帮助

　　） /

　　万物互连 /

　　软件测试技术栈 /

　　小疆智控CANOpen转PROFINET网关连接EA180C CANOPEN总线型伺服配置案例

　　贴片NTC热敏电阻在5G电子设备中的应用 NTC热敏电阻温度检测电路实例

　　235.【P209】第209讲 NX85建模弯边曲面之规律延伸命令详解二其它选项 #硬声创作季

　　117.【P117】第117讲 NX85建模之表达式+Excel在建模中的灵活运用 精华版 #硬声创作季