近日，由58同城自主研發(fā)的HarmonyOS企業(yè)級(jí)組件庫(kù)“Omni-UI”正式入駐開(kāi)源鴻蒙社區(qū)。該組件庫(kù)基于ArkUI原子化組件進(jìn)行標(biāo)準(zhǔn)化封裝，打造高復(fù)用性、高內(nèi)聚度的復(fù)合組件體系，可有效提升組件集成靈活度。

隨著HarmonyOS生態(tài)的快速發(fā)展，傳統(tǒng)開(kāi)發(fā)模式中的效率瓶頸愈發(fā)凸顯：基礎(chǔ)組件的重復(fù)封裝耗費(fèi)大量研發(fā)時(shí)長(zhǎng)，差異化業(yè)務(wù)場(chǎng)景的UI邏輯重構(gòu)導(dǎo)致版本迭代周期延長(zhǎng)。在此背景下，標(biāo)準(zhǔn)化企業(yè)級(jí)組件庫(kù)正成為破解開(kāi)發(fā)效能困局的關(guān)鍵突破口。

Omni-UI 應(yīng)運(yùn)而生！作為58同城房產(chǎn)無(wú)線團(tuán)隊(duì)開(kāi)源的鴻蒙ArkUI組件庫(kù)，該方案深度集成HarmonyOS原子化能力，內(nèi)置20多個(gè)高可配置組件，涵蓋視圖、表單、導(dǎo)航、操作反饋、圖表5大類(lèi)目。其技術(shù)特性包括：

· 系統(tǒng)能力加持：無(wú)縫對(duì)接分布式數(shù)據(jù)管理、跨設(shè)備渲染等底層能力

· 場(chǎng)景化封裝：從數(shù)據(jù)可視化圖表到表單容器均提供標(biāo)準(zhǔn)化實(shí)現(xiàn)方案

· 研發(fā)提效顯著：經(jīng)業(yè)務(wù)實(shí)踐驗(yàn)證，可使功能迭代效率提升30%+

該方案的最大亮點(diǎn)在于首創(chuàng)性提供了開(kāi)箱即用的業(yè)務(wù)級(jí)特色組件如篩選欄、引導(dǎo)層、錨點(diǎn)跳轉(zhuǎn)等，這些組件的技術(shù)價(jià)值在于：將原本需要1000+行代碼實(shí)現(xiàn)的復(fù)雜狀態(tài)管理與跨組件通信機(jī)制，簡(jiǎn)化為10行以?xún)?nèi)的聲明式配置。

以篩選欄為例，傳統(tǒng)實(shí)現(xiàn)方案需開(kāi)發(fā)者手動(dòng)構(gòu)建狀態(tài)管理模型（包含篩選條件樹(shù)、多級(jí)聯(lián)動(dòng)依賴(lài)、互斥邏輯校驗(yàn)等），整體代碼量超過(guò)1000行，同時(shí)可能存在20+個(gè)潛在狀態(tài)維護(hù)風(fēng)險(xiǎn)點(diǎn)。而基于Omni-UI的解決方案通過(guò)聲明式配置，僅需10行左右代碼（如下圖所示）即可實(shí)現(xiàn)等量功能。

實(shí)現(xiàn)效果如下：

58同城旗下安居客技術(shù)中臺(tái)率先實(shí)現(xiàn)Omni-UI組件庫(kù)的全業(yè)務(wù)滲透，該方案已深度融入安居客App及元服務(wù)的房源檢索、智能推薦等多個(gè)核心功能模塊，覆蓋80%以上的高頻交互場(chǎng)景。經(jīng)生產(chǎn)環(huán)境驗(yàn)證，組件化改造使核心業(yè)務(wù)迭代周期壓縮30%，其中租房大類(lèi)頁(yè)、房源列表頁(yè)、房源詳情頁(yè)等核心頁(yè)面的代碼量銳減50%。

Omni-UI組件庫(kù)現(xiàn)已同步上線OpenHarmony三方庫(kù)中心倉(cāng)，開(kāi)發(fā)者可通過(guò)搜索“Omni-UI”獲取完整源碼、SDK及API文檔，共建鴻蒙生態(tài)。未來(lái)，華為還將聯(lián)合伙伴持續(xù)共建創(chuàng)新，面向底座技術(shù)、通用能力、垂類(lèi)行業(yè)等場(chǎng)景推出系列開(kāi)發(fā)者場(chǎng)景化解決方案，不斷提升鴻蒙應(yīng)用的創(chuàng)新體驗(yàn)和開(kāi)發(fā)效率，與廣大開(kāi)發(fā)者共建繁榮的鴻蒙生態(tài)。

更多關(guān)于“Omni-UI”的詳細(xì)信息和使用指南，請(qǐng)?jiān)L問(wèn)“OpenHarmony官網(wǎng)”，點(diǎn)擊“開(kāi)發(fā)者”——>“三方庫(kù)中心倉(cāng)”——>搜索“Omni-UI”。

組件庫(kù)同步上線了鴻蒙開(kāi)發(fā)者官網(wǎng)，請(qǐng)?jiān)L問(wèn)“HarmonyOS開(kāi)發(fā)者官網(wǎng)”， 點(diǎn)擊“開(kāi)發(fā)者”——>“社區(qū)”——>“文章”——>搜索“Omni-UI”。