鴻蒙應(yīng)用開發(fā)項目教程項目8云林商城應(yīng)用開發(fā)云林科技為了加強(qiáng)公司營銷能力，將上線一款可以獨立使用的銷售類應(yīng)用程序，因此需開發(fā)一個云林商城應(yīng)用，公司經(jīng)理把這個任務(wù)交給了技術(shù)部的黎工程師，并提出應(yīng)用要有美觀的界面，可以方便地進(jìn)行各種操作；要有擴(kuò)展性，后期可以方便嵌入公司App；普通手機(jī)、折疊屏手機(jī)、平板電腦都可使用等要求。云林商城應(yīng)用主界面如圖8-1所示。項目導(dǎo)入圖8-1云林商城應(yīng)用主界面【項目分析】完成本項目需要用到元服務(wù)、服務(wù)卡片、分布式應(yīng)用開發(fā)、人工智能服務(wù)等知識?！局R目標(biāo)】了解元服務(wù)。了解分布式應(yīng)用開發(fā)。了解服務(wù)卡片。了解人工智能服務(wù)?！灸芰δ繕?biāo)】能夠熟練使用元服務(wù)。能夠熟練使用分布式應(yīng)用開發(fā)。能夠綜合上述能力及相關(guān)能力解決問題。能夠熟練使用服務(wù)卡片。能夠熟練使用人工智能服務(wù)來提升用戶體驗。【素養(yǎng)目標(biāo)】具有創(chuàng)新意識、創(chuàng)新精神和創(chuàng)新方法。8.1元服務(wù)

在萬物互聯(lián)時代，設(shè)備種類和使用場景更加多樣，使得應(yīng)用開發(fā)、應(yīng)用入口變得更加復(fù)雜。在此背景下，應(yīng)用提供方和用戶迫切需要一種新的服務(wù)提供方式，使應(yīng)用開發(fā)更簡單、服務(wù)（如聽音樂、打車等）的獲取和使用更便捷。為此，鴻蒙系統(tǒng)除支持傳統(tǒng)的需要安裝的應(yīng)用（以下簡稱傳統(tǒng)應(yīng)用）外，還支持更加方便快捷的免安裝的應(yīng)用，即元服務(wù)。

元服務(wù)是鴻蒙系統(tǒng)提供的一種輕量應(yīng)用程序形態(tài)，可以獨立上架、分發(fā)、運(yùn)行，獨立實現(xiàn)業(yè)務(wù)閉環(huán)，大幅提高信息與服務(wù)的獲取效率。

在鴻蒙應(yīng)用中，元服務(wù)和傳統(tǒng)應(yīng)用可以選擇圖標(biāo)作為入口，也可以選擇服務(wù)卡片作為入口。8.1.1元服務(wù)概述1．元服務(wù)程序包

元服務(wù)的程序包結(jié)構(gòu)與傳統(tǒng)應(yīng)用程序包相同，也是以應(yīng)用程序包的形式發(fā)布到應(yīng)用市場。但相對于需要安裝的應(yīng)用，元服務(wù)更加輕量、便捷，其程序包也具備一些獨有特征，如免安裝、分包、預(yù)加載、老化。（1）免安裝

免安裝是指無須通過應(yīng)用市場顯式安裝，用戶點擊元服務(wù)后，由系統(tǒng)程序框架后臺安裝后即可使用。（2）分包

鴻蒙系統(tǒng)每個應(yīng)用程序包（以.app為擴(kuò)展名）可以包含多個包文件（以.hap為擴(kuò)展名的HAP或以.hsp為擴(kuò)展名的HSP）。元服務(wù)在此基礎(chǔ)上進(jìn)一步限制每個HAP或HSP（含其依賴的所有共享包）的大小，以實現(xiàn)快速啟動體驗，元服務(wù)的這種多包開發(fā)方案稱為“分包”。（3）預(yù)加載

開發(fā)者可以通過配置預(yù)加載，由系統(tǒng)自動下載和安裝可能需要的分包模塊，從而提高進(jìn)入后續(xù)模塊的速度。

