Jetpack Compose（以下簡稱 Compose）是一種全新的聲明式 UI 編程框架，可為以 Android 開發(fā)者為代表的移動端開發(fā)者更高效地構(gòu)建現(xiàn)代化的應(yīng)用。隨著 Compose 的逐步成熟和普及，相信會有越來越多的開發(fā)者學(xué)習(xí)和使用這項(xiàng)技術(shù)。
在這樣的背景下，本書應(yīng)運(yùn)而生。本書的目的在于幫助讀者在對 Compose 的產(chǎn)生背景有了解的基礎(chǔ)下，快速入門和上手實(shí)踐，并掌握一些高階用法，以便搭建出豐富多彩的 UI 頁面。本書采用直觀易懂的方式講解 Compose 的核心概念和技術(shù)，并提供了大量示例代碼和圖例等。最后還會通過一個(gè)較完整的 Compose Web3 相結(jié)合的實(shí)戰(zhàn)項(xiàng)目來幫助讀者深入理解和應(yīng)用這些知識。
本書的目標(biāo)讀者是客戶端或前端開發(fā)者，以及對移動端開發(fā)有興趣的學(xué)生等。本書中有少量對 Compose 和 Android 傳統(tǒng)視圖做對比的內(nèi)容，如果你不是有過傳統(tǒng) Android 開發(fā)經(jīng)驗(yàn)的開發(fā)者，或者對這樣的對比無興趣，可直接跳過這些內(nèi)容。Compose 是以 Kotlin 語言為基礎(chǔ)的，但如果讀者不具備 Kotlin 知識，本書在第3章開頭部分會有 Compose 方面 Kotlin 背景知識的儲備內(nèi)容。
本書共分11章，其中：
第1章整體介紹 Compose 項(xiàng)目。從產(chǎn)生背景、使命、優(yōu)勢，以及當(dāng)前的發(fā)展階段，到聲明式 UI 的概念，再到與傳統(tǒng) Android View 體系的對比，最后介紹 Compose 的整體分層結(jié)構(gòu)，比較全面地把 Compose 的整體樣貌介紹給讀者。
第2章手把手帶領(lǐng)讀者一起搭建 Compose 的開發(fā)環(huán)境，介紹相關(guān)工具的使用，在此基礎(chǔ)上帶讀者通過 Compose 版的Hello World來小試牛刀。
第3章在前兩章對 Compose 有了宏觀認(rèn)知并具備了開發(fā)條件之后，在系統(tǒng)性學(xué)習(xí)如何使用 Compose 進(jìn)行開發(fā)之前，對學(xué)習(xí) Compose 應(yīng)該具備的 Kotlin 知識儲備、Compose 的編程思想，以及什么是 Composable 函數(shù)、什么是副作用這些比較重要的知識儲備進(jìn)行了介紹。有了這些知識儲備，后續(xù)的學(xué)習(xí)會更加順利。
第4章正式開始 Compose 框架系統(tǒng)學(xué)習(xí)，這一章著重講解和演示了 Compose UI 編程中主題和基礎(chǔ)控件的使用，這些基礎(chǔ)控件是幾乎每一個(gè)應(yīng)用中都需要使用到的，如文字、按鈕、圖片。
第5章單獨(dú)講解 Compose 的布局，包括布局使用的組件、布局修飾符、布局模型，以及自定義布局、自適應(yīng)布局和約束布局等高階使用，最后講解了應(yīng)用中常用的動態(tài)內(nèi)容列表容器，以及其他 Material 的設(shè)計(jì)范式。
第6章演示如何在 Compose 中通過繪制的方式自定義視圖組件，可通過 Compose 中提供的畫布和畫筆，輕松實(shí)現(xiàn)多種多樣的視圖形式。
第7章的內(nèi)容是動畫和手勢。動畫對于現(xiàn)代應(yīng)用越來越重要，豐富生動的動畫對于用戶交互體驗(yàn)來說有錦上添花的效果。Compose 讓動畫變得簡單易用，開發(fā)者可輕松實(shí)現(xiàn)多種多樣的動畫效果，也可以結(jié)合手勢做出更多有創(chuàng)意又好用的功能。
第8章開始屬于進(jìn)階內(nèi)容，在具備 Compose 開發(fā)知識之后，如果讀者想更進(jìn)一步知其所以然，可以通過本章內(nèi)容對 Compose 的運(yùn)行原理、智能重組的實(shí)現(xiàn)、修飾符和生命周期，以及 Compose 組件的渲染流程有更進(jìn)一步的認(rèn)知。
Jetpack Compose 實(shí)戰(zhàn)：面向未來的大前端式客戶端開發(fā)體驗(yàn)第9章重點(diǎn)講解了 Compose 中的數(shù)據(jù)和狀態(tài)管理，介紹狀態(tài)、數(shù)據(jù)流在 Compose 中的運(yùn)作流程，以及如何合理地管理狀態(tài)，可以幫助開發(fā)者設(shè)計(jì)出更加合理、無異常、高性能的技術(shù)架構(gòu)。
第10章從工程實(shí)踐的角度，列舉了 Compose 在項(xiàng)目中一般結(jié)合哪些工具包，特別是 Jetpack 中經(jīng)典的工具包，在不同場景下這些工具的使用方式，以及如何在 Compose 中實(shí)現(xiàn)無障礙，如何做單元測試。
第11章是實(shí)戰(zhàn)項(xiàng)目，通過一個(gè)較完整的技術(shù)圈子App 的例子，復(fù)習(xí)鞏固之前所學(xué)的Compose知識，包括常用 Composable 組件的使用、路由跳轉(zhuǎn)、動畫、視頻播放、富文本等。值得一提的是，技術(shù)圈子 App 并不是傳統(tǒng)意義上的 App，而是一款 DApp（Decentralized Application，去中心化 App）。因此本章除了帶讀者實(shí)踐鞏固 Compose 基礎(chǔ)知識之外，還會為大家簡單介紹 Web3 領(lǐng)域DApp的相關(guān)知識。
由于 Compose 當(dāng)前在移動端主要應(yīng)用平臺是 Android，因此本書也是以 Android 為基礎(chǔ)進(jìn)行講解和演示的。但是 Compose Multiplatform 是可以跨平臺的Android、Web、Desktop 都可支持， iOS 平臺的 Compose 也剛剛發(fā)布了 Alpha 版本。幸運(yùn)的是，在以 Android 為基礎(chǔ)進(jìn)行學(xué)習(xí)之后，其他平臺需要極小的一些配置成本即可，可實(shí)現(xiàn)一碼多端。
或許讀者認(rèn)為當(dāng)前大環(huán)境下，大多數(shù)企業(yè)不太想去嘗試這樣一種新的技術(shù)棧，這也確實(shí)是現(xiàn)實(shí)。筆者認(rèn)為，這恰好是個(gè)先機(jī)，我們更應(yīng)把握住，若等市場迫切需要時(shí)再學(xué)，也許就不占優(yōu)勢了。喬布斯曾在斯坦福那場著名的Stay Hungry, Stay Foolish演說中講到關(guān)于自己的一個(gè)故事：他因覺得大學(xué)學(xué)習(xí)課程沒有價(jià)值而輟學(xué)后，在里德學(xué)院找到了他更感興趣的美術(shù)字課程，出于自己的直覺和好奇，他參加了這個(gè)課程，但在當(dāng)時(shí)他并不知道這個(gè)課程將來會有什么用途。但正是因?yàn)檫@個(gè)機(jī)會，他學(xué)到了精美的字體設(shè)計(jì)，豐富了自己的藝術(shù)美感�；剡^頭看，他在設(shè)計(jì) Mac 系列產(chǎn)品的時(shí)候把這些知識和經(jīng)驗(yàn)發(fā)揮得淋漓盡致，并且通過產(chǎn)品造福了無數(shù)人。所以，在面對一項(xiàng)看起來比較新潮的技術(shù)時(shí)，最好的辦法就是去了解，擁抱它，或許你當(dāng)前只是覺得它有趣，但是在不久的將來，它會在更廣闊的范圍內(nèi)產(chǎn)生非常深遠(yuǎn)的影響。
在書稿編寫過程中，機(jī)械工業(yè)出版社的策劃編輯李培培給出了非常專業(yè)詳細(xì)的修改優(yōu)化建議，從我們有這個(gè)題材想法開始，到最后得以出版，編輯老師們付出了巨大的努力。感謝他們的專業(yè)和付出。本書在創(chuàng)作過程中參考了大量的谷歌官方教程以及國內(nèi)外先行者們的研究和分享，感謝巨人們提供的肩膀。另外作為本書第一作者，感謝第二作者龐立老師在工作和學(xué)業(yè)如此繁忙之際，還由于志趣相投，一起參與編寫了本書核心的控件、布局、自定義視圖、動畫和手勢等部分的內(nèi)容。本書誕生的過程持續(xù)了很久，我作為第一作者在這不到兩年時(shí)間里也經(jīng)歷了很多，有驚喜也有巨大的挑戰(zhàn)，在此由衷地感謝家人們給予的無條件支持。
本書在創(chuàng)作過程中盡可能地確保內(nèi)容的準(zhǔn)確性和實(shí)用性，但限于個(gè)人能力，錯(cuò)漏之處在所難免，歡迎廣大讀者批評指正。
書中涉及的示例代碼可以在以下鏈接中獲�。篽ttps://github.com/guoxiaojiang/awesome_compose/tree/main/DemoApp
實(shí)戰(zhàn)項(xiàng)目可在如下鏈接中獲取：https://github.com/guoxiaojiang/awesome_compose/tree/main/awesome_compose_techcircle