創(chuàng)建“一碼通”服務卡片工程

①安裝和配置 DevEco Studio 2.1 Release

安裝的鏈接：

https://developer.harmonyos.com/cn/develop/deveco-studio IDE 的使用指南，很詳細：https://developer.harmonyos.com/cn/docs/documentation/doc-guides/tools_overview-0000001053582387

我的本案例使用的最新的 2.1.0.501 版本，SDK：API Version 5。

②創(chuàng)建一個 Empty Java Phone 應用

點擊 Next：

點擊 Finish 完成創(chuàng)建一碼通服務卡片工程。

③一碼通服務卡片頁面布局

首先完成一碼通服務卡片頁面的布局，代碼：

一碼通服務卡片實現(xiàn)

第一步：卡片生成

鼠標放在項目的包路徑上，然后右擊，點擊“Service Widget”，然后就可以創(chuàng)建服務卡片：

選擇“Basic”高級模式，然后在 Template 中選擇 “Grid Pattern”模板，然后點擊 Next：

然后給服務卡片起名字，這里要就寫個“OneCodePass”，選擇生成卡片的樣式，分別為 1X2、2X2、2X4 規(guī)格，然后點擊“Finish”完成創(chuàng)建。

然后會生成相關(guān)的模板代碼，以下是代碼的框架：

然后對 OneCodePassAbility.java 和 form_grid_pattern_onecodepass_*.xml 布局文件修改，并新增準備好的資源文件。

第二步：卡片布局的修改

我們制作了一個 1X2、2X2 和 2X4 的卡片，布局效果如下所示：

1X2 卡片布局：

2X2 卡片布局：

2X4 卡片布局：

第三步：卡片信息創(chuàng)建、更新、刪除

對卡片進行操作時，需要將創(chuàng)建的卡片信息持久化，以便在下次獲取/更新該卡片實例時進行使用。

我們采用對象關(guān)系型數(shù)據(jù)庫來存儲卡片信息，主要是在卡片創(chuàng)建的回調(diào)函數(shù) onCreateForm 和卡片銷毀的回調(diào)函數(shù) onDeleteForm 中存儲和刪除卡片信息。

卡片需要存儲的信息包括：卡片 ID、卡片名稱、卡片大?。?X2 還是 2X4 等），代碼如下所示。

存儲卡片信息：

更新卡片信息：

刪除卡片信息：

卡片創(chuàng)建完成。

第四步：卡片在桌面的創(chuàng)建方式

在手機桌面上卡片的創(chuàng)建方式分為：設(shè)為上滑卡片或添加到桌面。

第五步：卡片的點擊跳轉(zhuǎn)

卡片默認跳轉(zhuǎn)到個人健康碼，可以查看個人的健康碼詳情。

點擊個人中心：

點擊常住人注冊：

卡片頁面跳轉(zhuǎn)功能的重點代碼如下：

通過案例充分說明了卡片的獨特優(yōu)點：能夠?qū)?FA 的重要信息或操作前置到卡片，以達到服務直達，減少體驗層級目的。

總結(jié)和回顧

本文通過一碼通服務卡片，手把手的教會大家如何實現(xiàn)一個 HarmonyOS Java 卡片，你將學會以下知識點：

如何使用模板創(chuàng)建卡片

卡片的布局

卡片信息創(chuàng)建、更新和刪除過程

卡片的點擊跳轉(zhuǎn)事件

除此以外，你還會學到：

①如何使用webview控件進行網(wǎng)絡請求獲取數(shù)據(jù)

②如何使用偏好型數(shù)據(jù)庫，緩存卡片信息

創(chuàng)建服務卡片：

更新服務卡片：

刪除服務卡片：

責任編輯：haq