對于配置了預(yù)加載的分包模塊，點擊進(jìn)入該模塊并完成頁面加載后，將觸發(fā)關(guān)聯(lián)模塊的預(yù)加載。（4）老化

系統(tǒng)會按照一定的策略清理不活躍的元服務(wù)，釋放空間，這個過程稱為“老化”。2．元服務(wù)程序包更新機(jī)制

元服務(wù)在重新加載啟動時（首次打開或銷毀后被用戶再次打開），會異步檢查是否有更新版本。如果發(fā)現(xiàn)新版本，將會異步下載新版本的程序包。但當(dāng)次啟動仍會使用客戶端本地的舊版本程序，新版本的元服務(wù)將在下一次重新加載啟動時使用。8.1.2元服務(wù)開發(fā)1．開發(fā)前

創(chuàng)建元服務(wù)前需要做如下準(zhǔn)備。（1）注冊華為開發(fā)者賬號并且完成實名認(rèn)證。（2）登錄華為應(yīng)用一站式服務(wù)平臺（AppGalleryConnect），創(chuàng)建元服務(wù)，獲取應(yīng)用程序標(biāo)識（AppID）。（3）創(chuàng)建元服務(wù)工程

2．開發(fā)中

元服務(wù)包含生成元服務(wù)圖標(biāo)、構(gòu)建元服務(wù)頁面和新建元服務(wù)卡片3個部分。（1）生成元服務(wù)圖標(biāo)（2）構(gòu)建元服務(wù)頁面（3）新建元服務(wù)卡片3．打包

可通過DevEcoStudio快速打包生成發(fā)布版本，此版本可以用于開放式測試或提交上架審核。4．測試

在正式發(fā)布元服務(wù)前，可先發(fā)布一個開放式測試版本，邀請部分用戶提前體驗新版本，并收集用戶的反饋，以便提前發(fā)現(xiàn)問題并進(jìn)行修改，從而保證全網(wǎng)版本的質(zhì)量，提升用戶體驗。5．上架

元服務(wù)經(jīng)過全面測試，確保版本沒有問題后，即可發(fā)布正式版本。圖8-2元服務(wù)示例8.2服務(wù)卡片

服務(wù)卡片通常比應(yīng)用圖標(biāo)大，且內(nèi)容可動態(tài)變化，用戶可以通過點擊服務(wù)卡片獲取相關(guān)信息或執(zhí)行相關(guān)操作。8.2.1服務(wù)卡片概述

服務(wù)卡片是一種界面展示形式，可以將應(yīng)用的重要信息或操作前置，以達(dá)到服務(wù)直達(dá)、減少跳轉(zhuǎn)層級的目的。1．服務(wù)卡片的架構(gòu)

服務(wù)卡片架構(gòu)如圖8-3所示。服務(wù)卡片的基本概念如下。（1）服務(wù)卡片使用方：圖8-3所示的桌面，顯示服務(wù)卡片的內(nèi)容，控制服務(wù)卡片的展示位置。（2）服務(wù)卡片提供方：包含服務(wù)卡片的應(yīng)用，提供卡片的顯示內(nèi)容、控件布局及控件點擊處理邏輯。圖8-3服務(wù)卡片的架構(gòu)（3）卡片管理服務(wù)：管理卡片信息的系統(tǒng)服務(wù)，作為卡片提供方和卡片使用方的橋梁，向卡片使用方提供卡片信息查詢、添加、刪除等能力，同時向卡片提供方提供卡片被添加、被刪除、刷新、點擊等事件的通知能力。2．服務(wù)卡片的使用步驟

服務(wù)卡片的使用步驟如圖8-4所示。（1）長按應(yīng)用圖標(biāo)，彈出操作菜單。（2）點擊“服務(wù)卡片”選項，進(jìn)入卡片預(yù)覽界面。（3）點擊“添加到桌面”按鈕，即可在桌面上看到新添加的服務(wù)卡片。圖8-4服務(wù)卡片的使用步驟3．服務(wù)卡片的亮點與特征（1）信息呈現(xiàn)

