鴻蒙之光HarmonyOS NEXT原生應(yīng)用開發(fā)入門

第 1 章  初識(shí)HarmonyOS NEXT 1
1.1  HarmonyOS產(chǎn)生的背景 1
1.1.1  萬物互聯(lián)時(shí)代的新挑戰(zhàn) 1
1.1.2  什么是HarmonyOS 2
1.1.3  HarmonyOS應(yīng)用開發(fā) 3
1.2  HarmonyOS核心技術(shù)理念 3
1.2.1  一次開發(fā)，多端部署 4
1.2.2  可分可合，自由流轉(zhuǎn) 6
1.2.3  統(tǒng)一生態(tài)，原生智能 7
1.3  HarmonyOS NEXT新特性 7
1.3.1  Stage模型 8
1.3.2  Ability組件的生命周期 8
1.3.3  ArkUI開發(fā)框架 9
1.3.4  ArkTS編程語言 10
1.3.5  ArkWeb 10
1.3.6  “純血鴻蒙”解讀 10
1.4  DevEco Studio的安裝 11
1.4.1  下載DevEco Studio 11
1.4.2  安裝DevEco Studio 11
1.4.3  配置DevEco Studio 12
1.4.4  創(chuàng)建虛擬機(jī) 13
1.5  實(shí)戰(zhàn)：創(chuàng)建第一個(gè)HarmonyOS NEXT應(yīng)用 18
1.5.1  選擇創(chuàng)建新項(xiàng)目 18
1.5.2  選擇模板 18
1.5.3  配置項(xiàng)目信息 19
1.5.4  自動(dòng)生成工程代碼 20
1.5.5  預(yù)覽項(xiàng)目 20
1.5.6  運(yùn)行項(xiàng)目 21
1.6  應(yīng)用工程結(jié)構(gòu)介紹 22
1.6.1  App包結(jié)構(gòu) 22
1.6.2  工程級(jí)目錄 23
1.6.3  entry模塊級(jí)目錄 23
1.6.4  配置文件 23
1.7  本章小結(jié) 26
1.8  上機(jī)練習(xí)：開發(fā)第一個(gè)HarmonyOS NEXT應(yīng)用——Hello World 26
第 2 章  ArkTS語言基礎(chǔ) 27
2.1  基本知識(shí) 27
2.1.1  聲明 27
2.1.2  類型 28
2.1.3  運(yùn)算符 30
2.1.4  語句 32
2.2  函數(shù) 36
2.2.1  函數(shù)聲明 36
2.2.2  可選參數(shù) 36
2.2.3  rest參數(shù) 36
2.2.4  返回類型 37
2.2.5  函數(shù)的作用域 37
2.2.6  函數(shù)調(diào)用 37
2.2.7  函數(shù)類型 37
2.2.8  箭頭函數(shù) 37
2.2.9  閉包 38
2.2.10  函數(shù)重載 38
2.3  類 38
2.3.1  字段 39
2.3.2  方法 41
2.3.3  構(gòu)造函數(shù) 44
2.3.4  可見性修飾符 44
2.3.5  對(duì)象字面量 45
2.3.6  Record類型的對(duì)象字面量 46
2.4  接口 46
2.4.1  接口屬性 47
2.4.2  接口繼承 47
2.5  泛型類型 48
2.5.1  泛型類和泛型接口 48
2.5.2  泛型約束 48
2.5.3  泛型函數(shù) 48
2.5.4  泛型默認(rèn)值 49
2.6  空安全 49
2.6.1  非空斷言運(yùn)算符 50
2.6.2  空值合并運(yùn)算符 50
2.6.3  可選鏈 50
2.7  模塊 51
2.7.1  導(dǎo)出 51
2.7.2  導(dǎo)入 51
2.7.3  頂層語句 53
2.8  本章小結(jié) 53
2.9  上機(jī)練習(xí)：統(tǒng)計(jì)字符串的字符數(shù) 53
第 3 章  Ability開發(fā) 54
3.1  Ability概述 54
3.1.1  單Ability應(yīng)用和多Ability應(yīng)用 54
3.1.2  HarmonyOS應(yīng)用模型 55
3.2  FA模型介紹 55
3.2.1  FA模型中的Ability 55
3.2.2  FA模型的生命周期 56
3.2.3  FA模型的進(jìn)程/線程模型 56
3.3  Stage模型介紹 57
3.3.1  Stage模型的設(shè)計(jì)思想 57
3.3.2  Stage模型的基本概念 58
3.4  UIAbility介紹 59
3.4.1  UIAbility的生命周期 59
3.4.2  UIAbility的啟動(dòng)模式 59
3.4.3  UIAbility組件的基本用法 60
3.5  Want概述 62
3.5.1  Want的用途 62
3.5.2  Want的類型 63
3.5.3  Want的參數(shù)及屬性 64
3.6  實(shí)戰(zhàn)：顯式Want啟動(dòng)Ability 65
3.6.1  新建Ability內(nèi)頁面 65
3.6.2  新建Ability 66
3.6.3  使用顯式Want啟動(dòng)Ability 66
3.6.4  運(yùn)行 67
3.7  本章小結(jié) 68
3.8  上機(jī)練習(xí)：?jiǎn)?dòng)系統(tǒng)設(shè)置 68
第 4 章  ArkUI基礎(chǔ)開發(fā) 69
4.1  ArkUI概述 69
4.1.1  ArkUI基本概念 69
4.1.2  ArkUI主要特征 70
4.1.3  JS、TS、ArkTS、ArkUI、ArkCompiler之間的聯(lián)系 70
4.2  聲明式開發(fā)范式 72
4.2.1  聲明式開發(fā)范式與類Web開發(fā)范式 72
4.2.2  聲明式開發(fā)范式的基礎(chǔ)能力 72
4.2.3  聲明式開發(fā)范式的整體架構(gòu) 72
4.2.4  聲明式開發(fā)范式的基本組成 73
4.3  常用組件 74
4.4  基礎(chǔ)組件詳解 74
4.4.1  Blank 75
4.4.2  Button 75
4.4.3  Checkbox 76
4.4.4  CheckboxGroup 77
4.4.5  DataPanel 78
4.4.6  DatePicker 78
4.4.7  Divider 79
4.4.8  Gauge 80
4.4.9  Image 81
4.4.10  ImageAnimator 83
4.4.11  LoadingProgress 85
4.4.12  Marquee 85
4.4.13  Navigation 86
4.4.14  PatternLock 86
4.4.15  Progress 87
4.4.16  QRCode 88
4.4.17  Radio 88
4.4.18  Rating 89
4.4.19  RichText 89
4.4.20  ScrollBar 90
4.4.21  Search 91
4.4.22  Select 91
4.4.23  Slider 92
4.4.24  Span 92
4.4.25  Stepper與StepperItem 94
4.4.26  Text 95
4.4.27  TextArea 96
4.4.28  TextClock 97
4.4.29  TextInput 97
4.4.30  TextPicker 98
4.4.31  TextTimer 98
4.4.32  TimePicker 99
4.4.33  Toggle 99
4.4.34  Web 100
4.4.35  SymbolGlyph 101
4.5  本章小結(jié) 103
4.6  上機(jī)練習(xí)：實(shí)現(xiàn)高仿WeLink打卡應(yīng)用 103
第 5 章  ArkUI高級(jí)開發(fā) 104
5.1  渲染控制 104
5.1.1  if/else條件渲染 104
5.1.2  ForEach循環(huán)渲染 105
5.2  容器組件詳解 107
5.2.1  Column和Row 107
5.2.2  ColumnSplit和RowSplit 108
5.2.3  Flex 109
5.2.4  Grid和GridItem 110
5.2.5  GridRow和GridCol 111
5.2.6  List、ListItem和ListItemGroup 112
5.2.7  AlphabetIndexer 113
5.2.8  Badge 115
5.2.9  Counter 116
5.2.10  Navigator 117
5.2.11  Refresh 119
5.2.12  RelativeContainer 120
5.2.13  Scroll 121
5.2.14  SideBarContainer 122
5.2.15  Stack 123
5.2.16  Swiper 123
5.2.17  Tabs和TabContent 124
5.3  媒體組件詳解 125
5.4  繪制組件詳解 128
5.4.1  Circle和Ellipse 128
5.4.2  Line 129
5.4.3  Polyline 130
5.4.4  Polygon 131
5.4.5  Path 132
5.4.6  Rect 134
5.4.7  Shape 135
5.5  畫布組件詳解 137
5.6  常用布局 138
5.6.1  自適應(yīng)布局 139
5.6.2  響應(yīng)式布局 140
5.7  實(shí)戰(zhàn)：使用ArkUI實(shí)現(xiàn)“登錄”界面 140
5.7.1  使用Column容器實(shí)現(xiàn)整體布局 141
5.7.2  使用Image組件實(shí)現(xiàn)標(biāo)志展示 141
5.7.3  使用TextInput組件實(shí)現(xiàn)賬號(hào)和密碼的輸入 141
5.7.4  使用Button組件實(shí)現(xiàn)“登錄”按鈕 142
5.7.5  使用Text組件實(shí)現(xiàn)“注冊(cè)”按鈕 142
5.7.6  完整代碼 142
5.8  實(shí)戰(zhàn)：使用ArkUI實(shí)現(xiàn)“計(jì)算器”應(yīng)用 143
5.8.1  新增Calculator.ets的文件 143
5.8.2  實(shí)現(xiàn)遞歸運(yùn)算 144
5.8.3  實(shí)現(xiàn)輸入字符串轉(zhuǎn)為字符串?dāng)?shù)組 145
5.8.4  新增CalculatorButtonInfo.ets文件 146
5.8.5  實(shí)現(xiàn)CalculatorButton組件 146
5.8.6  構(gòu)造整體頁面 147
5.8.7  運(yùn)行 148
5.9  本章小結(jié) 148
5.10  上機(jī)練習(xí)：實(shí)現(xiàn)圖片輪播播放器應(yīng)用 149
第 6 章  公共事件 150
6.1  公共事件概述 150
6.1.1  公共事件的分類 150
6.1.2  公共事件的開發(fā) 151
6.2  實(shí)戰(zhàn)：訂閱、發(fā)布、取消公共事件 152
6.2.1  添加按鈕 152
6.2.2  添加Text組件顯示接收的事件 153
6.2.3  設(shè)置按鈕的單擊事件方法 153
6.2.4  運(yùn)行 154
6.3  Emitter概述 155
6.3.1  訂閱 155
6.3.2  取消訂閱 155
6.3.3  發(fā)送事件 156
6.4  實(shí)戰(zhàn)：使用Emitter進(jìn)行線程間通信 156
6.4.1  添加按鈕 156
6.4.2  添加Text組件顯示接收的事件 156
6.4.3  設(shè)置按鈕的單擊事件方法 157
6.4.4  運(yùn)行 157
6.5  本章小結(jié) 158
6.6  上機(jī)練習(xí)：實(shí)現(xiàn)購(gòu)物車應(yīng)用 158
第 7 章  窗口管理 160
7.1  窗口開發(fā)概述 160
7.1.1  窗口的分類 160
7.1.2  窗口模塊的用途 160
7.1.3  窗口沉浸式能力 161
7.1.4  應(yīng)用窗口模式 161
7.2  窗口管理 162
7.2.1  設(shè)置應(yīng)用主窗口屬性及目標(biāo)頁面 162
7.2.2  設(shè)置應(yīng)用子窗口屬性及目標(biāo)頁面 162
7.2.3  體驗(yàn)窗口沉浸式能力 162
7.2.4  設(shè)置懸浮窗 163
7.2.5  監(jiān)聽窗口不可交互與可交互事件 163
7.3  實(shí)戰(zhàn)：實(shí)現(xiàn)窗口沉浸式效果 163
7.3.1  獲取應(yīng)用主窗口 163
7.3.2  實(shí)現(xiàn)沉浸式效果 164
7.3.3  運(yùn)行 165
7.4  智慧多窗 165
7.4.1  懸浮窗 165
7.4.2  分屏 168
7.5  本章小結(jié) 168
7.6  上機(jī)練習(xí)：創(chuàng)建子窗口 169
第 8 章  網(wǎng)絡(luò)編程 170
8.1  HTTP數(shù)據(jù)請(qǐng)求概述 170
8.1.1  HTTP請(qǐng)求方法 170
8.1.2  HTTP狀態(tài)碼 171
8.2  實(shí)戰(zhàn)：通過HTTP請(qǐng)求數(shù)據(jù) 171
8.2.1  準(zhǔn)備一個(gè)HTTP服務(wù)接口 171
8.2.2  添加使用Button組件來觸發(fā)單擊 171
8.2.3  發(fā)起HTTP請(qǐng)求 172
8.2.4  增加權(quán)限 172
8.2.5  運(yùn)行 173
8.3  Web組件概述 173
8.3.1  加載本地網(wǎng)頁 173
8.3.2  加載在線網(wǎng)頁 174
8.3.3  隱私模式加載在線網(wǎng)頁 174
8.3.4  網(wǎng)頁縮放 174
8.3.5  文本縮放 175
8.3.6  Web組件事件 175
8.3.7  Web和JavaScript交互 175
8.3.8  處理頁面導(dǎo)航 179
8.4  實(shí)戰(zhàn)：Web組件加載在線網(wǎng)頁 179
8.4.1  準(zhǔn)備一個(gè)在線網(wǎng)頁地址 179
8.4.2  聲明網(wǎng)絡(luò)訪問權(quán)限 180
8.4.3  發(fā)起HTTP請(qǐng)求 180
8.4.4  運(yùn)行 180
8.5  本章小結(jié) 180
8.6  上機(jī)練習(xí)：實(shí)現(xiàn)一個(gè)Web組件展示HTML頁面的應(yīng)用 181
第 9 章  安全管理 182
9.1  訪問控制概述 182
9.1.1  權(quán)限包含的基本概念 182
9.1.2  權(quán)限等級(jí)說明 183
9.1.3  權(quán)限類型 184
9.1.4  權(quán)限列表 184
9.2  訪問控制開發(fā)步驟 191
9.2.1  權(quán)限申請(qǐng)流程 191
9.2.2  權(quán)限申請(qǐng) 191
9.2.3  權(quán)限授權(quán) 192
9.3  實(shí)戰(zhàn)：訪問控制授權(quán) 192
9.3.1  場(chǎng)景介紹 192
9.3.2  聲明訪問的權(quán)限 193
9.3.3  申請(qǐng)授權(quán)user_grant權(quán)限 193
9.3.4  運(yùn)行 195
9.4  本章小結(jié) 195
9.5  上機(jī)練習(xí)：使用麥克風(fēng) 195
第 10 章  數(shù)據(jù)管理 196
10.1  分布式數(shù)據(jù)服務(wù)概述 196
10.1.1  分布式數(shù)據(jù)服務(wù)的基本概念 196
10.1.2  分布式數(shù)據(jù)服務(wù)運(yùn)作機(jī)制 198
10.1.3  分布式數(shù)據(jù)服務(wù)約束與限制 199
10.2  分布式數(shù)據(jù)服務(wù)開發(fā)步驟 199
10.2.1  導(dǎo)入模塊 199
10.2.2  構(gòu)造分布式數(shù)據(jù)庫管理類實(shí)例 200
10.2.3  獲取/創(chuàng)建分布式數(shù)據(jù)庫 200
10.2.4  訂閱分布式數(shù)據(jù)庫數(shù)據(jù)變化 201
10.2.5  將數(shù)據(jù)寫入分布式數(shù)據(jù)庫 201
10.2.6  查詢分布式數(shù)據(jù)庫數(shù)據(jù) 202
10.3  關(guān)系數(shù)據(jù)庫概述 202
10.3.1  關(guān)系數(shù)據(jù)庫的基本概念 202
10.3.2  運(yùn)作機(jī)制 203
10.3.3  默認(rèn)配置與限制 203
10.4  實(shí)戰(zhàn)：關(guān)系數(shù)據(jù)庫開發(fā) 203
10.4.1  操作RdbStore 203
10.4.2  賬目信息的表示 206
10.4.3  操作賬目信息表 206
10.4.4  設(shè)計(jì)界面 208
10.4.5  運(yùn)行 209
10.5  用戶首選項(xiàng)概述 210
10.5.1  用戶首選項(xiàng)運(yùn)作機(jī)制 210
10.5.2  約束與限制 211
10.6  實(shí)戰(zhàn)：用戶首選項(xiàng)開發(fā) 211
10.6.1  操作Preferences 211
10.6.2  賬目信息的表示 213
10.6.3  設(shè)計(jì)界面 213
10.6.4  運(yùn)行 215
10.7  本章小結(jié) 216
10.8  上機(jī)練習(xí)：使用分布式數(shù)據(jù)服務(wù) 216
第 11 章  多媒體開發(fā) 217
11.1  音頻開發(fā) 217
11.1.1  音頻開發(fā)的基本概念 217
11.1.2  音頻播放開發(fā)指導(dǎo) 217
11.1.3  如何選擇音頻播放開發(fā)方式 219
11.1.4  AudioRenderer開發(fā)步驟 219
11.1.5  如何選擇音頻錄制開發(fā)方式 221
11.1.6  AudioCapturer開發(fā)步驟 221
11.2  圖片開發(fā) 223
11.2.1  圖片開發(fā)的基本概念 223
11.2.2  圖片開發(fā)的主要流程 223
11.2.3  圖片解碼 224
11.2.4  圖像變換 226
11.2.5  位圖操作 229
11.2.6  圖片編碼 231
11.2.7  圖片工具 231
11.3  視頻開發(fā) 232
11.3.1  視頻開發(fā)指導(dǎo) 232
11.3.2  視頻開發(fā)步驟 233
11.4  實(shí)戰(zhàn)：實(shí)現(xiàn)音樂播放器 238
11.4.1  獲取本地音樂 238
11.4.2  音樂播放控制 239
11.4.3  創(chuàng)建播放器界面 240
11.4.4  運(yùn)行 241
11.5  本章小結(jié) 242
11.6  上機(jī)練習(xí)：實(shí)現(xiàn)錄音機(jī)應(yīng)用 242
第 12 章  一次開發(fā)，多端部署 243
12.1  “一多”簡(jiǎn)介 243
12.1.1  背景 243
12.1.2  定義及目標(biāo) 243
12.1.3  基礎(chǔ)知識(shí) 244
12.2  布局能力 245
12.2.1  自適應(yīng)布局 246
12.2.2  響應(yīng)式布局 247
12.3  實(shí)戰(zhàn)：圖片查看器的一多UI原型設(shè)計(jì) 247
12.3.1  UX設(shè)計(jì) 247
12.3.2  計(jì)算設(shè)備的類型 249
12.3.3  實(shí)現(xiàn)頂部區(qū)域UI原型 250
12.3.4  實(shí)現(xiàn)中部圖片顯示區(qū)UI原型 251
12.3.5  實(shí)現(xiàn)圖片預(yù)覽列表UI原型 252
12.3.6  實(shí)現(xiàn)操作欄UI原型 252
12.4  本章小結(jié) 253
12.5  上機(jī)練習(xí)：實(shí)現(xiàn)圖片查看器UI原型 253
第 13 章  應(yīng)用測(cè)試 254
13.1  應(yīng)用測(cè)試概述 254
13.2  單元測(cè)試 254
13.2.1  單元測(cè)試框架功能特性 254
13.2.2  基本流程 255
13.2.3  斷言庫 256
13.2.4  自定義斷言 259
13.3  UI測(cè)試 260
13.3.1  UI測(cè)試框架的功能特性 260
13.3.2  Driver類使用說明 261
13.3.3  On類使用說明 262
13.3.4  Component類使用說明 263
13.3.5  UiWindow類使用說明 263
13.4  實(shí)戰(zhàn)：UI測(cè)試 264
13.4.1  編寫UI測(cè)試腳本 264
13.4.2  運(yùn)行UI測(cè)試腳本 265
13.5  本章小結(jié) 267
13.6  上機(jī)練習(xí)：“統(tǒng)計(jì)字符串的字符數(shù)”的UI測(cè)試 267
第 14 章  綜合實(shí)戰(zhàn)（1）：仿微信應(yīng)用 268
14.1  仿微信應(yīng)用概述 268
14.1.1  “微信”頁面 268
14.1.2  “聯(lián)系人”頁面 268
14.1.3  “發(fā)現(xiàn)”頁面 269
14.1.4  “我”頁面 270
14.2  實(shí)戰(zhàn)：“微信”頁面 270
14.2.1  創(chuàng)建“微信”頁面ChatPage 270
14.2.2  定義聯(lián)系人Person 271
14.2.3  定義聯(lián)系人數(shù)據(jù) 271
14.2.4  定義樣式 272
14.3  實(shí)戰(zhàn)：“聯(lián)系人”頁面 273
14.3.1  創(chuàng)建“聯(lián)系人”頁面ContactPage 273
14.3.2  定義樣式 274
14.4  實(shí)戰(zhàn)：“發(fā)現(xiàn)”頁面 275
14.4.1  創(chuàng)建“發(fā)現(xiàn)”頁面DiscoveryPage 275
14.4.2  定義樣式 276
14.5  實(shí)戰(zhàn)：“我”頁面 277
14.6  實(shí)戰(zhàn)：組裝所有頁面 278
14.6.1  Tabs組件作為導(dǎo)航欄 278
14.6.2  Swiper組件實(shí)現(xiàn)頁面滑動(dòng) 279
14.7  本章小結(jié) 280
14.8  上機(jī)練習(xí)：實(shí)現(xiàn)一個(gè)仿微信界面效果的應(yīng)用 280
第 15 章  綜合實(shí)戰(zhàn)（2）：一多圖片查看器 281
15.1  UX設(shè)計(jì) 281
15.2  架構(gòu)設(shè)計(jì) 282
15.2.1  模塊的依賴關(guān)系 283
15.2.2  修改Module類型及其設(shè)備類型 284
15.3  pictureView模塊實(shí)現(xiàn) 285
15.3.1  實(shí)現(xiàn)頂部區(qū)域 285
15.3.2  實(shí)現(xiàn)中部圖片顯示區(qū) 286
15.3.3  實(shí)現(xiàn)圖片預(yù)覽列表 287
15.3.4  實(shí)現(xiàn)底部區(qū)域操作欄 288
15.3.5  尺寸適配 290
15.3.6  常量和接口 290
15.4  base模塊實(shí)現(xiàn) 292
15.4.1  基礎(chǔ)常量類 292
15.4.2  設(shè)備類型常量 293
15.4.3  設(shè)備尺寸類型 293
15.5  default模塊實(shí)現(xiàn) 294
15.5.1  圖片查看器主頁 294
15.5.2  計(jì)算設(shè)備的類型 294
15.6  本章小結(jié) 295
15.7  上機(jī)練習(xí)：圖片查看器 295
第 16 章  綜合實(shí)戰(zhàn)（3）：購(gòu)物應(yīng)用 296
16.1  購(gòu)物應(yīng)用概述 296
16.1.1  購(gòu)物應(yīng)用功能 296
16.1.2  購(gòu)物應(yīng)用效果展示 296
16.2  實(shí)戰(zhàn)：實(shí)現(xiàn)商品列表頁簽 297
16.2.1  應(yīng)用首頁 298
16.2.2  創(chuàng)建模型 298
16.2.3  創(chuàng)建組件 304
16.3  實(shí)戰(zhàn)：實(shí)現(xiàn)購(gòu)物車頁簽 307
16.3.1  創(chuàng)建一個(gè)頁面 307
16.3.2  創(chuàng)建組件 307
16.4  實(shí)戰(zhàn)：實(shí)現(xiàn)“我的”頁簽 309
16.4.1  創(chuàng)建一個(gè)頁面 310
16.4.2  創(chuàng)建組件 310
16.5  實(shí)戰(zhàn)：商品詳情頁面 313
16.5.1  創(chuàng)建一個(gè)頁面 313
16.5.2  創(chuàng)建組件 314
16.5.3  設(shè)置路由 318
16.6  本章小結(jié) 319
16.7  上機(jī)練習(xí)：實(shí)現(xiàn)一個(gè)購(gòu)物應(yīng)用 319
附錄  模擬器與真機(jī)的差異 320
參考文獻(xiàn) 324