目錄







項(xiàng)目1

初探HarmonyOS開發(fā)

個(gè)性化設(shè)置應(yīng)用 1

【項(xiàng)目引言】 1

【學(xué)習(xí)目標(biāo)】 1

【思維導(dǎo)圖】 1

【學(xué)習(xí)任務(wù)】 2

任務(wù)1.1　認(rèn)識HarmonyOS 2

1.1.1　了解HarmonyOS

發(fā)展史 2

1.1.2　了解HarmonyOS核心

技術(shù)理念 3

任務(wù)1.2　開啟HarmonyOS開發(fā)

之旅 5

1.2.1　下載并安裝集成開發(fā)

環(huán)境DevEco Studio 5

1.2.2　創(chuàng)建第 一個(gè)鴻蒙應(yīng)用 7

1.2.3　使用模擬器運(yùn)行工程 9

1.2.4　初窺HarmonyOS

（ArkTS）工程目錄

結(jié)構(gòu) 11

1.2.5　熟悉DevEco Studio的

功能區(qū)域 12

任務(wù)1.3　綜合案例：個(gè)性化設(shè)置

應(yīng)用 16

【項(xiàng)目小結(jié)】 17

【技能提升】 17

【AIGC實(shí)驗(yàn)室】CodeGenie

DeepSeek：雙擎

驅(qū)動(dòng)HarmonyOS

開發(fā)新范式 17

【項(xiàng)目評價(jià)】 19



項(xiàng)目2

夯實(shí)ArkTS語言基礎(chǔ)

學(xué)生成績管理系統(tǒng) 20

【項(xiàng)目引言】 20

【學(xué)習(xí)目標(biāo)】 20

【思維導(dǎo)圖】 20

【學(xué)習(xí)任務(wù)】 21

任務(wù)2.1　ArkTS開發(fā)入門 21

2.1.1　ArkTS介紹 21

2.1.2　利用DevEco Studio

編寫ArkTS代碼 21

任務(wù)2.2　掌握ArkTS基礎(chǔ)語法 22

2.2.1　聲明變量和常量 22

2.2.2　類型 23

2.2.3　運(yùn)算符 27

2.2.4　控制語句 29

2.2.5　函數(shù) 33

任務(wù)2.3　綜合案例：學(xué)生成績管理

系統(tǒng) 35

【項(xiàng)目小結(jié)】 38

【技能提升】 38

【AIGC實(shí)驗(yàn)室】CodeGenie代碼智能

解讀 38

【項(xiàng)目評價(jià)】 39



項(xiàng)目3

深入ArkTS高級特性

模擬田忌賽馬 41

【項(xiàng)目引言】 41

【學(xué)習(xí)目標(biāo)】 41

【思維導(dǎo)圖】 41

【學(xué)習(xí)任務(wù)】 42

任務(wù)3.1　了解面向?qū)ο笙嚓P(guān)概念 42

3.1.1　封裝 42

3.1.2　繼承 42

3.1.3　多態(tài) 42

任務(wù)3.2　類 42

3.2.1　類的結(jié)構(gòu) 43

3.2.2　訪問修飾符 46

3.2.3　繼承機(jī)制 47

任務(wù)3.3　抽象類和接口 50

3.3.1　抽象類 50

3.3.2　接口 52

任務(wù)3.4　特殊操作符 54

3.4.1　可選操作符（ ） 54

3.4.2　空值合并操作符（ ） 55

3.4.3　空值賦值操作符（ =） 55

3.4.4　非空斷言操作符（!） 56

任務(wù)3.5　異步執(zhí)行 57

3.5.1　Promise 57

3.5.2　async/await 58

任務(wù)3.6　導(dǎo)入和導(dǎo)出模塊 58

3.6.1　使用import和export實(shí)現(xiàn)

模塊化 58

3.6.2　重導(dǎo)出 59

任務(wù)3.7　綜合案例：模擬田忌

賽馬 60

【項(xiàng)目小結(jié)】 62

【技能提升】 62

【AIGC實(shí)驗(yàn)室】CodeGenie代碼自動(dòng)

生成 63

【項(xiàng)目評價(jià)】 65



項(xiàng)目4

參透ArkUI開發(fā)智慧

字號字體適老化 67

【項(xiàng)目引言】 67

【學(xué)習(xí)目標(biāo)】 67

【思維導(dǎo)圖】 67

【學(xué)習(xí)任務(wù)】 68

任務(wù)4.1　了解ArkUI開發(fā)基本概念 68

4.1.1　ArkUI關(guān)鍵特性 68

4.1.2　聲明式開發(fā)范式 69

任務(wù)4.2　了解ArkUI不同像素單位 71

4.2.1　影響屏幕顯示的關(guān)鍵

因素 71

4.2.2　自適應(yīng)屏幕的像素單位 72

任務(wù)4.3　應(yīng)用資源的管理和訪問 73

4.3.1　應(yīng)用資源的管理 73

4.3.2　應(yīng)用資源的訪問 74

任務(wù)4.4　綜合案例：字號字體

適老化 75

【項(xiàng)目小結(jié)】 77

【技能提升】 77