將元服務(wù)/應(yīng)用的重要信息以服務(wù)卡片的形式展示在桌面，同時具有信息定時更新的能力，用戶可以隨時查看關(guān)注的信息。（2）服務(wù)直達(dá)

通過單擊卡片內(nèi)的按鈕，就可實現(xiàn)功能快捷操作，也支持單擊后跳轉(zhuǎn)到元服務(wù)/應(yīng)用對應(yīng)功能頁，實現(xiàn)功能服務(wù)一步直達(dá)的效果。4．服務(wù)卡片和元服務(wù)卡片的關(guān)系

元服務(wù)卡片是服務(wù)卡片的一種特殊形式或高級形態(tài)，它具備元服務(wù)的所有特性，并通過卡片的形式更直觀地展示給用戶。而普通的服務(wù)卡片則可能不包含元服務(wù)的全部功能或特性，只是簡單地作為應(yīng)用信息或操作的快捷方式存在。8.2.2服務(wù)卡片開發(fā)1．創(chuàng)建服務(wù)卡片

在已有的應(yīng)用工程中，通過右擊新建服務(wù)卡片，具體操作如下。①選中工程中的目錄entry并右擊，在彈出的快捷菜單中選擇“新建”→“ServiceWidget”→“DynamicWidget”命令，在彈出的服務(wù)卡片模板選擇窗口中選擇一個服務(wù)卡片模板，如圖8-5所示。圖8-5選擇服務(wù)卡片模板②在選擇服務(wù)卡片的開發(fā)語言類型（Language）時，選擇“ArkTS”單選按鈕，如圖8-6所示，然后單擊“Finish”按鈕，即可完成ArkTS服務(wù)卡片的創(chuàng)建。圖8-6進(jìn)行服務(wù)卡片設(shè)置

服務(wù)卡片創(chuàng)建完成后，工程中會新增與服務(wù)卡片相關(guān)的文件：服務(wù)卡片生命周期管理文件EntryFormAbility.ts、服務(wù)卡片頁面文件WidgetCard.ets和服務(wù)卡片配置文件form_config.json，如圖8-7所示。圖8-7服務(wù)卡片相關(guān)文件2．服務(wù)卡片頁面開發(fā)

可以根據(jù)實際的業(yè)務(wù)場景，對服務(wù)卡片頁面文件WidgetCard.ets進(jìn)行如下調(diào)整。（1）可以根據(jù)需要調(diào)整頁面的基本能力，如使用@Component裝飾器。（2）可以根據(jù)需要使用動畫，如使用顯式動畫、屬性動畫、組件內(nèi)轉(zhuǎn)場動畫。（3）可以根據(jù)需要使用自定義繪制能力，如可以通過Canvas組件在畫布的中心繪制一個笑臉。（4）可以根據(jù)需要添加服務(wù)卡片事件。

針對動態(tài)服務(wù)卡片，可以添加postCardAction()接口，用于服務(wù)卡片內(nèi)部和提供方應(yīng)用間的交互，當(dāng)前支持router、message和call這3種類型的事件，僅可在服務(wù)卡片中調(diào)用。

針對靜態(tài)服務(wù)卡片，可以添加FormLink()接口，用于卡片內(nèi)部和提供方應(yīng)用間的交互。（5）可以根據(jù)需要添加數(shù)據(jù)交互功能。

可以根據(jù)需要添加updateForm()接口和requestForm()接口，以便主動觸發(fā)服務(wù)卡片的頁面刷新，添加LocalStorageProp()接口可以獲取需要刷新的卡片數(shù)據(jù)。8.3分布式應(yīng)用開發(fā)

分布式特征是鴻蒙應(yīng)用的顯著特征之一，可為開發(fā)者提供更加廣闊的使用場景和更新的產(chǎn)品視角。8.3.1分布式應(yīng)用開發(fā)概述

