隨著終端設備形態日益多樣化,分布式技術逐漸打破單一硬件邊界,一個應用或服務,可以在不同的硬件設備之間按需調用、互助共享,讓用戶享受無縫的全場景體驗。作為應用開發者,廣泛的設備類型也能為應用帶來廣大的潛在用戶群體。一個應用要在多類設備上提供統一的內容,需要適配不同的屏幕尺寸和硬件,開發成本較高。"一次開發,多端部署"(后文中簡稱為"一多")的應用開發理念,可以讓開發者基于統一的設計,在多類設備上,高效構建可運行的應用。在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統一上架。在分發運行態,每個模塊都可以單獨分發滿足用戶單一使用場景,也可以多個模塊組合分發滿足用戶更加復雜的使用場景。
開發者可以在以下兩種模式中選擇,進行生態應用、元服務的打包和上架。
通過"一多"能力進行打包、上架的兩種模式
如上為玩機技巧在"一多"特性的實踐經驗,希望為開發者提供參考,歡迎更多應用開發者了解并使用"一次開發,多端部署"能力。
-
華為
+關注
關注
216文章
34532瀏覽量
252991 -
APP
+關注
關注
33文章
1577瀏覽量
72774 -
hdc
+關注
關注
1文章
44瀏覽量
3618 -
鴻蒙
+關注
關注
57文章
2392瀏覽量
43050 -
HarmonyOS
+關注
關注
79文章
1982瀏覽量
30573
原文標題:?HarmonyOS"一次開發,多端部署"優秀實踐——玩機技巧,碼上起航
文章出處:【微信號:HarmonyOS_Dev,微信公眾號:HarmonyOS開發者】歡迎添加關注!文章轉載請注明出處。
發布評論請先 登錄
相關推薦
評論