前言

第　1章 先做好準(zhǔn)備工作　1

1.1　Compose 簡介　1

1.2　搭建開發(fā)環(huán)境　2

1.2.1　在Windows上搭建開發(fā)環(huán)境　2

1.2.2　在macOS上搭建開發(fā)環(huán)境　8

1.2.3　將Compose添加到現(xiàn)有項(xiàng)目　9

1.3　溫習(xí)Kotlin　10

1.3.1　默認(rèn)參數(shù)　11

1.3.2　高階函數(shù)　11

1.3.3　解構(gòu)數(shù)據(jù)類　12

1.4　小結(jié)　13

第　2章 開啟Compose旅程　14

2.1　創(chuàng)建第 一個(gè)Compose應(yīng)用程序　14

2.1.1　創(chuàng)建Hello World　14

2.1.2　運(yùn)行項(xiàng)目　17

2.1.3　分析第 一個(gè)Compose應(yīng)用程序　18

2.1.4　使用Preview　20

2.2　Compose編程思想　22

2.2.1　聲明式編程　22

2.2.2　可組合函數(shù)　22

2.2.3　重組　23

2.3　智能重組　24

2.3.1　控件按任何順序執(zhí)行　24

2.3.2　控件并行運(yùn)行　24

2.3.3　重組會跳過盡可能多的內(nèi)容　26

2.3.4　重組是樂觀的操作　26

2.4　Compose狀態(tài)　27

2.4.1　Compose中的狀態(tài)　27

2.4.2　ViewModel和狀態(tài)　29

2.4.3　使用其他類型的狀態(tài)　30

2.5　Compose生命周期　31

2.5.1　可組合項(xiàng)的生命周期　31

2.5.2　狀態(tài)和效應(yīng)用例　32

2.5.3　重啟效應(yīng)　34

2.6　小結(jié)　35

第3章　使用Compose的簡單控件　36

3.1　Compose中的主題　36

3.1.1　主題設(shè)置　36

3.1.2　Color設(shè)置　37

3.1.3　字體設(shè)置　40

3.1.4　Shape設(shè)置　42

3.2　Compose中的TextView 　43

3.2.1　顯示文字　43

3.2.2　設(shè)置文字樣式　46

3.2.3　設(shè)置文字選擇　58

3.3　Compose中的EditText　61

3.3.1　輸入文字　61

3.3.2　顯示樣式　64

3.3.3　鍵盤選項(xiàng)　66

3.4　Compose中的Button　71

3.4.1　創(chuàng)建Button　72

3.4.2　Button源碼解析　72

3.5　Compose中的ImageView　77

3.5.1　簡單顯示　77

3.5.2　設(shè)置圖片樣式　79

3.5.3　顯示網(wǎng)絡(luò)圖片　82

3.6　Compose中的ProgressBar　84

3.6.1　使用圓形進(jìn)度條　84

3.6.2　使用條形進(jìn)度條　87

3.7　小結(jié)　90

第4章　了解Compose的布局　91

4.1　豎向線性布局Column　91

4.1.1　Android View中的豎向線性布局　92

4.1.2　Compose中的豎向線性布局　93

4.1.3　Column源碼解析　94

4.2　橫向線性布局Row　99

4.2.1　簡單上手　100

4.2.2　Row源碼解析　101

4.3　幀布局Box　102

4.3.1　Box源碼解析　102

4.3.2　Box簡單上手　103

4.4　修飾符Modifier　105

4.4.1　內(nèi)邊距padding　105

4.4.2　設(shè)置控件的尺寸　107

4.4.3　Row和Column中的weight修飾符　108

4.4.4　給控件添加點(diǎn)擊事件　109

4.4.5　為控件添加圓角　109

4.5　腳手架Scaffold　111

4.5.1　簡單了解 Scaffold　111

4.5.2　Scaffold抽屜實(shí)現(xiàn)　113

4.6　約束布局ConstraintLayout　114

4.7　小結(jié)　116

第5章　嘗試Compose的復(fù)雜控件　117

5.1　豎向列表LazyColumn　117

5.1.1　簡單使用　117

5.1.2　LazyListScope　119

5.1.3　多Type使用　122

5.1.4　粘性標(biāo)題　124

5.1.5　回到頂部　128

5.2　橫向列表 LazyRow　129

5.2.1　簡單使用　129

5.2.2　LazyRow源碼解析　129

5.2.3　使用項(xiàng)鍵Key　130

5.3　網(wǎng)格列表LazyVerticalGrid　131

5.3.1　簡單使用　131

5.3.2　LazyVerticalGrid源碼解析　132

5.4　底部導(dǎo)航欄　136

5.4.1　簡單使用　136

5.4.2　BottomNavigation源碼解析　138

5.5　小結(jié)　140

第6章　嘗試Compose的自定義View　141

