內容簡介

本書從入門到實踐對谷歌移動UI框架Flutter應用進行了全面的介紹。本書從邏輯上可以分為四部分。

第一部分（第1~3章）從開發環境的搭建入手，主要介紹Dart語言基礎與高級應用，從基礎語法到函數、泛型、非同步程式設計、模組使用等高級內容。

第二部分（第4、5章）主要介紹Flutter的核心組件，除了介紹開發Flutter應用必備的圖片、文本、圖示、按鈕等基礎元件外，還詳細介紹了表單組件、佈局技術、交互元件、元件的繪製與修飾、可滾動元件等高級內容。

第三部分（第6、7章）重點介紹了Flutter的動畫與手勢、網路技術及資料解析等內容。

第四部分（第8~10章）主要演示了兩個完整案例的開發過程，包括新聞用戶端的開發和游戲開發，此外，還介紹了如何將Flutter應用於iOS、Android專案及Web應用程式，旨在説明讀者將Flutter快速應用於自己的實際項目。

為使讀者高效地掌握本書內容，本書作者還特別錄製了Dark語言的教學視頻，並提供了完整示例的原始程式碼，讀者可從本書提供的網站自行下載使用。本書實例豐富，注重應用，適合移動開發人員、對跨平臺感興趣的大學生和培訓機構的學員使用。

作者介紹

張益琿

TicTalk 合夥人，博客筆名琿少，曾就職於唯品會，參與特賣專案《唯品會》、唯品會美妝項目《唯美》、唯品會返利項目《唯享客》，51CTO學院、CSDN學院簽約講師，麥子學院金牌講師。撰寫關於iOS、Swift、Objective-C、JavaScript語言、Android等相關技術博文300餘篇。開源中國高手問答欄目受邀技術專家，博客訪問量90W+。

第1章 Flutter開發環境搭建 1
1.1 認識Flutter 1
1.1.1 Flutter的前世今生與應用場景 2
1.1.2 安裝Flutter開發框架 2
1.2 配置iOS開發環境 3
1.2.1 進行AppID的申請 4
1.2.2 獲取Xcode開發工具 4
1.3 配置Android開發環境 5
1.3.1 獲取Android Studio開發工具 5
1.3.2 為Android Studio添加Flutter外掛程式 7
1.4 你的個Flutter應用 9

第2章 Dart語言基礎 12
2.1 Dart開發環境搭建 13
2.1.1 安裝Dart SDK 13
2.1.2 配置Dart編輯器 14
2.2 Dart中的變數 17
2.2.1 使用變數 17
2.2.2 不可變變數 18
2.3 Dart中的內置資料類型 18
2.3.1 數數值型別 18
2.3.2 字串類型 21
2.3.3 布林類型 23
2.3.4 列表類型 23
2.3.5 字典類型 25
2.4 Dart中的運算子 26
2.4.1 算數運算子 27
2.4.2 比較運算子 28
2.4.3 類型運算子 28
2.4.4 複合運算子 29
2.4.5 邏輯運算子 29
2.4.6 位運算子 30
2.4.7 條件運算子 31
2.4.8 級聯運算子 32
2.4.9 點運算子 33
2.5 Dart中的流程控制語句 33
2.5.1 條件分支語句 33
2.5.2 迴圈語句 35
2.5.3 中斷語句 36
2.5.4 多分支選擇語句 37
2.5.5 異常處理 39

第3章 Dart不錯進階 42
3.1 使用函數 43
3.1.1 關於main函數 43
3.1.2 自訂函數 43
3.1.3 定義可選參數的函數 45
3.1.4 函數可選參數的預設值 46
3.1.5 匿名函數 47
3.1.6 詞法作用域 47
3.1.7 關於閉包 48
3.2 Dart中的類 49
3.2.1 自訂類與構造方法 49
3.2.2 實例方法 51
3.2.3 抽象類別與抽象方法 53
3.2.4 類的繼承 54
3.2.5 運算子重載 55
3.2.6 noSuchMethod方法 56
3.2.7 枚舉類型 57
3.2.8 擴展類的功能――Mixin特性 58
3.2.9 類屬性與類方法 61
3.3 泛型 61
3.3.1 使用泛型 62
3.3.2 約束泛型與泛型函數 63
3.4 非同步程式設計技術 64
3.4.1 async與await關鍵字 64
3.4.2 非同步與回檔 65
3.4.3 使用Future物件 66
3.5 模組的使用 67
3.5.1 模組的應用 67
3.5.2 模組命名 68
3.6 可調用類與注釋 69
3.6.1 可調用類 69
3.6.2 關於注釋 69

