看本文章之前需要先熟悉一下原子化服務(wù)特征和流程 HarmonyOS-5分鐘教會你原子化服務(wù)。

服務(wù)卡片（以下簡稱“卡片”）是 FA 的一種界面展示形式，將 FA 的重要信息或操作前置到卡片，以達到服務(wù)直達，減少體驗層級的目的。

卡片常用于嵌入到其他應(yīng)用（當前只支持系統(tǒng)應(yīng)用）中作為其界面的一部分顯示，并支持拉起頁面，發(fā)送消息等基礎(chǔ)的交互功能。卡片使用方負責(zé)顯示卡片。

卡片提供方：開發(fā)者僅需作為卡片提供方進行服務(wù)卡片內(nèi)容的開發(fā)，控制卡片實際顯示的內(nèi)容、控件布局以及控件點擊事件。

卡片使用方：顯示卡片內(nèi)容的宿主應(yīng)用，控制卡片在宿主中展示的位置。

卡片管理服務(wù)：用于管理系統(tǒng)中所添加卡片的常駐代理服務(wù)，包括卡片對象的管理與使用，以及卡片周期性刷新等。

說明：卡片使用方和提供方不要求常駐運行，在需要添加/刪除/請求更新卡片時，卡片管理服務(wù)會拉起卡片提供方獲取卡片信息。

服務(wù)卡片的運作機制

先上圖：

卡片管理服務(wù)包含以下模塊：

• 周期性刷新：在卡片添加后，根據(jù)卡片的刷新策略啟動定時任務(wù)周期性觸發(fā)卡片的刷新。

• 卡片緩存管理：在卡片添加到卡片管理服務(wù)后，對卡片的視圖信息進行緩存，以便下次獲取卡片時可以直接返回緩存數(shù)據(jù)，降低時延。

• 卡片生命周期管理：對于卡片切換到后臺或者被遮擋時，暫?？ㄆ乃⑿拢灰约翱ㄆ纳?卸載場景下對卡片數(shù)據(jù)的更新和清理。

• 卡片使用方對象管理：對卡片使用方的 RPC 對象進行管理，用于使用方請求進行校驗以及對卡片更新后的回調(diào)處理。

• 通信適配層：負責(zé)與卡片使用方和提供方進行 RPC 通信。

卡片提供方包含以下模塊：

• 卡片服務(wù)：由卡片提供方開發(fā)者實現(xiàn)，開發(fā)者實現(xiàn) onCreateForm、onUpdateForm 和 onDeleteForm 處理創(chuàng)建卡片、更新卡片以及刪除卡片等請求，提供相應(yīng)的卡片服務(wù)。

• 卡片提供方實例管理模塊：由卡片提供方開發(fā)者實現(xiàn)，負責(zé)對卡片管理服務(wù)分配的卡片實例進行持久化管理。

• 通信適配層：由 HarmonyOS SDK 提供，負責(zé)與卡片管理服務(wù)通信，用于將卡片的更新數(shù)據(jù)主動推送到卡片管理服務(wù)。

服務(wù)卡片開發(fā)簡介

關(guān)于服務(wù)卡片的接口說明，Java 卡片與 JS 卡片選型，約束與限制可以去官網(wǎng)上查看：

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ability-service-widget-provider-intro-0000001150722105

Java 卡片開發(fā)

這次先來講解 Java 卡片開發(fā)，后期會專門用一篇來講解 JS 卡片開發(fā)。

使用 DevEco Studio 創(chuàng)建卡片工程（前面文章已經(jīng)說明，這里不再累述）。

我們先看看配置文件 config.json：

"forms":[
{
"landscapeLayouts":[
"$layout:form_weather_widget_2_2"
],
"isDefault":true,
"scheduledUpdateTime":"10:30",
"defaultDimension":"2*2",
"name":"widget",
"description":"Thisisaservicewidget",
"colorMode":"auto",
"type":"Java",
"supportDimensions":[
"2*2"
],
"portraitLayouts":[
"$layout:form_weather_widget_2_2"
],
"updateEnabled":true,
"updateDuration":1
}
],

