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统一上架。在分发运行态，每个模块都可以单独分发满足用户单一使用场景，也可以多个模块组合分发满足用户更加复杂的使用场景。
开发者可以在以下两种模式中选择，进行生态应用、元服务的打包和上架。
通过"一多"能力进行打包、上架的两种模式
如上为玩机技巧在"一多"特性的实践经验，希望为开发者提供参考，欢迎更多应用开发者了解并使用"一次开发，多端部署"能力。
智能推荐
18个顶级人工智能平台-程序员宅基地
文章浏览阅读1w次，点赞2次，收藏27次。来源：机器人小妹 很多时候企业拥有重复，乏味且困难的工作流程，这些流程往往会减慢生产速度并增加运营成本。为了降低生产成本，企业别无选择，只能自动化某些功能以降低生产成本。 通过数字化..._人工智能平台
electron热加载_electron-reloader-程序员宅基地
文章浏览阅读2.2k次。热加载能够在每次保存修改的代码后自动刷新 electron 应用界面，而不必每次去手动操作重新运行，这极大的提升了开发效率。安装 electron 热加载插件热加载虽然很方便，但是不是每个 electron 项目必须的，所以想要舒服的开发 electron 就只能给 electron 项目单独的安装热加载插件[electron-reloader]:// 在项目的根目录下安装 electron-reloader，国内建议使用 cnpm 代替 npmnpm install electron-relo._electron-reloader
android 11.0 去掉recovery模式UI页面的选项_android recovery 删除 部分菜单-程序员宅基地
文章浏览阅读942次。在11.0 进行定制化开发，会根据需要去掉recovery模式的一些选项 就是在device.cpp去掉一些选项就可以了。_android recovery 删除 部分菜单
mnn linux编译_mnn 编译linux-程序员宅基地
文章浏览阅读3.7k次。https://www.yuque.com/mnn/cn/cvrt_linux_mac基础依赖这些依赖是无关编译选项的基础编译依赖• cmake（3.10 以上）• protobuf (3.0 以上)• 指protobuf库以及protobuf编译器。版本号使用 protoc --version 打印出来。• 在某些Linux发行版上这两个包是分开发布的，需要手动安装• Ubuntu需要分别安装 libprotobuf-dev 以及 protobuf-compiler 两个包•..._mnn 编译linux
利用CSS3制作淡入淡出动画效果_css3入场效果淡入淡出-程序员宅基地
文章浏览阅读1.8k次。CSS3新增动画属性“@-webkit-keyframes”，从字面就可以看出其含义——关键帧，这与Flash中的含义一致。利用CSS3制作动画效果其原理与Flash一样，我们需要定义关键帧处的状态效果，由CSS3来驱动产生动画效果。下面讲解一下如何利用CSS3制作淡入淡出的动画效果。具体实例可参考刚进入本站时的淡入效果。1. 定义动画，名称为fadeIn@-webkit-keyf_css3入场效果淡入淡出
计算机软件又必须包括什么,计算机系统应包括硬件和软件两个子系统，硬件和软件又必须依次分别包括______？...-程序员宅基地
文章浏览阅读2.8k次。计算机系统应包括硬件和软件两个子系统，硬件和软件又必须依次分别包括中央处理器和系统软件。按人的要求接收和存储信息，自动进行数据处理和计算，并输出结果信息的机器系统。计算机是脑力的延伸和扩充，是近代科学的重大成就之一。计算机系统由硬件(子)系统和软件(子)系统组成。前者是借助电、磁、光、机械等原理构成的各种物理部件的有机组合，是系统赖以工作的实体。后者是各种程序和文件，用于指挥全系统按指定的要求进行..._计算机系统包括硬件系统和软件系统 软件又必须包括
随便推点
进程调度（一）——FIFO算法_进程调度fifo算法代码-程序员宅基地
文章浏览阅读7.9k次，点赞3次，收藏22次。一 定义这是最早出现的置换算法。该算法总是淘汰最先进入内存的页面，即选择在内存中驻留时间最久的页面予以淘汰。该算法实现简单，只需把一个进程已调入内存的页面，按先后次序链接成一个队列，并设置一个指针，称为替换指针，使它总是指向最老的页面。但该算法与进程实际运行的规律不相适应，因为在进程中，有些页面经常被访问，比如，含有全局变量、常用函数、例程等的页面，FIFO 算法并不能保证这些页面不被淘汰。这里，我_进程调度fifo算法代码
mysql rownum写法_mysql应用之类似oracle rownum写法-程序员宅基地
文章浏览阅读133次。rownum是oracle才有的写法，rownum在oracle中可以用于取第一条数据，或者批量写数据时限定批量写的数量等mysql取第一条数据写法SELECT * FROM t order by id LIMIT 1;oracle取第一条数据写法SELECT * FROM t where rownum =1 order by id;ok，上面是mysql和oracle取第一条数据的写法对比，不过..._mysql 替换@rownum的写法
eclipse安装教程_ecjelm-程序员宅基地
文章浏览阅读790次，点赞3次，收藏4次。官网下载下载链接：http://www.eclipse.org/downloads/点击Download下载完成后双击运行我选择第2个，看自己需要（我选择企业级应用，如果只是单纯学习java选第一个就行）进入下一步后选择jre和安装路径修改jvm/jre的时候也可以选择本地的（点后面的文件夹进去），但是我们没有11版本的，所以还是用他的吧选择接受安装中安装过程中如果有其他界面弹出就点accept就行..._ecjelm
Linux常用网络命令_ifconfig 删除vlan-程序员宅基地
文章浏览阅读245次。原文链接：https://linux.cn/article-7801-1.htmlifconfigping <IP地址>:发送ICMP echo消息到某个主机traceroute <IP地址>：用于跟踪IP包的路由路由：netstat -r: 打印路由表route add ：添加静态路由路径routed：控制动态路由的BSD守护程序。运行RIP路由协议gat..._ifconfig 删除vlan
redux_redux redis-程序员宅基地
文章浏览阅读224次。reduxredux里要求把数据都放在公共的存储区域叫store里面，组件中尽量少放数据，假如绿色的组件要给很多灰色的组件传值，绿色的组件只需要改变store里面对应的数据就行了，接着灰色的组件会自动感知到store里的数据发生了改变，store只要有变化，灰色的组件就会自动从store里重新取数据，这样绿色组件的数据就很方便的传到其它灰色组件里了。redux就是把公用的数据放在公共的区域去存..._redux redis
linux 解压zip大文件(解决乱码问题)_linux 7za解压中文乱码-程序员宅基地
文章浏览阅读2.2k次，点赞3次，收藏6次。unzip版本不支持4G以上的压缩包所以要使用p7zip：Linux一个高压缩率软件wget http://sourceforge.net/projects/p7zip/files/p7zip/9.20.1/p7zip_9.20.1_src_all.tar.bz2tar jxvf p7zip_9.20.1_src_all.tar.bz2cd p7zip_9.20.1make && make install 如果安装失败，看一下报错是不是因为没有下载gcc 和 gcc ++(p7_linux 7za解压中文乱码