123,123,123

內(nèi)容簡(jiǎn)介

　　本書(shū)以倉(cāng)頡的UI實(shí)戰(zhàn)為主，語(yǔ)法部分介紹了主要組成部分，快速且形象地闡述了倉(cāng)頡編程語(yǔ)言的主要特性，讓零編程基礎(chǔ)的新手都可以迅速入門(mén)倉(cāng)頡，在此基礎(chǔ)上結(jié)合互聯(lián)網(wǎng)熱門(mén)垂直領(lǐng)域的潮流App設(shè)計(jì)，帶您深入場(chǎng)景式UI開(kāi)發(fā)體驗(yàn)。利用CangjieUI 鴻蒙的組合，能夠讓我們?cè)陂_(kāi)發(fā)基于DSL的App應(yīng)用時(shí)超快上手，從而可以快速開(kāi)發(fā)基于鴻蒙乃至跨平臺(tái)的應(yīng)用UI。本書(shū)共兩部分。第1~9章介紹倉(cāng)頡基礎(chǔ)編程知識(shí)，從零起步介紹了倉(cāng)頡主要特性如面向?qū)ο缶幊?、面向接口編程、函?shù)式編程等，聚焦在語(yǔ)法層面。第10~21章基于強(qiáng)大的CangjieUI框架，實(shí)際切入各種場(chǎng)景化的精美AppUI開(kāi)發(fā)案例，助力讀者徹底地掌握使用CangjieUI框架開(kāi)發(fā)各種復(fù)雜AppUI的技巧。本書(shū)案例豐富，實(shí)操性系統(tǒng)性強(qiáng)，輔助讀者更快地掌握本書(shū)的要點(diǎn)、難點(diǎn)。本書(shū)既可以成為倉(cāng)頡初學(xué)者的入門(mén)書(shū)，也可以為想從事倉(cāng)頡應(yīng)用開(kāi)發(fā)的人士或培訓(xùn)機(jī)構(gòu)，提供前置知識(shí)參考。

作者簡(jiǎn)介

　　張?jiān)撇?，一個(gè)喜歡嘗試前沿領(lǐng)域的自由程序員，花川學(xué)院創(chuàng)始人、華為開(kāi)發(fā)專(zhuān)家（Huawei Developer Experts，HDE）、首屆HarmonyOS開(kāi)發(fā)者創(chuàng)新大賽導(dǎo)師、第二屆HarmonyOS開(kāi)發(fā)者創(chuàng)新大賽科技創(chuàng)新獎(jiǎng)得主、51CTO開(kāi)源技術(shù)社區(qū)MVP、潤(rùn)和軟件HiHope社區(qū)專(zhuān)家、未來(lái)杯HarmonyOS技術(shù)應(yīng)用創(chuàng)新大賽導(dǎo)師。曾就職于IBM、SAP、SONY等公司，具有豐富的工作經(jīng)驗(yàn)。從蘋(píng)果Swift、微信小程序、區(qū)塊鏈，到如今的鴻蒙和倉(cāng)頡，自然不能錯(cuò)過(guò)，希望可以親眼見(jiàn)證IT行業(yè)國(guó)產(chǎn)化的深度崛起。

圖書(shū)目錄

