鴻蒙ArkUI應用開發

李智威，華為開發者專家（HDE）、高級產品經理、iOS獨立開發者、IT暢銷書作者、稀土掘金技術社區簽約作者。擁有多年B端SaaS產品和中後臺產品工作經驗，從0到1負責過國內Top3上市企業數智化項目的產品規劃工作。曾獲華為鴻蒙先鋒?卓越社區貢獻個人獎、HarmonyOS應用開發者高級認證、我愛黑“可頌” AI Hackathon大語言模型應用創新挑戰賽優勝獎。著有《SwiftUI完全開發》《SwiftUI極簡開發》等書籍。

目錄

本書源碼

第1章揚帆起航： 開始使用ArkTS和ArkUI

1.1什麼是ArkUI

1.2準備好開發工具

1.2.1下載並安裝DevEco Studio

1.2.2創建第1個ArkUI項目

1.3DevEco Studio功能欄目

1.3.1項目目錄

1.3.2代碼編輯區

1.3.3預覽器

1.3.4代碼調測區

1.4DevEco Studio模擬器

1.4.1安裝模擬器

1.4.2在模擬器中預覽項目

1.5本章小結

第2章快速入門： 第1個ArkUI應用

2.1創建一個新項目

2.2自定義組件解析

2.2.1UI描述

2.2.2API參考

2.3實踐案例： 今天想吃什麼

2.3.1導入圖片素材

2.3.2調整圖片樣式

2.3.3添加標題文本

2.3.4添加操作按鈕

2.3.5實現推薦功能

2.3.6優化代碼結構

2.4本章小結

第3章語法基礎： ArkTS應用開發語言

3.1參數聲明

3.2函數定義

3.3條件判斷語句

3.3.1if條件語句

3.3.2switch條件語句

3.4循環語句

3.4.1for循環語句

3.4.2while循環語句

3.5面向對象編程

3.5.1類和對象

3.5.2類的繼承

3.6本章小結

第4章語法進階： ArkUI高效開發的秘密

4.1從一個按鈕說起

4.1.1Button容器的使用

4.1.2構建更加復雜的按鈕

4.1.3添加空白填充組件

4.2元素復用機制

4.2.1創建自定義組件

4.2.2定義傳遞參數

4.3條件判斷語句

4.3.1ifelse語句

4.3.2三元運算符

4.4樣式復用機制

4.5本章小結

第5章動畫構思： 令人驚艷的交互動效

5.1圖片縮放動畫

5.1.1實現縮放邏輯

5.1.2添加屬性動畫

5.1.3整理代碼結構

5.2按鈕切換動畫

5.2.1自定義按鈕組件

5.2.2實現轉場邏輯

5.2.3添加顯性動畫

5.2.4整理代碼結構

5.3導航欄轉場動畫

5.3.1自定義導航欄

5.3.2添加轉場動畫

5.4本章小結

第6章視圖組合： 構建復雜的用戶界面

6.1設置頁面背景

6.1.1實現線性漸變效果

6.1.2實現沈浸式效果

6.1.3創建“背景顏色”組件

6.2實現“今日天氣”欄目

6.2.1創建“自定義文字”組件

6.2.2復用組件實現快速開發

6.2.3創建“今日天氣”組件

6.3實現“未來天氣”欄目

6.3.1創建“時段天氣”組件

6.3.2實現自適應延伸能力

6.3.3創建“未來天氣”組件

6.4實現“更改地區”按鈕

6.5實現自適應拉伸能力

6.6本章小結

第7章架構模式： 在項目中使用MVVM

7.1實現Model層

7.1.1創建數據模型

7.1.2導入項目素材

7.1.3創建測試數據

7.2實現View層

7.2.1實現“套件項”欄目

7.2.2創建“套件項”組件

7.2.3使用ForEach渲染數據

7.2.4實現網格布局

7.2.5實現頂部導航標題

7.2.6創建“套件詳情”組件