【AIGC實(shí)驗(yàn)室】Intents Kit：構(gòu)建智慧

分發(fā)的基石 77

【項(xiàng)目評價(jià)】 78



項(xiàng)目5

把握組件通用信息

隨手而動(dòng)的小球 79

【項(xiàng)目引言】 79

【學(xué)習(xí)目標(biāo)】 79

【思維導(dǎo)圖】 79

【學(xué)習(xí)任務(wù)】 80

任務(wù)5.1　掌握組件常見屬性 80

5.1.1　尺寸屬性 80

5.1.2　邊框?qū)傩?86

5.1.3　背景屬性 89

5.1.4　顏色漸變屬性 94

5.1.5　形狀裁剪屬性 98

5.1.6　動(dòng)態(tài)交互屬性 100

任務(wù)5.2　學(xué)習(xí)組件手勢事件 103

5.2.1　手勢事件原理 103

5.2.2　綁定手勢 103

5.2.3　點(diǎn)擊手勢 105

5.2.4　長按手勢 107

5.2.5　組合手勢 108

任務(wù)5.3　綜合案例：隨手而動(dòng)的

小球 110

【項(xiàng)目小結(jié)】 111

【技能提升】 111

【AIGC實(shí)驗(yàn)室】MindSpore Lite Kit：

HarmonyOS的輕量化

AI引擎 112

【項(xiàng)目評價(jià)】 113



項(xiàng)目6

精通ArkUI組件構(gòu)建

模仿美團(tuán)App消息

列表頁面 115

【項(xiàng)目引言】 115

【學(xué)習(xí)目標(biāo)】 115

【思維導(dǎo)圖】 115

【學(xué)習(xí)任務(wù)】 116

任務(wù)6.1　利用容器組件巧妙布局 116

6.1.1　線性布局

（Linear Layout） 116

6.1.2　彈性布局

（Flex Layout） 121

6.1.3　層疊布局

（Stack Layout） 125

6.1.4　相對布局

（Relative Layout） 127

6.1.5　網(wǎng)格布局

（Grid Layout） 133

6.1.6　列表布局

（List Layout） 138

任務(wù)6.2　學(xué)會使用基礎(chǔ)組件 144

6.2.1　文本顯示與輸入組件 144

6.2.2　圖片與視頻組件 155

6.2.3　按鈕與選擇組件 169

任務(wù)6.3　綜合案例：模仿美團(tuán)App

消息列表頁面 177

【項(xiàng)目小結(jié)】 180

【技能提升】 181

【AIGC實(shí)驗(yàn)室】Vision Kit：場景化

視覺服務(wù) 181

【項(xiàng)目評價(jià)】 183



項(xiàng)目7

融會貫通七彩天氣App

開發(fā)之旅 184

【項(xiàng)目引言】 184

【學(xué)習(xí)目標(biāo)】 184

【思維導(dǎo)圖】 185

【學(xué)習(xí)任務(wù)】 185

任務(wù)7.1　搭建開發(fā)工程 185

7.1.1　快速創(chuàng)建工程 185

7.1.2　工程中模塊的設(shè)計(jì) 186

7.1.3　七彩天氣應(yīng)用配置 187

任務(wù)7.2　應(yīng)用開屏頁 191

7.2.1　創(chuàng)建開屏頁 191

7.2.2　了解UIAbility 192

7.2.3　沉浸式用戶體驗(yàn) 194

7.2.4　倒計(jì)時(shí)跳轉(zhuǎn) 194

7.2.5　將文字作為資源使用 197

7.2.6　自定義組件的生命周期 197

任務(wù)7.3　應(yīng)用主頁 199

7.3.1　路由根容器組件：

Navigation 199

7.3.2　搭建七彩天氣App

主頁 201

任務(wù)7.4 我的頁面 204



7.4.1　國際化支持i18n 204

7.4.2 關(guān)于彈窗 206

7.4.3　登錄攔截 208

任務(wù)7.5　登錄頁面 214

7.5.1　登錄頁面UI實(shí)現(xiàn) 215

7.5.2　網(wǎng)絡(luò)服務(wù) 216

7.5.3　完成接口部署 217

7.5.4　對接登錄接口 218

7.5.5　個(gè)人頁面數(shù)據(jù)共享 223

任務(wù)7.6　個(gè)人信息頁面 232

7.6.1　自定義頁面標(biāo)題組件 232

7.6.2　模態(tài)彈窗完成信息編輯 234

7.6.3　多媒體庫獲取圖片 240

7.6.4　個(gè)人信息的獲取與更新 241

任務(wù)7.7　天氣詳情頁面 247

7.7.1　實(shí)時(shí)定位 247

7.7.2　獲取實(shí)時(shí)天氣 251

7.7.3　語音播報(bào)天氣 255

任務(wù)7.8　新聞模塊 261

7.8.1　分頁新聞列表 261

7.8.2　Web組件展示詳情 263

【項(xiàng)目小結(jié)】 265

【技能提升】 265

【AIGC實(shí)驗(yàn)室】CodeGenie為七彩

天氣App生成服務(wù)

卡片 266

【項(xiàng)目評價(jià)】 268