第4章 Flutter基礎組件 71
4.1 Image圖片元件的應用 71
4.1.1 圖片資源的載入 72
4.1.2 Image元件的屬性配置 73
4.1.3 關於Alignment物件 75
4.1.4 關於BoxFit物件 75
4.1.5 關於ImageRepeat物件 76
4.2 Text文本元件的應用 76
4.2.1 使用Text元件 76
4.2.2 自訂文本風格 77
4.3 Icon圖示元件的應用 78
4.3.1 使用Icon元件 79
4.3.2 Flutter內置的Icon樣式 79
4.4 按鈕相關元件的應用 80
4.4.1 按鈕元件的基類MaterialButton 81
4.4.2 RaisedButton的應用 81
4.4.3 FlatButton的應用 81
4.4.4 下拉選擇按鈕DropdownButton元件的應用 82
4.4.5 懸浮按鈕元件的應用 84
4.4.6 圖示按鈕IconButton元件的應用 85
4.5 介面腳手架Scaffold元件 86
4.5.1 Scaffold組件概覽 86
4.5.2 Scaffold屬性使用示例 86
4.5.3 AppBar組件的應用 87
4.5.4 使用ButtomNavigationBar元件 88
4.6 FlutterLogo組件的應用 90
4.7 Placeholder預留位置組件的應用 91
4.8 單元件佈局容器元件的應用 91
4.8.1 Container容器組件 91
4.8.2 Padding容器組件 95
4.8.3 Center容器組件 95
4.8.4 Align容器組件 96
4.8.5 FittedBox容器組件 97
4.8.6 AspectRatio容器組件 97
4.8.7 ConstrainedBox容器組件 98
4.8.8 IntrinsicHeight與IntrinsicWidth容器 98
4.8.9 LimitedBox容器 99
4.8.10 Offstage容器 99
4.8.11 OverflowBox容器 99
4.8.12 SizeBox容器 100
4.8.13 Transform容器組件 100
4.9 多元件佈局容器元件的應用 101
4.9.1 Row容器組件 101
4.9.2 Column容器組件 102
4.9.3 Flex與Expanded組件 103
4.9.4 Stack與Positioned容器組件 104
4.9.5 IndexedStack容器組件 105
4.9.6 Wrap容器組件 106
4.9.7 更多內容可滾動的佈局容器 107

第5章 Flutter組件進階 108
5.1 表單組件的應用 108
5.1.1 關於表單容器 108
5.1.2 TextFormField詳解 109
5.1.3 關於InputDecoration類 112
5.1.4 下拉選擇框DropdownButtonFormField組件的應用 113
5.1.5 RawKeyboardListener自訂群組件接收鍵盤事件 113
5.2 Flutter佈局技術 114
5.2.1 再看Container容器組件 114
5.2.2 Padding佈局 116
5.2.3 Center佈局 117
5.2.4 FittedBox佈局 118
5.2.5 ConstrainedBox佈局 118
5.2.6 抽屜佈局 119
5.3 不錯使用者交互元件 120
5.3.1 複選按鈕Checkbox元件 120
5.3.2 選項按鈕Radio組件 121
5.3.3 切換按鈕Switch元件 122
5.3.4 滑塊按鈕Slider元件的應用 123
5.3.5 日期時間選擇彈窗 124
5.3.6 各種樣式的彈窗元件 127
5.3.7 擴展面板組件的應用 130
5.3.8 按鈕組相關元件 131
5.3.9 Card組件 133
5.3.10 指示類視圖組件 135
5.4 對元件進行繪製與修飾 136
5.4.1 Opacity組件 136
5.4.2 DecoratedBox組件 137
5.4.3 裁剪相關組件 137
5.4.4 CustomPaint組件 140
5.5 內容可滾動元件 144
5.5.1 GridView組件的應用 144
5.5.2 ListView組件的應用 148
5.5.3 SingleChildScrollView組件的應用 148
5.5.4 Table組件的應用 149
5.5.5 Flow流式佈局組件 150