分布式應(yīng)用開發(fā)是指基于鴻蒙系統(tǒng)的分布式框架開發(fā)出能夠在多個設(shè)備上協(xié)同運(yùn)行的應(yīng)用。這種應(yīng)用能夠打破設(shè)備界限，實現(xiàn)多設(shè)備間的信息共享和功能互補(bǔ)，為用戶帶來更加流暢和高效的使用體驗。

分布式應(yīng)用開發(fā)的核心在于鴻蒙應(yīng)用的分布式框架，該框架提供了跨設(shè)備協(xié)同、分布式數(shù)據(jù)管理、分布式安全等關(guān)鍵能力。開發(fā)者可以利用這些能力，構(gòu)建能夠在不同設(shè)備上無縫流轉(zhuǎn)和協(xié)同工作的應(yīng)用。1．分布式應(yīng)用開發(fā)基本概念（1）流轉(zhuǎn)

在鴻蒙系統(tǒng)中，流轉(zhuǎn)泛指跨多設(shè)備的分布式操作。流轉(zhuǎn)通過打破設(shè)備界限實現(xiàn)多設(shè)備聯(lián)動，使應(yīng)用程序可分可合、可流轉(zhuǎn)，實現(xiàn)如郵件跨設(shè)備編輯、多設(shè)備協(xié)同健身、多屏游戲等分布式業(yè)務(wù)。流轉(zhuǎn)為開發(fā)者提供了更廣闊的使用場景和更新的產(chǎn)品視角，可以強(qiáng)化產(chǎn)品優(yōu)勢，實現(xiàn)體驗升級。流轉(zhuǎn)按照使用場景可分為跨端遷移和多端協(xié)同。（2）跨端遷移

在用戶使用設(shè)備的過程中，當(dāng)使用情境發(fā)生變化（如從室內(nèi)走到戶外或者周圍有更合適的設(shè)備等）時，之前使用的設(shè)備可能已經(jīng)不適合繼續(xù)完成當(dāng)前的任務(wù)，此時，用戶可以選擇新的設(shè)備來繼續(xù)完成當(dāng)前的任務(wù)，原設(shè)備可按需決定是否退出任務(wù)，這就是跨端遷移場景。

常見的跨端遷移場景：在平板電腦上播放的視頻遷移到智慧屏繼續(xù)播放，從而獲得更佳的觀看體驗；平板電腦上的視頻應(yīng)用退出。

在應(yīng)用開發(fā)層面，跨端遷移指在A端運(yùn)行的UIAbility遷移到B端，完成遷移后，B端UIAbility繼續(xù)完成任務(wù)，而A端UIAbility可按需決定是否退出。（3）多端協(xié)同

用戶擁有的多個設(shè)備可以作為一個整體，為用戶提供比單設(shè)備更加高效、沉浸的體驗，這就是多端協(xié)同場景。例如，A和B兩臺設(shè)備打開備忘錄中的同一篇筆記進(jìn)行雙端協(xié)同編輯，可以對設(shè)備A本地圖庫中的圖片資源進(jìn)行編輯，在設(shè)備B上進(jìn)行文字內(nèi)容編輯。在應(yīng)用開發(fā)層面，多端協(xié)同指多端上的不同UIAbility/ServiceExtensionAbility同時運(yùn)行或者交替運(yùn)行，以實現(xiàn)完整的業(yè)務(wù)；或者多端上的相同UIAbility/

ServiceExtensionAbility同時運(yùn)行，以實現(xiàn)完整的業(yè)務(wù)。2．分布式應(yīng)用開發(fā)典型場景

分布式應(yīng)用開發(fā)的典型場景有以下4種。（1）媒體播控

使用媒體播控，可以簡單、高效地將音頻投放到其他鴻蒙系統(tǒng)設(shè)備上播放，如在手機(jī)上播放的音頻可以投放到二合一（2in1）設(shè)備上繼續(xù)播放。（2）應(yīng)用接續(xù)

