Jetpack Compose：Android全新UI編程

前言
第　1章 先做好準備工作　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)有項目　9
1．3　溫習Kotlin　10
1．3．1　默認參數(shù)　11
1．3．2　高階函數(shù)　11
1．3．3　解構數(shù)據(jù)類　12
1．4　小結　13
第　2章 開啟Compose旅程　14
2．1　創(chuàng)建第 一個Compose應用程序　14
2．1．1　創(chuàng)建Hello World　14
2．1．2　運行項目　17
2．1．3　分析第 一個Compose應用程序　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　控件并行運行　24
2．3．3　重組會跳過盡可能多的內容　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　可組合項的生命周期　31
2．5．2　狀態(tài)和效應用例　32
2．5．3　重啟效應　34
2．6　小結　35
第3章　使用Compose的簡單控件　36
3．1　Compose中的主題　36
3．1．1　主題設置　36
3．1．2　Color設置　37
3．1．3　字體設置　40
3．1．4　Shape設置　42
3．2　Compose中的“TextView ”　43
3．2．1　顯示文字　43
3．2．2　設置文字樣式　46
3．2．3　設置文字選擇　58
3．3　Compose中的“EditText”　61
3．3．1　輸入文字　61
3．3．2　顯示樣式　64
3．3．3　鍵盤選項　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　設置圖片樣式　79
3．5．3　顯示網(wǎng)絡圖片　82
3．6　Compose中的“ProgressBar”　84
3．6．1　使用圓形進度條　84
3．6．2　使用條形進度條　87
3．7　小結　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　內邊距padding　105
4．4．2　設置控件的尺寸　107
4．4．3　Row和Column中的weight修飾符　108
4．4．4　給控件添加點擊事件　109
4．4．5　為控件添加圓角　109
4．5　腳手架——Scaffold　111
4．5．1　簡單了解 Scaffold　111
4．5．2　Scaffold抽屜實現(xiàn)　113
4．6　約束布局——ConstraintLayout　114
4．7　小結　116
第5章　嘗試Compose的復雜控件　117
5．1　豎向列表LazyColumn　117
5．1．1　簡單使用　117
5．1．2　LazyListScope　119
5．1．3　多Type使用　122
5．1．4　粘性標題　124
5．1．5　回到頂部　128
5．2　橫向列表 LazyRow　129
5．2．1　簡單使用　129
5．2．2　LazyRow源碼解析　129
5．2．3　使用項鍵Key　130
5．3　網(wǎng)格列表LazyVerticalGrid　131
5．3．1　簡單使用　131
5．3．2　LazyVerticalGrid源碼解析　132
5．4　底部導航欄　136
5．4．1　簡單使用　136
5．4．2　BottomNavigation源碼解析　138
5．5　小結　140
第6章　嘗試Compose的自定義View　141
6．1　簡單認識Compose中的Canvas　141
6．1．1　Android View中的Canvas　141
6．1．2　Compose中的Canvas　142
6．2　使用Canvas繪制點　143
6．2．1　繪制點必須填寫的參數(shù)　143
6．2．2　繪制點可選的參數(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　小結　175
第7章　動畫的點點滴滴　176
7．1　簡單使用動畫　176
7．1．1　可見性動畫　176
7．1．2　布局大小動畫　181
7．1．3　布局切換動畫　183
7．2　低級別動畫　185
7．2．1　屬性動畫　185
7．2．2　幀動畫　187
7．2．3　多動畫同步　188
7．2．4　多動畫重復　191
7．3　自定義動畫　192
7．3．1　動畫規(guī)格——AnimationSpec　192
7．3．2　矢量動畫——AnimationVector　195
7．4　Compose中的手勢　196
7．4．1　Compose中的點擊事件　196
7．4．2　Compose中的滾動事件　198
7．4．3　Compose中的嵌套滾動　200
7．4．4　拖動事件　202
7．4．5　滑動事件　204
7．5　小結　206
第8章　和其他Jetpack庫搭配使用　207
8．1　使用ViewModel　207
8．1．1　ViewModel的簡單使用　207
8．1．2　在Compose中使用ViewModel　211
8．1．3　Compose中ViewModel的進階使用　213
8．2　使用數(shù)據(jù)流　216
8．2．1　Flow的使用　216
8．2．2　RxJava的使用　217
8．3　使用Navigation實現(xiàn)頁面跳轉　218
8．3．1　簡單使用　218
8．3．2　傳遞單個參數(shù)　221
8．3．3　傳遞多個參數(shù)　223
8．3．4　解析參數(shù)類型　225
8．3．5　添加可選參數(shù)　227
8．3．6　添加實體類參數(shù)　229
8．4　使用Jetpack中的其他庫　231
8．4．1　使用Hilt進行依賴注入　231
8．4．2　使用Paging進行列表加載　232
8．5　小結　234
第9章　和老代碼搭配使用　235
9．1　在 Compose中使用Android View　235
9．1．1　簡單控件的使用　235
9．1．2　復雜控件使用　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　小結　254
第　10章 Compose實戰(zhàn)——玩Android　255
10．1　搭建項目框架　255
10．1．1　創(chuàng)建項目　255
10．1．2　搭建項目架構　257
10．1．3　使用Navigation處理頁面跳轉　258
10．1．4　使用BottomNavigation創(chuàng)建主頁框架　260
10．2　實現(xiàn)項目首頁　262
10．2．1　實現(xiàn)首頁邏輯層　263
10．2．2　實現(xiàn)首頁UI層　269
10．3　實現(xiàn)項目頁面　277
10．3．1　實現(xiàn)項目頁面的邏輯層　278
10．3．2　實現(xiàn)項目頁面的UI層　281
10．4　實現(xiàn)其他頁面　284
10．4．1　實現(xiàn)文章詳情頁面　284
10．4．2　實現(xiàn)我的頁面　287
10．5　小結　290