①“type”：默認值是 JS，我們需要更改為“Java”代表是一個 Java 卡片。

②“scheduledUpdateTime”：表示卡片的定點刷新的時刻，采用 24 小時制，精確到分鐘。但是我在設(shè)置時間點的時候并沒有更新，具體原因待考察。

"scheduledUpdateTime":"10:30",

③“updateEnabled”：表示卡片是否支持周期性刷新，取值范圍：

• true：表示支持周期性刷。

• false：表示不支持周期性刷新。

④“updateDuration”：表示卡片定時刷新的更新周期，單位為 30 分鐘，取值為自然數(shù)。

• 當取值為 0 時，表示該參數(shù)不生效。

• 當取值為正整數(shù) N 時，表示刷新周期為 30*N 分鐘。

"updateEnabled":true,
"updateDuration":1

設(shè)置卡片定時刷新，每 30 分鐘更新一次。

⑤“supportDimensions”：表示卡片支持的外觀規(guī)格，取值范圍：

• 1*2：表示 1 行 2 列的二宮格。

• 2*2：表示 2 行 2 列的四宮格。

• 2*4：表示 2 行 4 列的八宮格。

• 4*4：表示 4 行 4 列的十六宮格。

⑥“portraitLayouts”：表示卡片外觀規(guī)格對應(yīng)的豎向布局文件，與 supportDimensions 中的規(guī)格一一對應(yīng)。僅當卡片類型為 Java 卡片時，需要配置該標簽。

⑦“l(fā)andscapeLayouts”：表示卡片外觀規(guī)格對應(yīng)的橫向布局文件，與 supportDimensions 中的規(guī)格一一對應(yīng)。僅當卡片類型為 Java 卡片時，需要配置該標簽。

MainAbility 中覆寫卡片相關(guān)回調(diào)函數(shù)：

• onCreateForm(Intent intent)

• onUpdateForm(long formId)

• onDeleteForm(long formId)

• onCastTempForm(long formId)

• onEventNotify(Map formEvents)

• onAcquireFormState(Intent intent)

當卡片使用方請求獲取卡片時，卡片提供方會被拉起并調(diào)用 onCreateForm(Intent intent) 回調(diào)，intent 中會帶有卡片 ID，卡片名稱，臨時卡片標記和卡片外觀規(guī)格信息。

代碼如下：

protectedProviderFormInfoonCreateForm(Intentintent){
HiLog.info(TAG,"onCreateForm");
//卡片id
longformId=intent.getLongParam(AbilitySlice.PARAM_FORM_IDENTITY_KEY,INVALID_FORM_ID);
//卡片名稱
StringformName=intent.getStringParam(AbilitySlice.PARAM_FORM_NAME_KEY);
//卡片規(guī)格
intdimension=intent.getIntParam(AbilitySlice.PARAM_FORM_DIMENSION_KEY,DEFAULT_DIMENSION_2X2);
HiLog.info(TAG,"onCreateForm:formId="+formId+",formName="+formName+",dimension="+dimension);
//將卡片信息存入數(shù)據(jù)庫
saveFormInfo(formId,formName,dimension);

//開發(fā)者需要根據(jù)卡片的名稱以及外觀規(guī)格獲取對應(yīng)的xml布局并構(gòu)造卡片對象，此處ResourceTable.Layout_form_weather_widget_2_2
ProviderFormInfoformInfo=newProviderFormInfo(ResourceTable.Layout_form_weather_widget_2_2,this);
//獲取此 ProviderFormInfo 對象中包含的ComponentProvider數(shù)據(jù)。
ComponentProvidercomponentProvider=formInfo.getComponentProvider();
//設(shè)置組件的文本內(nèi)容
componentProvider.setText(ResourceTable.Id_weather_text,"天氣:多云");
componentProvider.setText(ResourceTable.Id_weather_temperature,"溫度:29度");
componentProvider.setText(ResourceTable.Id_weather_ph,"PH值:2.9");
//將ComponentProvider中指定的操作合并到此ProviderFormInfo對象中包含的ComponentProvider對象中
formInfo.mergeActions(componentProvider);
returnformInfo;
}