第6章動畫與手勢 152
6.1 補間動畫的應用 152
6.1.1 關於Animation物件 153
6.1.2 AnimationController動畫控制器 153
6.1.3 Tween補間對象 154
6.1.4 線性動畫與曲線動畫 158
6.1.5 Curve時間曲線函數 159
6.1.6 動畫組件 161
6.1.7 同時執行多個動畫 162
6.1.8 更多補間動畫 163
6.2 物理動畫的應用 164
6.2.1 摩擦減速動畫示例 164
6.2.2 彈簧減速動畫示例 166
6.2.3 重力動畫示例 167
6.3 列表動畫 168
6.3.1 關於AnimatedList類 168
6.3.2 進行列表操作動畫 168
6.4 使用幀動畫 170
6.4.1 一個簡單的幀動畫示例 170
6.4.2 GIF圖――另一種幀動畫 172
6.5 共用元素的動畫 173
6.5.1 共用元素動畫示例 173
6.5.2 關於Hero物件 175
6.6 Lottie動畫 175
6.6.1 引入lottie_flutter外掛程式 175
6.6.2 使用Lottie動畫 176
6.7 Flare動畫 178
6.7.1 引入Flare外掛程式 178
6.7.2 使用Flare動畫 179
6.8 手勢交互 180
6.8.1 觸摸事件 180
6.8.2 手勢事件 182
6.8.3 下拉刷新與上拉載入 183

第7章網路技術與資料解析 185
7.1 Flutter中的網路技術 186
7.1.1 使用互聯網上的介面服務 186
7.1.2 使用HTTPClient進行網路請求 187
7.1.3 HttpClient相關方法 188
7.1.4 關於HttpClientRequest請求物件 190
7.1.5 關於HttpClientResponse回執物件 191
7.1.6 請求方法 192
7.2 JSON數據解析 193
7.2.1 手動解析JSON數據 193
7.2.2 將網路資料渲染到頁面 194
7.3 資料持久化存儲 197
7.3.1 外掛程式的使用 197
7.3.2 使用shared_preferences外掛程式 199
7.3.3 進行檔的讀寫 201
7.4 Flutter中的頁面切換 203
7.4.1 使用Navigator進行頁面跳轉 203
7.4.2 正向頁面傳值 205
7.4.3 反向頁面傳值 208

第8章用Flutter進行新聞用戶端的開發 210
8.1 新聞用戶端需求分析與開發前的準備 210
8.1.1 新聞用戶端應用需要具備的功能 210
8.1.2 開發前的技術準備 211
8.1.3 應用專案搭建 212
8.2 新聞用戶端主頁的開發 215
8.2.1 搭建首頁框架 215
8.2.2 “熱門新聞”頁面開發 217
8.2.3 開發下拉刷新與上拉載入更多功能 220
8.3 首頁網路請求與資料填充 223
8.3.1 進行首頁資料請求 223
8.3.2 定義資料模型與資料解析 224
8.3.3 填充首頁數據 226
8.4 分類別模組的開發 229
8.4.1 新聞分類主頁開發 229
8.4.2 開發分類列表 231
8.5 新聞詳情頁開發 236
8.5.1 使用flutter_native_web外掛程式進行網頁渲染 236
8.5.2 添加收藏功能 239
8.5.3 實現收藏列表 241

第9章用Flutter開發“棍子傳奇”小遊戲 245
9.1 遊戲開始頁面開發 245
9.1.1 在Flutter中引入自訂字體 245
9.1.2 遊戲首頁的搭建 246
9.2 遊戲核心邏輯開發 251
9.2.1 “棍子”道具開發 252
9.2.2 英雄移動與勝負判定 253
9.2.3 遊戲的迴圈機制 257
9.2.4 對遊戲進行計分 259
9.2.5 遊戲的重開 259
9.3 對遊戲體驗進行優化 261
9.3.1 為遊戲添加音效 261
9.3.2 修改應用圖示 262
9.3.3 更多可優化的方向 264

第10章將Flutter用於iOS、Android專案和Web應用程式 265
10.1 將Flutter模組植入已有的iOS工程中 265
10.1.1 將Flutter模組集成進iOS原生專案 265
10.1.2 在iOS原生工程中打開Flutter頁面 268
10.2 將Flutter模組植入已有的Android工程中 270
10.2.1 集成Flutter模組到Android原生專案 270
10.2.2 在Android原生頁面中打開Flutter頁面 274
10.3 使用Flutter開發Web應用程式 275
10.3.1 運行個Flutter Web應用程式 276
10.3.2 將Flutter移動端工程修改為Web應用程式 277

看更多