應(yīng)用接續(xù)指用戶在一個設(shè)備上操作某個應(yīng)用時，可以快速切換到另一個設(shè)備的同一個應(yīng)用中，并無縫銜接上一個設(shè)備的應(yīng)用體驗。（3）跨設(shè)備拖曳

跨設(shè)備拖曳提供跨設(shè)備的鍵鼠共享能力，支持在平板電腦或2in1類型的任意兩臺設(shè)備之間拖曳文件、文本。（4）跨設(shè)備剪貼板

當(dāng)用戶擁有多臺設(shè)備時，可以通過跨設(shè)備剪貼板的功能，在A設(shè)備的應(yīng)用上復(fù)制一段文本，粘貼到B設(shè)備的應(yīng)用中，高效地完成多設(shè)備間的內(nèi)容共享。8.3.2媒體播控1．基本概念（1）媒體會話（AVSession）（2）投播組件（AVCastPicker）（3）投播控制器（AVCastController）（4）后臺長時任務(wù)2．媒體播控開發(fā)步驟（1）創(chuàng)建播放器并創(chuàng)建AVSession。（2）設(shè)置媒體資源信息。（3）在需要投播的播放界面創(chuàng)建投播組件AVCastPicker。（4）設(shè)置AVSession的信息并注冊AVSession的回調(diào)，用于感知投播連接。（5）使用AVCastController進(jìn)行資源播放。（6）使用AVCastController監(jiān)聽控制命令和進(jìn)行播放控制。（7）申請投播長時任務(wù)，避免應(yīng)用在投播進(jìn)入后臺時被系統(tǒng)凍結(jié)，導(dǎo)致無法持續(xù)投播。（8）處理音頻焦點。（9）結(jié)束投播。8.3.3應(yīng)用接續(xù)1．發(fā)起應(yīng)用接續(xù)的場景

針對不同類型的應(yīng)用，推薦的應(yīng)用接續(xù)發(fā)起界面及接續(xù)同步內(nèi)容如下。（1）瀏覽器：網(wǎng)頁內(nèi)容詳情界面，網(wǎng)頁瀏覽進(jìn)度同步。（2）備忘錄：備忘錄詳情界面，備忘錄瀏覽進(jìn)度同步。（3）新聞：新聞詳情界面，新聞瀏覽進(jìn)度同步。（4）閱讀：小說閱讀界面，小說閱讀進(jìn)度同步。（5）視頻：視頻播放界面，視頻播放進(jìn)度同步。（6）音樂：音樂播放界面、歌單播放界面，音樂播放進(jìn)度同步。（7）會議：會議界面，當(dāng)前會議同步。（8）郵件：新建郵件界面、回復(fù)轉(zhuǎn)發(fā)郵件界面、閱讀某封郵件界面，編輯內(nèi)容及附件同步。（9）辦公編輯：某個編輯界面，編輯內(nèi)容同步。（10）CAD：CAD編輯界面，編輯內(nèi)容同步。（11）地圖：路線查詢界面、導(dǎo)航界面，當(dāng)前路線及導(dǎo)航同步。2．應(yīng)用接續(xù)開發(fā)指導(dǎo)

應(yīng)用接續(xù)的具體開發(fā)步驟如下。（1）啟用應(yīng)用接續(xù)能力。（2）根據(jù)需要配置應(yīng)用啟動模式類型。（3）在源端UIAbility中實現(xiàn)onContinue()接口。（4）判斷遷移場景，恢復(fù)數(shù)據(jù)，并加載界面。8.3.4跨設(shè)備拖曳

當(dāng)用戶擁有兩臺設(shè)備時，可以共享一套鍵鼠，通過跨設(shè)備拖曳，一步將設(shè)備A的素材拖曳到設(shè)備B中快速創(chuàng)作，實現(xiàn)跨設(shè)備的協(xié)同工作體驗。

