目錄







項(xiàng)目1

初探HarmonyOS開(kāi)發(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)識(shí)HarmonyOS 2

1.1.1　了解HarmonyOS

發(fā)展史 2

1.1.2　了解HarmonyOS核心

技術(shù)理念 3

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

之旅 5

1.2.1　下載并安裝集成開(kāi)發(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

開(kāi)發(fā)新范式 17

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



項(xiàng)目2

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

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

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

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

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

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

任務(wù)2.1　ArkTS開(kāi)發(fā)入門(mén) 21

2.1.1　ArkTS介紹 21

2.1.2　利用DevEco Studio

編寫(xiě)ArkTS代碼 21

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

2.2.1　聲明變量和常量 22

2.2.2　類(lèi)型 23

2.2.3　運(yùn)算符 27

2.2.4　控制語(yǔ)句 29

2.2.5　函數(shù) 33

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

系統(tǒng) 35

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

【技能提升】 38

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

解讀 38

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



項(xiàng)目3

深入ArkTS高級(jí)特性

模擬田忌賽馬 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　類(lèi) 42

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

3.2.2　訪問(wèn)修飾符 46

3.2.3　繼承機(jī)制 47

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

3.3.1　抽象類(lèi) 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)目評(píng)價(jià)】 65



項(xiàng)目4

參透ArkUI開(kāi)發(fā)智慧

字號(hào)字體適老化 67

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

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

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

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

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

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

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

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

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

因素 71

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

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

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

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

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

適老化 75

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

【技能提升】 77

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

分發(fā)的基石 77

【項(xiàng)目評(pí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　掌握組件常見(jiàn)屬性 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í)組件手勢(shì)事件 103

5.2.1　手勢(shì)事件原理 103

5.2.2　綁定手勢(shì) 103

5.2.3　點(diǎn)擊手勢(shì) 105

5.2.4　長(zhǎng)按手勢(shì) 107

5.2.5　組合手勢(shì) 108

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

小球 110

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

【技能提升】 111

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

HarmonyOS的輕量化

AI引擎 112

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



項(xiàng)目6

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

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

列表頁(yè)面 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　相對(duì)布局

（Relative Layout） 127

6.1.5　網(wǎng)格布局

（Grid Layout） 133

6.1.6　列表布局

（List Layout） 138

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

6.2.1　文本顯示與輸入組件 144

6.2.2　圖片與視頻組件 155

6.2.3　按鈕與選擇組件 169

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

消息列表頁(yè)面 177

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

【技能提升】 181

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

視覺(jué)服務(wù) 181

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



項(xiàng)目7

融會(huì)貫通七彩天氣App

開(kāi)發(fā)之旅 184

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

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

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

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

任務(wù)7.1　搭建開(kāi)發(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)用開(kāi)屏頁(yè) 191

7.2.1　創(chuàng)建開(kāi)屏頁(yè) 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)用主頁(yè) 199

7.3.1　路由根容器組件：

Navigation 199

7.3.2　搭建七彩天氣App

主頁(yè) 201

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



7.4.1　國(guó)際化支持i18n 204

7.4.2 關(guān)于彈窗 206

7.4.3　登錄攔截 208

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

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

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

7.5.3　完成接口部署 217

7.5.4　對(duì)接登錄接口 218

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

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

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

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

7.6.3　多媒體庫(kù)獲取圖片 240

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

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

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

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

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

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

7.8.1　分頁(yè)新聞列表 261

7.8.2　Web組件展示詳情 263

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

【技能提升】 265

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

天氣App生成服務(wù)

卡片 266

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