随着终端设备形态日益多样化,分布式技术逐渐打破单一硬件边界,一个应用或服务,可以在不同的硬件设备之间按需调用、互助共享,让用户享受无缝的全场景体验。作为应用开发者,广泛的设备类型也能为应用带来广大的潜在用户群体。一个应用要在多类设备上提供统一的内容,需要适配不同的屏幕尺寸和硬件,开发成本较高。一次开发,多端部署(后文中简称为一多)的应用开发理念,可以让开发者基于统一的设计,在多类设备上,高效构建可运行的应用。在2023hdc大会上,华为展示了其自研应用玩机技巧基于这一理念的优秀实践。
玩机技巧作为华为终端用户常用的应用,通过一多,部署在手机、折叠屏、平板等多设备上,不仅获得了体验提升,开发代码量也下降了约40%。下文,我们将从架构设计、ui设计、交互设计和上架4个层面对玩机技巧应用的一多开发进行解读。
通过一多,玩机技巧应用部署在不同设备上
一
三层架构分层设计
玩机技巧通过在一个工程中采用三层架构的分层设计,获得了能够支持多种设备的基础能力,适配差异化和代码共享也达到最大平衡。
玩机技巧开发将应用拆分成公共能力层(common)、基础特性层(feature)、产品定制层(product)三层工程结构,支持一套代码工程一次开发上架,即可多端按需部署。
公共能力层支持网络框架、工具类、数据管理等能力。
特性层抽象出可复用的高内聚、低耦合的基础特性集,如富媒体浏览、搜索。
在产品定制层,针对多设备存在差异的特性集成ui、资源和配置,如多窗口、分栏体验,与应用基座解耦等多种因素。通过自适应布局、响应式控件、交互归一等系统os能力,以及ide工程能力,将应用工程归一,最大化复用代码,提升设计和开发效率,并兼顾多设备的整体用户体验。支撑应用工程归一、最大化复用代码,提升了设计和开发效率,兼顾了多设备的整体用户体验。
玩机技巧应用的三层架构分层设计
二
多端设计ui自适应
不同设备屏幕尺寸、分辨率等存在差异。harmonyos对屏幕进行逻辑抽象,包括尺寸和物理像素,并通过方舟开发框架(简称arkui)提供丰富的自适应、响应式的布局,方便开发者进行不同屏幕的界面适配。同时,harmonyos将人因设计、多端设计ui自适应等经验,都固化到相关设计指南和arkui控件中,让应用开发者在设计阶段就可以考虑多端的差异化和一致性。
在玩机技巧的设计开发中,多设备的体验在一致性与差异性中取得良好的平衡。首先,玩机技巧界面设计和交互方式在手机和2in1设备上尽量保持一致,首页采用了统一的信息架构、界面布局、系统控件,减少用户学习成本。其次,2in1设备在屏幕尺寸、人群场景、操控方式和功能范围上兼顾一定的差异化设计,满足了开发者个性化的诉求。
灵活布局
多端设计ui自适应,在同一个栅格模式下切换窗口大小,玩机技巧能够随窗口大小的变化而自动适应界面上的所有元素,从而保证动态界面的美观。当界面窗口变化到一定程度时(断点),比如从2in1模式拖动窗口变小到手机窗口大小时(从2in1模式切换成手机模式),界面需要响应式变化布局,从而保证应用在不同窗口大小下的展示美观。
栅格响应式能力
组件作为应用的基础组成部分,在视觉、交互、动效等表现形式上需针对不同设备进行必要的调整,达到最佳体验。在玩机技巧中使用一多能力,同一个组件标题栏可实现在手机和2in1的不同样式。
视觉风格
为了保证各组件风格样式一致,玩机技巧使用harmonyos统一定义的视觉样式系统资源,即分层参数配置(比如色彩、字号、圆角、间距等)。
三
交互事件归一
对于不同类型的终端设备,用户可能有不同的交互方式,如通过触摸屏、鼠标、触控板等。不同输入设备的相同意图的输入指令,交互归一提供给开发者统一的api。玩机技巧应用一个hap可以安装在不同设备中,不需要针对不同设备处理交互,极大的精简了开发难度和开发代码量。
四
一次上架按需部署
一次上架后,剩下的工作交给appgalleryconnect,开发者可以按需部署到不同终端上。
一次上架按需部署逻辑图
玩机技巧在开发态,通过业务解耦,把不同的业务拆分为多个模块。在部署态,可以将一个或多个模块自由组合,打包成一个app pack统一上架。在分发运行态,每个模块都可以单独分发满足用户单一使用场景,也可以多个模块组合分发满足用户更加复杂的使用场景。
开发者可以在以下两种模式中选择,进行生态应用、元服务的打包和上架。
通过一多能力进行打包、上架的两种模式
如上为玩机技巧在一多特性的实践经验,希望为开发者提供参考,欢迎更多应用开发者了解并使用一次开发,多端部署能力。
1499元!小米平板3静悄悄的上架了,都更新了啥?
液晶广告机震撼来袭,广告传播界的新型潮流媒介
a朱金桥0V的0-10V调光器解决方案介绍
智能魔镜显示屏教你如何打造一个智能且温馨的家
用OpenMP和SIMD并行加速应用程序的性能
HarmonyOS"一次开发,多端部署"优秀实践——玩机技巧
XMEGA PWM模块多通道的用法详解
10分钟快充续航400km成标配?电池企业密集发力快充技术
TWS主动降噪蓝牙耳机品牌 五款高音质降噪蓝牙耳机
一文看透开源自研多端框架MorJS
labview向程序发送命令时出现问题怎么解决
中兴通讯提出“三网一体”立体覆盖规划方案
汽车生产防止零部件物流区域的失误设计方案
什么是边缘计算?边缘计算技术有哪些优缺点?
一种针对柔性器件动态测试的新型实验装置
追光器电路图讲解
基于Web的设备网络化实时管理监控系统
物联网如何塑造资产管理解决方案
一个关于超越的编程大赛怎么可以专属的编程语言呢?
收取汽车金融服务费是否合法?