拖曳事件指組件被拖曳時觸發(fā)的事件。拖曳事件通過鼠標(biāo)左鍵來操作和響應(yīng)。

ArkUI框架對以下組件提供了默認(rèn)的拖曳能力，支持對數(shù)據(jù)的拖出或拖入響應(yīng)，開發(fā)者只需要將這些組件的draggable屬性設(shè)置為true，即可使用默認(rèn)拖曳能力。（1）默認(rèn)支持拖出能力的組件（可從組件上拖出數(shù)據(jù)）：Search、TextInput、TextArea、RichEditor、Text、Image、Hyperlink。（2）默認(rèn)支持拖入能力的組件（目標(biāo)組件可響應(yīng)拖入數(shù)據(jù)）：Search、TextInput、TextArea、RichEditor。圖8-8拖曳開發(fā)示例8.3.5跨設(shè)備剪貼板

剪貼板分為本地剪貼板和跨設(shè)備剪貼板，本地剪貼板提供設(shè)備內(nèi)的內(nèi)容復(fù)制粘貼，跨設(shè)備剪貼板提供跨設(shè)備的內(nèi)容復(fù)制粘貼。

當(dāng)開發(fā)者正在開發(fā)一款瀏覽器類應(yīng)用，或是備忘錄、筆記、郵件等富文本編輯類應(yīng)用時，均可接入跨設(shè)備剪貼板，提升用戶體驗。

在開發(fā)跨設(shè)備剪貼板的功能時，系統(tǒng)將自動完成跨設(shè)備的數(shù)據(jù)傳遞，需要注意的是，跨設(shè)備復(fù)制的數(shù)據(jù)在兩分鐘之內(nèi)有效。

跨設(shè)備剪貼板開發(fā)可按如下步驟進(jìn)行。（1）從設(shè)備A復(fù)制數(shù)據(jù)，寫入剪貼板服務(wù)。（2）在設(shè)備B粘貼數(shù)據(jù)，讀取剪貼板內(nèi)容。8.4人工智能服務(wù)

鴻蒙系統(tǒng)中的AI主要包括原生智能和小藝智能體?。盤古大模型賦予了鴻蒙系統(tǒng)的AI助手小藝智能體強(qiáng)大的感知和推理能力，使其能夠處理各類頂級場景，任務(wù)成功率高?。

原生智能?是指鴻蒙系統(tǒng)將AI能力深度融入操作系統(tǒng)，使得應(yīng)用“生而智能”，設(shè)備“懂你所需”。這種原生智能不僅提升了用戶體驗，也為開發(fā)者提供了前所未有的機(jī)遇?。開發(fā)者可以通過智能語音服務(wù)、智能視覺服務(wù)、智能意圖框架服務(wù)等接入原生智能。

小藝智能體能夠跨多個應(yīng)用執(zhí)行規(guī)劃和任務(wù)，處理文字、圖表信息，實現(xiàn)更高效的人機(jī)交互。它的典型應(yīng)用場景包括感知和推理、跨應(yīng)用操作、知識問答等。

總而言之，鴻蒙系統(tǒng)中的人工智能服務(wù)主要包括智能語音服務(wù)、智能視覺服務(wù)、智能意圖框架服務(wù)等。8.4.1智能語音服務(wù)

智能語音服務(wù)包括基礎(chǔ)語音服務(wù)和場景語音服務(wù)兩大類。（1）基礎(chǔ)語音服務(wù)集成了語音類基礎(chǔ)AI能力，包括文本—語音轉(zhuǎn)換（TextToSpeech）能力及語音識別（SpeechRecognition）能力，便于用戶與設(shè)備進(jìn)行互動，實現(xiàn)實時轉(zhuǎn)換輸入的語音與文本。（2）場景化語音服務(wù)集成了語音類AI能力，包括朗讀控件（TextReader）和AI字幕控件（AICaptionComponent）能力，便于用戶與設(shè)備進(jìn)行互動。

朗讀控件應(yīng)用廣泛，如可以在用戶不方便或者無法查看屏幕文字時，為用戶朗讀新聞，提供信息。圖8-9