7.2.7創建“查看更多”按鈕組件

7.2.8創建“關閉按鈕”組件

7.3實現ViewModel層

7.3.1創建ToolsViewModel類

7.3.2實現數據傳遞

7.3.3實現自定義彈窗

7.4本章小結

第8章網絡請求： 與多彩世界緊密相連

8.1使用Image組件顯示網絡圖片

8.1.1配置網絡請求權限

8.1.2創建“網絡圖片”組件

8.2實現網絡請求功能

8.2.1認識JSON數據格式

8.2.2創建數據模型

8.2.3封裝網絡請求工具類

8.2.4使用網絡請求方法

8.3完善MyBook項目案例

8.3.1創建“書籍項”組件

8.3.2實現書籍列表

8.3.3調用加載數據方法

8.4本章小結

第9章表單設計： 創建豐富的表單頁面

9.1文字輸入場景

9.1.1單行輸入

9.1.2多行輸入

9.2日期選擇場景

9.2.1創建“日期選擇框”組件

9.2.2實現“日期格式化”方法

9.2.3實現“日期選擇”彈窗

9.2.4調用“日期選擇”彈窗

9.3切換選擇場景

9.3.1單選切換

9.3.2開關切換

9.4操作反饋場景

9.4.1Toast通知

9.4.2Dialog通知

9.5本章小結

第10章數據持久化： 保存偏好設置

10.1開發一個“主題風格”頁面

10.1.1搭建“主題示意圖”欄目

10.1.2搭建“功能說明”欄目

10.1.3搭建“模式選擇”欄目

10.1.4調整布局排版

10.2實現“切換主題風格”功能

10.2.1配置顏色資源

10.2.2實現“深色模式”適配

10.2.3實現“切換風格”交互

10.3實現參數持久化方法

10.4本章小結

第11章圖片選擇： 從相冊中選取精彩瞬間

11.1開發一個“選擇圖片”頁面

11.1.1“背景顏色”欄目

11.1.2“上傳圖片”按鈕

11.1.3“已選圖片”視圖

11.2實現“選擇圖片”功能

11.2.1封裝“訪問相冊”方法

11.2.2使用“訪問相冊”方法

11.3實現“選擇圖片”交互

11.3.1完善“選擇圖片”交互

11.3.2完善“選擇圖片卡片”樣式

11.4本章小結

第12章小試牛刀： 開發一款“番茄時鐘”應用

12.1開發一個“倒計時”頁面

12.1.1背景顏色

12.1.2頂部導航

12.1.3倒計時文字

12.1.4示例圖片

12.1.5操作按鈕

12.2實現“倒計時”功能

12.3開發一個“設置倒計時”彈窗

12.3.1實現“設置倒計時”彈窗

12.3.2實現“打開彈窗”方法

12.4開發一個“倒計時結束”彈窗

12.4.1實現自定義彈窗樣式

12.4.2實現自定義彈窗功能

12.4.3實現“倒計時結束”邏輯

12.5本章小結

第13章Server Widget： 服務卡片初體驗

13.1創建一個服務卡片

13.2開發一個“主題月歷”服務卡片

13.2.1漸變色背景

13.2.2頂部導航

13.2.3日期文字

13.3實現服務卡片的功能

13.3.1打開首頁

13.3.2卡片內容初始化

13.3.3卡片內容更新

13.4本章小結

第14章項目實踐： 開發一款“取名畫冊”應用

14.1定義數據模型

14.2實現網絡請求

14.3開發一個“首頁”頁面

14.3.1實現頂部導航欄

14.3.2實現首頁布局

14.3.3實現布局切換

14.3.4使用自定義字體

14.4使用網絡請求

14.4.1完善數據模型

14.4.2實現ViewModel

14.4.3使用數據請求方法

14.5開發一個“新增”頁面

14.6實現“新增數據”功能

14.7實現“為空校驗”邏輯

14.8設置應用名稱和圖標

14.9本章小結