第1章倉(cāng)頡概覽 1
1.1 倉(cāng)頡的定位 1
1.2 倉(cāng)頡主要特性 1
第2章第1個(gè)倉(cāng)頡程序 4
2.1 安裝及查看倉(cāng)頡版本 4
2.2 Hello World 5
2.2.1 編寫(xiě)第1個(gè)程序 5
2.2.2 代碼編譯和執(zhí)行 5
第3章倉(cāng)頡語(yǔ)法基礎(chǔ) 6
3.1 常量和變量 6
3.2 類(lèi)型自動(dòng)推斷 8
3.3 兩種數(shù)值類(lèi)型 8
3.4 布爾類(lèi)型 8
3.5 流向控制 9
3.6 字符串類(lèi)型 11
3.7 區(qū)間類(lèi)型 12
3.8 循環(huán)控制 12
3.9 字符串插值 13
3.10 函數(shù) 13
3.11 運(yùn)算符 16
3.12 使用庫(kù)函數(shù) 16
3.13 使用集合類(lèi)型 17
3.14 本章小結(jié) 20
第4章高級(jí)類(lèi)型 21
4.1?記錄類(lèi)型 21
4.2?枚舉類(lèi)型 24
4.3?類(lèi) 25
4.3.1?類(lèi)的封裝 25
4.3.2?類(lèi)的繼承和多態(tài) 29
4.4?類(lèi)型轉(zhuǎn)換 33
4.5?本章小結(jié) 37
第5章面向接口編程 38
5.1 接口 38
5.2 擴(kuò)展既有類(lèi)型 40
5.3 面向接口編程 41
5.4 定義基礎(chǔ)接口 43
5.5 實(shí)現(xiàn)接口的類(lèi)型 44
5.6 給接口擴(kuò)展默認(rèn)的實(shí)現(xiàn) 53
5.7 枚舉類(lèi)型的接口實(shí)現(xiàn) 55
5.8 覆蓋默認(rèn)行為 55
5.9 接口的通用化 56
5.10 本章小結(jié) 58
第6章函數(shù)高級(jí)特性 59
6.1 函數(shù)類(lèi)型 59
6.2 使用函數(shù)類(lèi)型的3種方式 60
6.3 閉包表達(dá)式 62
6.4 尾隨閉包 63
6.5 函數(shù)重載 65
6.6 構(gòu)造函數(shù) 66
6.7 系統(tǒng)中的高級(jí)函數(shù) 66
6.7.1 map 67
6.7.2 compactMap 68
6.7.3 filter 68
6.7.4 reduce 68
6.8 本章小結(jié) 69
第7章程序異常處理 70
7.1 異常的分類(lèi) 70
7.2 拋出一個(gè)異常 71
7.3 Result類(lèi)型 73
7.4 解包Result類(lèi)型 74
7.5 Option類(lèi)型 76
7.6 本章小結(jié) 77
第8章泛型編程 78
8.1 常見(jiàn)的泛型化案例 78
8.2 泛型接口 79
8.3 泛型類(lèi)型 81
8.4 泛型函數(shù) 83
8.5 泛型約束 83
8.6 本章小結(jié) 84
第9章異步編程 85
9.1 新線程 85
9.2 異步等待 92
9.3 線程休眠 103
第10章倉(cāng)頡UI框架 104
10.1 文件組織 104
10.2 聲明式語(yǔ)法 105
10.3 狀態(tài)管理 105
10.4 生命周期 107
10.5 裝飾器變量 107
10.6 樣式 108
10.7 常用組件 109
10.7.1 容器組件 109
10.7.2 獨(dú)立組件 112
10.8 系統(tǒng)接口現(xiàn)狀 115
第11章倉(cāng)頡UI實(shí)戰(zhàn)案例：咖啡杯 116
11.1 杯型定義 117
11.2 定義資源 118
11.2.1 圖片資源 118
11.2.2 文字資源 118
11.2.3 顏色資源 119
11.3 新建組件的源碼文件 120
11.4 數(shù)據(jù)源和狀態(tài)變量定義 120
11.5 單個(gè)杯型的布局 121
11.6 樣式定義 121
11.7 條件樣式 122
11.8 用戶互動(dòng) 122
11.9 循環(huán)渲染 123
11.10 容器包裝 124
11.10.1 序號(hào)顯示 124
11.10.2 均分空間 125
11.10.3 描邊和圓角 126
11.11 組合 127
11.12 組件重用 128
第12章倉(cāng)頡UI案例：飛我電瓶車(chē) 130
12.1 資源導(dǎo)入 131
12.2 啟動(dòng)頁(yè)結(jié)構(gòu) 131
12.3 最終啟動(dòng)頁(yè) 137
12.4 加載指示器組件 140
12.4.1 組件結(jié)構(gòu) 140
12.4.2 旋轉(zhuǎn)動(dòng)畫(huà) 141
12.5 目的地頁(yè) 141
12.5.1 歷史數(shù)據(jù) 141
12.5.2 狀態(tài)變量 142
12.5.3 下單函數(shù) 142
12.5.4 彈性面板組件 143
12.5.5 List組件 143
12.5.6 組合 144
12.6 下單成功提示頁(yè) 149
12.6.1 狀態(tài)變量 149
12.6.2 純組件 150
12.6.3 預(yù)覽用組件 152
12.6.4 組合 153
12.7 騎手當(dāng)前位置頁(yè) 156
12.7.1 狀態(tài)變量 156
12.7.2 純組件 157
12.7.3 預(yù)覽用組件 158
第13章倉(cāng)頡UI案例：鴻蒙之家 160
13.1 資源導(dǎo)入 160
13.2 啟動(dòng)頁(yè) 161
13.2.1 橫幅數(shù)據(jù) 161
13.2.2 組件結(jié)構(gòu) 162
13.2.3 開(kāi)始按鈕 163
13.3 首頁(yè) 164
13.3.1 全屋智能家電數(shù)據(jù) 164
13.3.2 導(dǎo)航區(qū)域 165
13.3.3 數(shù)據(jù)網(wǎng)格 166
13.3.4 選項(xiàng)條 169
13.3.5 組合 170
13.4 開(kāi)關(guān)組件 170
13.4.1 組件結(jié)構(gòu) 170
13.4.2 狀態(tài)變量 171
13.4.3 顏色定義 171
13.4.4 單擊動(dòng)畫(huà) 171
13.4.5 純組件 172
13.4.6 預(yù)覽用組件 172
13.4.7 組合 173
13.5 房屋智能讀數(shù)結(jié)構(gòu) 173
13.6 用電量組件 174
13.6.1 狀態(tài)變量 174
13.6.2 組件結(jié)構(gòu) 175
13.6.3 組合測(cè)試 177
13.7 詳情頁(yè) 181
13.7.1 狀態(tài)變量 181
13.7.2 導(dǎo)航欄 182
13.7.3 溫濕度卡片 182
13.7.4 用電量柱狀圖 184
13.7.5 設(shè)備列表卡片 184
13.7.6 組合測(cè)試 187
第14章倉(cāng)頡UI案例：卡星租車(chē) 196
14.1 資源導(dǎo)入 198
14.2 啟動(dòng)頁(yè)結(jié)構(gòu) 199
14.2.1 躍動(dòng)的標(biāo)志 199
14.2.2 中部文本 200
14.2.3 底部按鈕 201
14.2.4 組合 202
14.3 車(chē)型數(shù)據(jù)結(jié)構(gòu) 202
14.4 地圖定位頁(yè) 203
14.5 預(yù)訂頁(yè) 205
14.5.1 搜索欄 206
14.5.2 標(biāo)題欄 207
14.5.3 篩選欄 207
14.5.4 車(chē)型列表區(qū)域 209
14.5.5 組合 213
14.6 車(chē)型詳情頁(yè) 213
14.6.1 狀態(tài)變量 214
14.6.2 純組件 214
14.6.3 組合 223
第15章倉(cāng)頡UI案例：智能打蒜器 224
15.1 資源導(dǎo)入 225
15.2 首頁(yè)結(jié)構(gòu) 226
15.3 功能層 226
15.3.1 狀態(tài)變量 226
15.3.2 面板控制區(qū)域 226
15.3.3 文字提示區(qū)域 227
15.4 開(kāi)關(guān)燈指示層 227
第16章倉(cāng)頡UI案例：絕汁水果 229
16.1 資源導(dǎo)入 230
16.2 啟動(dòng)頁(yè)結(jié)構(gòu) 231
16.2.1 橫幅數(shù)據(jù) 231
16.2.2 橫幅組件 231
16.2.3 進(jìn)入按鈕 233
16.2.4 組合 233
16.3 首頁(yè) 234
16.3.1 狀態(tài)變量 234
16.3.2 標(biāo)題欄 236
16.3.3 水果卡片 237
16.3.4 組合 240
16.4 詳情頁(yè) 240
16.4.1 狀態(tài)變量 241
16.4.2 添加至購(gòu)物車(chē)函數(shù) 241
16.4.3 頁(yè)面結(jié)構(gòu) 242
16.4.4 組合 246
第17章倉(cāng)頡UI案例：暢游 247
17.1 資源導(dǎo)入 248
17.2 啟動(dòng)頁(yè)結(jié)構(gòu) 249
17.2.1 背景層 249
17.2.2 文字層 250
17.2.3 動(dòng)效層 252
17.2.4 組合 254
17.3 首頁(yè) 255
17.3.1 旅游產(chǎn)品數(shù)據(jù) 255
17.3.2 狀態(tài)變量 256
17.3.3 導(dǎo)航欄 256
17.3.4 文字欄 257
17.3.5 篩選欄 257
17.3.6 旅游卡片列表 258
17.3.7 選項(xiàng)卡 260
17.3.8 組合 261
17.4 詳情頁(yè) 262
17.4.1 狀態(tài)變量 262
17.4.2 背景層 262
17.4.3 導(dǎo)航欄 262
17.4.4 品名和價(jià)格區(qū) 263
17.4.5 預(yù)訂區(qū) 265
17.4.6 組合 268
第18章倉(cāng)頡UI案例：起司播客 270
18.1 資源導(dǎo)入 271
18.2 首頁(yè)結(jié)構(gòu) 272
18.2.1 導(dǎo)航欄 272
18.2.2 分類(lèi)標(biāo)題 273
18.2.3 分類(lèi)卡片列表 273
18.2.4 篩選欄 278
18.2.5 音樂(lè)列表 280
18.2.6 組合 284
18.3 頻道頁(yè) 285
18.3.1?播客作品數(shù)據(jù) 285
18.3.2 導(dǎo)航欄 286
18.3.3 播客個(gè)人信息區(qū)域 286
18.3.4 播客作品列表 287
18.3.5 組合 289
18.4 播放頁(yè) 290
18.4.1 狀態(tài)變量 290
18.4.2 導(dǎo)航欄 291
18.4.3 作品大圖 292
18.4.4 作品名和作者 292
18.4.5 播放控制按鈕 293
18.4.6 組合 294
第19章倉(cāng)頡UI案例：世界巡游團(tuán) 295
19.1 資源導(dǎo)入 296
19.2 啟動(dòng)頁(yè) 297
19.2.1 封面組件 297
19.2.2 啟動(dòng)按鈕組件 302
19.2.3 背景色 303
19.2.4 右側(cè)封面修正 303
19.2.5 組合 304
19.3 首頁(yè) 306
19.3.1 導(dǎo)航組件 306
19.3.2 口號(hào)文字組件 308
19.3.3 搜索條組件 309
19.3.4 篩選按鈕欄 311
19.3.5 推薦卡片列表組件 315
19.3.6 選項(xiàng)卡組件 331
19.3.7 首頁(yè)的調(diào)整優(yōu)化 335
19.4 詳情頁(yè) 338
19.4.1 導(dǎo)航欄 338
19.4.2 縮略圖列表 340
19.4.3 詳情卡片 342
19.4.4 組合 350
第20章倉(cāng)頡UI案例：生鮮配送網(wǎng) 353
20.1 資源導(dǎo)入 354
20.2 首頁(yè)結(jié)構(gòu) 355
20.3 導(dǎo)航 355
20.3.1 陰影層 356
20.3.2 菜單層 357
20.3.3 菜單陰影效果 357
20.3.4 菜單內(nèi)容 358
20.4 上半部分 362
20.4.1 背景圖片層 363
20.4.2 主題文字層 367
20.4.3 右側(cè)指示圖片層 371
20.4.4 組合 372
20.5 中間部分 379
20.6 下半部分 380
20.6.1 卡片結(jié)構(gòu) 380
20.6.2 卡片背景 381
20.6.3 卡片內(nèi)容 383
20.6.4 卡片列表 388
20.6.5 卡片列表容器背景 393
20.6.6 組合 394
20.7 下半屏預(yù)覽 395
第21章倉(cāng)頡UI案例：溢彩美妝網(wǎng) 397
21.1 資源導(dǎo)入 398
21.2 啟動(dòng)頁(yè)結(jié)構(gòu) 399
21.3 背景層 399
21.3.1 漸變流動(dòng)光影 399
21.3.2 圖形襯邊 401
21.3.3 組合 407
21.4 導(dǎo)航 410
21.4.1 大標(biāo)題 410
21.4.2 導(dǎo)航菜單 410
21.4.3 右側(cè)圖標(biāo)組 411
21.4.4 組合 412
21.5 主題文字區(qū) 414
21.5.1 小標(biāo)題 414
21.5.2 大標(biāo)題 415
21.5.3 副標(biāo)題 416
21.5.4 按鈕組 416
21.5.5 組合 417
21.6 圖片區(qū) 420
21.6.1 雙卡片組 420
21.6.2 橫幅卡片 421
21.6.3 組合 421
21.7 評(píng)價(jià)浮層 424
21.7.1 評(píng)價(jià)卡片 424
21.7.2 評(píng)價(jià)頭像 425
21.7.3 組合 425
21.8 組裝首頁(yè) 427

　　
VI
VII