智能語音開發(fā)示例8.4.2智能視覺服務(wù)

智能視覺服務(wù)包括基礎(chǔ)視覺服務(wù)和場景化視覺服務(wù)兩大類。（1）基礎(chǔ)視覺服務(wù)是與機(jī)器視覺相關(guān)的基礎(chǔ)能力，如OCR、人臉檢測、人臉比對、主體分割、多目標(biāo)識別、骨骼點檢測等能力。（2）場景化視覺服務(wù)集成了視覺類AI能力，包括人臉活體檢測、卡證識別、

文檔掃描、AI識圖等能力。人臉活體檢測便于用戶與設(shè)備進(jìn)行互動，驗證用戶是否為真實活體；卡證識別可提供身份證、行駛證、駕駛證、護(hù)照、銀行卡等證件的結(jié)構(gòu)化識別服務(wù)；文檔掃描可提供拍攝文檔并將其轉(zhuǎn)換為高清掃描件的服務(wù)；AI識圖可提供場景化的文本識別、主體分割、識圖搜索功能。

人臉活體檢測支持動作活體檢測模式。動作活體檢測支持實時捕捉人臉，需要用戶配合做指定動作，以判斷用戶是真實活體還是非活體（如打印圖片、人臉翻拍視頻以及人臉面具等）。

（a）

（b）圖8-10

智能視覺開發(fā)示例8.4.3智能意圖框架服務(wù)

智能意圖框架服務(wù)是鴻蒙系統(tǒng)級的意圖標(biāo)準(zhǔn)體系，意圖連接了應(yīng)用/元服務(wù)內(nèi)的業(yè)務(wù)功能。

智能意圖框架服務(wù)能幫助開發(fā)者將應(yīng)用/元服務(wù)內(nèi)的業(yè)務(wù)功能智能分發(fā)到各系統(tǒng)入口，這個過程即智慧分發(fā)。其中系統(tǒng)入口包括小藝對話、小藝搜索、小藝建議等。

智能意圖框架服務(wù)可以利用鴻蒙系統(tǒng)的大模型、多維設(shè)備感知等AI能力，準(zhǔn)確且及時地獲取用戶的顯性意圖或潛在意圖，從而實現(xiàn)個性化、多模態(tài)、精準(zhǔn)地智慧分發(fā)。

智慧分發(fā)提供習(xí)慣推薦、事件推薦、技能調(diào)用-語音、本地搜索等多種特性。圖8-11

智能意圖開發(fā)示例【項目實現(xiàn)】云林商城應(yīng)用開發(fā)

接到任務(wù)后，黎工程師分析了項目要求，把此項目分成5個任務(wù)來實現(xiàn)：云林商城應(yīng)用功能設(shè)計、云林商城應(yīng)用引導(dǎo)界面和主界面設(shè)計、云林商城應(yīng)用商品信息界面設(shè)計、云林商城應(yīng)用購物車界面設(shè)計、云林商城應(yīng)用“我的”界面設(shè)計。任務(wù)8-1云林商城應(yīng)用功能設(shè)計1．任務(wù)分析

云林商城應(yīng)用基于自適應(yīng)布局和響應(yīng)式布局，實現(xiàn)在普通手機(jī)、折疊屏手機(jī)、平板電腦等不同屏幕尺寸的設(shè)備上按不同設(shè)計顯示，通過公共能力層（common）、功能模塊層（features）、產(chǎn)品層（product）這3層工程結(jié)構(gòu)，實現(xiàn)“一次開發(fā)，多端部署”。2．代碼實現(xiàn)（1）新建項目project8，將文件EntryAbility.ets的代碼替換。（2）調(diào)整項目結(jié)構(gòu)并添加新的模塊，實現(xiàn)“一次開發(fā)，多端部署”。3．設(shè)計效果

項目最終的結(jié)構(gòu)如圖8-12所示。圖8-12

