Jetpack Compose：Android全新UI編程

前言
第　1章 先做好準(zhǔn)備工作　1
1．1　Compose 簡(jiǎn)介　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　重組會(huì)跳過盡可能多的內(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的簡(jiǎn)單控件　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　簡(jiǎn)單顯示　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　簡(jiǎn)單上手　100
4．2．2　Row源碼解析　101
4．3　幀布局——Box　102
4．3．1　Box源碼解析　102
4．3．2　Box簡(jiǎn)單上手　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　簡(jiǎn)單了解 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　簡(jiǎn)單使用　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　簡(jiǎn)單使用　129
5．2．2　LazyRow源碼解析　129
5．2．3　使用項(xiàng)鍵Key　130
5．3　網(wǎng)格列表LazyVerticalGrid　131
5．3．1　簡(jiǎn)單使用　131
5．3．2　LazyVerticalGrid源碼解析　132
5．4　底部導(dǎo)航欄　136
5．4．1　簡(jiǎn)單使用　136
5．4．2　BottomNavigation源碼解析　138
5．5　小結(jié)　140
第6章　嘗試Compose的自定義View　141
6．1　簡(jiǎn)單認(rèn)識(shí)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　簡(jiǎn)單使用動(dòng)畫　176
7．1．1　可見性動(dòng)畫　176
7．1．2　布局大小動(dòng)畫　181
7．1．3　布局切換動(dòng)畫　183
7．2　低級(jí)別動(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中的手勢(shì)　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庫(kù)搭配使用　207
8．1　使用ViewModel　207
8．1．1　ViewModel的簡(jiǎn)單使用　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　簡(jiǎn)單使用　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中的其他庫(kù)　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　簡(jiǎn)單控件的使用　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