6.1　簡單認(rèn)識Compose中的Canvas　141

6.1.1　Android View中的Canvas　141

6.1.2　Compose中的Canvas　142

6.2　使用Canvas繪制點(diǎn)　143

6.2.1　繪制點(diǎn)必須填寫的參數(shù)　143

6.2.2　繪制點(diǎn)可選的參數(shù)　146

6.2.3　使用Brush繪制漸變　149

6.3　使用Canvas繪制線和矩形　153

6.3.1　繪制線　153

6.3.2　繪制矩形　155

6.3.3　繪制圓角矩形　158

6.4　使用Canvas繪制圓及橢圓　159

6.4.1　繪制圓　160

6.4.2　繪制橢圓　161

6.5　使用 Canvas繪制圓弧、圖片及Path　163

6.5.1　繪制圓弧　163

6.5.2　繪制圖片　166

6.5.3　繪制Path　168

6.6　使用混合模式　172

6.6.1　Android View中的混合模式　173

6.6.1　Compose 中的混合模式　173

6.7　小結(jié)　175

第7章　動(dòng)畫的點(diǎn)點(diǎn)滴滴　176

7.1　簡單使用動(dòng)畫　176

7.1.1　可見性動(dòng)畫　176

7.1.2　布局大小動(dòng)畫　181

7.1.3　布局切換動(dòng)畫　183

7.2　低級別動(dòng)畫　185

7.2.1　屬性動(dòng)畫　185

7.2.2　幀動(dòng)畫　187

7.2.3　多動(dòng)畫同步　188

7.2.4　多動(dòng)畫重復(fù)　191

7.3　自定義動(dòng)畫　192

7.3.1　動(dòng)畫規(guī)格AnimationSpec　192

7.3.2　矢量動(dòng)畫AnimationVector　195

7.4　Compose中的手勢　196

7.4.1　Compose中的點(diǎn)擊事件　196

7.4.2　Compose中的滾動(dòng)事件　198

7.4.3　Compose中的嵌套滾動(dòng)　200

7.4.4　拖動(dòng)事件　202

7.4.5　滑動(dòng)事件　204

7.5　小結(jié)　206

第8章　和其他Jetpack庫搭配使用　207

8.1　使用ViewModel　207

8.1.1　ViewModel的簡單使用　207

8.1.2　在Compose中使用ViewModel　211

8.1.3　Compose中ViewModel的進(jìn)階使用　213

8.2　使用數(shù)據(jù)流　216

8.2.1　Flow的使用　216

8.2.2　RxJava的使用　217

8.3　使用Navigation實(shí)現(xiàn)頁面跳轉(zhuǎn)　218

8.3.1　簡單使用　218

8.3.2　傳遞單個(gè)參數(shù)　221

8.3.3　傳遞多個(gè)參數(shù)　223

8.3.4　解析參數(shù)類型　225

8.3.5　添加可選參數(shù)　227

8.3.6　添加實(shí)體類參數(shù)　229

8.4　使用Jetpack中的其他庫　231

8.4.1　使用Hilt進(jìn)行依賴注入　231

8.4.2　使用Paging進(jìn)行列表加載　232

8.5　小結(jié)　234

第9章　和老代碼搭配使用　235

9.1　在 Compose中使用Android View　235

9.1.1　簡單控件的使用　235

9.1.2　復(fù)雜控件使用　237

9.1.3　嵌入XML布局　240

9.2　在Android View中使用Compose　243

9.2.1　在代碼中使用　243

9.2.2　在布局中使用　246

9.3　Compose與現(xiàn)有頁面集成　248

9.3.1　創(chuàng)建Android View和Compose中通用的控件　248

9.3.2　Compose中的屏幕適配　251

9.4　小結(jié)　254

第　10章 Compose實(shí)戰(zhàn)玩Android　255

10.1　搭建項(xiàng)目框架　255

10.1.1　創(chuàng)建項(xiàng)目　255

10.1.2　搭建項(xiàng)目架構(gòu)　257

10.1.3　使用Navigation處理頁面跳轉(zhuǎn)　258

10.1.4　使用BottomNavigation創(chuàng)建主頁框架　260

10.2　實(shí)現(xiàn)項(xiàng)目首頁　262

10.2.1　實(shí)現(xiàn)首頁邏輯層　263

10.2.2　實(shí)現(xiàn)首頁UI層　269

10.3　實(shí)現(xiàn)項(xiàng)目頁面　277

10.3.1　實(shí)現(xiàn)項(xiàng)目頁面的邏輯層　278

10.3.2　實(shí)現(xiàn)項(xiàng)目頁面的UI層　281

10.4　實(shí)現(xiàn)其他頁面　284

10.4.1　實(shí)現(xiàn)文章詳情頁面　284

10.4.2　實(shí)現(xiàn)我的頁面　287

10.5　小結(jié)　290