云林商城應(yīng)用項目結(jié)構(gòu)任務(wù)8-2云林商城應(yīng)用引導(dǎo)界面和主界面設(shè)計1．任務(wù)分析

云林商城應(yīng)用引導(dǎo)界面加載速度快，在引導(dǎo)界面停留兩秒后將自動跳轉(zhuǎn)到主界面，這樣可以提升用戶體驗，并且引導(dǎo)界面還可以作為服務(wù)卡片使用。2．代碼實現(xiàn)（1）云林商城應(yīng)用的引導(dǎo)界面文件為Index.ets。（2）云林商城應(yīng)用主界面文件為MainPage.ets，由Tabs組件和4個TabContent組件組成，4個頁簽的內(nèi)容視圖分別為首頁（Home）、新品（NewProduct）、購物車（ShopCart）、我的（Personal）。根據(jù)用戶使用場景，通過響應(yīng)式布局的媒體查詢監(jiān)聽?wèi)?yīng)用窗口寬度變化，獲取當(dāng)前應(yīng)用的斷點值，設(shè)置Tabs的頁簽位置，大寬度（long，lg）斷點（如平板電腦）顯示側(cè)邊欄，其他斷點則顯示底部欄。3．運(yùn)行效果

云林商城應(yīng)用引導(dǎo)界面的顯示效果如圖8-13所示，主界面顯示效果如圖8-1所示。

（a）普通手機(jī)效果

（b）折疊屏手機(jī)效果

（c）平板電腦效果圖8-13

云林商城應(yīng)用引導(dǎo)界面顯示效果任務(wù)8-3云林商城應(yīng)用商品信息界面設(shè)計1．任務(wù)分析

云林商城應(yīng)用商品信息界面整體由輪播圖、商品信息、底部按鈕欄組成，可以通過柵格布局實現(xiàn)不同類型設(shè)備呈現(xiàn)不同的效果，并通過自適應(yīng)布局的拉伸能力，設(shè)置flexGrow屬性使按鈕位于底部。2．代碼實現(xiàn)

要達(dá)到前面的設(shè)計目的，可執(zhí)行以下步驟。（1）在小寬度（small，sm）斷點下，輪播圖占4個柵格，商品信息占4個柵格，底部按鈕欄占4個柵格。（2）在中等寬度（middle，md）斷點下，輪播圖占8個柵格，商品信息占8個柵格，底部按鈕欄占8個柵格。（3）在lg斷點下，輪播圖占12個柵格，商品信息占8個柵格偏移2個柵格，底部按鈕欄占8個柵格偏移2個柵格。3．運(yùn)行效果

運(yùn)行程序，在云林商城應(yīng)用主頁面點擊任意商品，可以查看商品的詳細(xì)信息，其效果如圖8-14所示。（a）普通手機(jī)效果

（b）折疊屏手機(jī)效果

（c）平板電腦效果圖8-14

云林商城應(yīng)用商品信息界面效果任務(wù)8-4云林商城應(yīng)用購物車界面設(shè)計1．任務(wù)分析

云林商城應(yīng)用購物車界面由購物車列表和商品列表組成，商品列表實現(xiàn)邏輯與主界面的商品列表相同，購物車列表使用自適應(yīng)布局的均分能力實現(xiàn)。2．代碼實現(xiàn)

為了達(dá)到設(shè)計目的，在類文件ShopCart.ets中實現(xiàn)。3．運(yùn)行效果

運(yùn)行程序?qū)⑸唐芳尤胭徫镘?，其效果如圖8-15所示。（a）普通手機(jī)效果

（b）折疊屏手機(jī)效果

（c）平板電腦效果圖8-15

云林商城購物車示例任務(wù)8-5云林商城應(yīng)用“我的”界面設(shè)計1．任務(wù)分析

云林商城應(yīng)用“我的”界面主要由個人信息、“我的訂單”列表、文字圖片按鈕、直播列表組成，直播列表實現(xiàn)邏輯與主界面商品列表相同，其他則使用