布局：form_weather_widget_2_2.xml

<DependentLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent"
ohos:background_element="#FFFFFFFF"
ohos:remote="true">

<Image
ohos:height="match_parent"
ohos:width="126vp"
ohos:horizontal_center="true"
ohos:image_src="$media:weather"
ohos:scale_mode="zoom_start"
ohos:top_margin="17vp"/>

<DirectionalLayout
ohos:height="match_content"
ohos:width="match_content"
ohos:align_parent_bottom="true"
ohos:bottom_margin="12vp"
ohos:horizontal_center="true"
ohos:orientation="vertical">

<Text
ohos:id="$+id:weather_text"
ohos:height="match_content"
ohos:width="match_parent"
ohos:text="天氣:晴"
ohos:text_color="#E5000000"
ohos:text_size="12fp"
ohos:text_weight="400"
ohos:top_margin="2vp"
ohos:truncation_mode="ellipsis_at_end"/>

<Text
ohos:id="$+id:weather_temperature"
ohos:height="match_content"
ohos:width="match_parent"
ohos:text="溫度:25度"
ohos:text_color="#99000000"
ohos:text_size="12fp"
ohos:text_weight="400"
ohos:top_margin="2vp"
ohos:truncation_mode="ellipsis_at_end"/>
<Text
ohos:id="$+id:weather_ph"
ohos:height="match_content"
ohos:width="match_parent"
ohos:text="PH值:2.5"
ohos:text_color="#99000000"
ohos:text_size="12fp"
ohos:text_weight="400"
ohos:top_margin="2vp"
ohos:truncation_mode="ellipsis_at_end"/>
DirectionalLayout>
DependentLayout>

當需要卡片提供方更新數(shù)據(jù)時（如觸發(fā)了定時更新、定點更新或者卡片使用方主動請求更新），卡片提供方獲取最新數(shù)據(jù)，并調(diào)用 updateForm 接口更新卡片。

示例如下：

protectedvoidonUpdateForm(longformId){
HiLog.info(TAG,"onUpdateForm");
super.onUpdateForm(formId);
refeshData();
}

/**
*updateforms
*/
privatevoidrefeshData(){
//獲取卡片集合
ListformList=DatabaseUtils.queryForms(this,null);

for(FormInfoformInfo:formList){
ProviderFormInforefesh=newProviderFormInfo(ResourceTable.Layout_form_weather_widget_2_2,this);

ComponentProvidercomponentProvider=refesh.getComponentProvider();
//這里更新的值，實際使用中可根據(jù)自己項目要求設(shè)置,比如:隨機獲取一個值
componentProvider.setText(ResourceTable.Id_weather_text,"天氣:多云轉(zhuǎn)晴");
componentProvider.setText(ResourceTable.Id_weather_temperature,"溫度:30度");
componentProvider.setText(ResourceTable.Id_weather_ph,"PH值:3.0");
try{
//卡片提供方主動更新卡片
updateForm(formInfo.getFormId(),componentProvider);
}catch(FormExceptione){
HiLog.error(TAG,"FormException");
}
}
}

定時更新效果：

總結(jié)

實際項目中需要通過網(wǎng)絡(luò)獲取數(shù)據(jù)，這里只是簡單的模擬數(shù)據(jù)。

只是簡單說明了服務(wù)卡片創(chuàng)建的回調(diào)方法實現(xiàn)，定點和定時數(shù)據(jù)更新的時機和回調(diào)方法的實現(xiàn)，下期會更新關(guān)于服務(wù)卡片信息持久化、卡片控制事件。

審核編輯 ：李倩