ITBear旗下自媒體矩陣:

谷歌 Jetpack Compose 1.0 正式發(fā)布:打造原生 UI 的 Android 現(xiàn)代工具包

   時(shí)間:2021-07-29 15:04:29 來(lái)源:IT之家作者:騎士編輯:星輝 發(fā)表評(píng)論無(wú)障礙通道

7 月 29 日消息 據(jù) Android 官方發(fā)布,今天,谷歌正式發(fā)布 Jetpack Compose 的 1.0 版本,這是 Android 的現(xiàn)代原生 UI 工具包,可以幫助你更快地打造更好的應(yīng)用。這是 Compose 的穩(wěn)定版本,可供大家在生產(chǎn)中使用。

谷歌稱,在我們發(fā)布 1.0 的當(dāng)下,Play Store 中已經(jīng)有超過(guò) 2,000 個(gè)應(yīng)用在使用 Compose 了。事實(shí)上,Play Store 應(yīng)用本身也在使用 Compose,但這還不是全部,我們一直在與一些頂級(jí)的應(yīng)用開(kāi)發(fā)者合作,他們的反饋和支持幫助我們使 1.0 版本更加強(qiáng)大。

Jetpack Compose

https://developer.android.google.cn/jetpack/compose

為什么要采用 Jetpack Compose

https://developer.android.google.cn/jetpack/compose/why-adopt

谷歌稱,設(shè)計(jì) Compose 的目的是讓你更快、更輕松地構(gòu)建原生 Android 應(yīng)用。通過(guò)完全的聲明式方法,你只需描述你的用戶界面,剩下的就交給 Compose 來(lái)處理。隨著應(yīng)用狀態(tài)的變化,你的 UI 會(huì)自動(dòng)更新,這使得快速構(gòu)建 UI 變得更加簡(jiǎn)單。直觀的 Kotlin API 可以幫助你用更少的代碼構(gòu)建出漂亮的應(yīng)用。Compose 可以原生訪問(wèn)既有的 Android 代碼,這意味著你可以按自己的節(jié)奏采用它。強(qiáng)大的布局 API 和代碼驅(qū)動(dòng)的 UI 使得適配不同規(guī)格的設(shè)備更加輕松,比如平板電腦和可折疊設(shè)備,Compose 還將支持 WearOS 以及 Homescreen Widgets 等更多使用場(chǎng)景!

1.0 版本可以在生產(chǎn)中使用,你所需的核心功能盡在其中,包括:

  • 互操作性: Compose 可以和既有的應(yīng)用進(jìn)行互操作。你可以將 Compose UI 嵌入 View,反之亦然。你可以只在屏幕上添加一個(gè)按鈕,也把自己創(chuàng)建的自定義視圖保留在現(xiàn)在用 Compose 打造的界面中。
  • Jetpack 集成: Compose 和大家熟知且喜愛(ài)的 Jetpack 開(kāi)發(fā)庫(kù)天然整合。通過(guò)與 Navigation、Paging、LiveData (或 Flow/RxJava)、ViewModel 和 Hilt 的整合,Compose 可以與你現(xiàn)有的架構(gòu)完美共存。
  • Material: Compose 提供了 Material Design 組件和主題的實(shí)現(xiàn),使你能夠輕松構(gòu)建符合你的品牌個(gè)性的美觀應(yīng)用。Material 主題系統(tǒng)更容易理解和追蹤,再也不需要翻閱多個(gè) XML 文件。
  • 列表: Compose 的 Lazy 組件為數(shù)據(jù)列表的呈現(xiàn)提供了一種簡(jiǎn)單扼要且功能強(qiáng)大的方式,而且將模版代碼精簡(jiǎn)到了最少。
  • 動(dòng)畫: Compose 簡(jiǎn)明的動(dòng)畫 API 讓你可以更輕松地打造出讓用戶眼前一亮的體驗(yàn)。

在應(yīng)用中采用 Compose

https://developer.android.google.cn/jetpack/compose/interop

Compose 和其他庫(kù)

https://developer.android.google.cn/jetpack/compose/libraries

Compose 中的主題

https://developer.android.google.cn/jetpack/compose/themes

列表

https://developer.android.google.cn/jetpack/compose/lists

動(dòng)畫

https://developer.android.google.cn/jetpack/compose/animation

新工具

Jetpack Compose 的完全聲明式方法從根本上改變了用戶界面的開(kāi)發(fā)方式。為了支持新的工作流程和不同的思維方式,我們正在提供新的工具,專為 Compose 而設(shè)計(jì),并在一些現(xiàn)有工具中增加對(duì) Compose 的支持。

Compose Preview

Android Studio Arctic Fox 中新加入的 Compose Preview 可以讓你同時(shí)查看不同狀態(tài)、淺色和深色主題,或是不同字號(hào)的 Composables,使組件的開(kāi)發(fā)更容易,再也不必先將整個(gè)應(yīng)用部署到設(shè)備中了。通過(guò)對(duì)字詞的實(shí)時(shí)編輯,你可以實(shí)時(shí)看到更新,而無(wú)需重新編譯項(xiàng)目。

Android Studio Arctic Fox

https://developer.android.google.cn/studio

Deploy Preview

如果你曾經(jīng)希望能夠直接在設(shè)備上測(cè)試 UI 的一部分,而不需要通過(guò)導(dǎo)航一步步瀏覽到你正在調(diào)整的界面中,那么你一定會(huì)喜歡新的 Deploy Preview: 只需為你的 Composable 創(chuàng)建一個(gè)預(yù)覽,就可將其直接部署到設(shè)備上,從而快速進(jìn)行迭代。

Layout Inspector 支持 Compose

Layout Inspector 增加了對(duì) Composables 的支持,讓你可以放心地混用 Compose 與既有的 Views。

Compose 發(fā)布路線圖

采用任何新的框架都需要經(jīng)過(guò)評(píng)估,尤其是像新的 UI 工具包這樣意義深遠(yuǎn)的東西。為了幫助你做出明智的決策,確定現(xiàn)在是否是采用 Compose 的合適時(shí)機(jī),我們給出了一個(gè)公開(kāi)的路線圖,和大家分享我們對(duì) Jetpack Compose 的后續(xù)構(gòu)建計(jì)劃:

https://developer.android.google.cn/jetpack/androidx/compose-roadmap

學(xué)習(xí) Compose

為了幫助你和你的團(tuán)隊(duì)掌握 Compose,我們準(zhǔn)備了大量的學(xué)習(xí)資源:

教程 - 快速實(shí)際體驗(yàn) Compose,以及了解聲明式編程:

https://developer.android.google.cn/jetpack/compose/tutorial

文檔 - 從 "Compose 編程思想" 、"狀態(tài)和 Jetpack Compose" 以及 "架構(gòu)式層級(jí)" 這樣的基礎(chǔ)話題,到核心 API 的使用指南,包括布局、導(dǎo)航和測(cè)試,以及針對(duì)開(kāi)發(fā)者工效或者工具等內(nèi)容。覆蓋任何你需要了解的課題。

Jetpack Compose 使用入門

https://developer.android.google.cn/jetpack/compose/documentation

Compose 編程思想

https://developer.android.google.cn/jetpack/compose/mental-model

狀態(tài)和 Jetpack Compose

https://developer.android.google.cn/jetpack/compose/state

架構(gòu)式層級(jí)

https://developer.android.google.cn/jetpack/compose/layering

Compose 中的布局

https://developer.android.google.cn/jetpack/compose/layouts

使用 Compose 進(jìn)行導(dǎo)航

https://developer.android.google.cn/jetpack/compose/navigation

測(cè)試 Compose 布局

https://developer.android.google.cn/jetpack/compose/testing

開(kāi)發(fā)者工效

https://developer.android.google.cn/jetpack/compose/ergonomics

Compose 工具

https://developer.android.google.cn/jetpack/compose/tooling

Codelab - 如果你更喜歡邊用邊學(xué),我們準(zhǔn)備了 9 個(gè) codelab 來(lái)幫助你全面掌握 Compose (別忘了來(lái)試試全新的高級(jí)狀態(tài)和副作用 codelab)。

Compose codelab

https://developer.android.google.cn/courses/pathways/compose

高級(jí)狀態(tài)和副作用 codelab

https://developer.android.google.cn/codelabs/jetpack-compose-advanced-state-side-effects#0

視頻 - 準(zhǔn)備點(diǎn)零食,然后跟著視頻學(xué)習(xí) Compose 的一切:

https://www.youtube.com/c/AndroidDevelopers/search?query=%23JetpackCompose

示例應(yīng)用 - 我們準(zhǔn)備了 8 個(gè)官方示例,它們展示了一系列的 API 及其用例:

https://github.com/android/compose-samples

學(xué)海無(wú)涯呀!這時(shí)不妨試試 Jetpack Compose Pathway,這是一個(gè)循序漸進(jìn)的學(xué)習(xí)指南,通過(guò)關(guān)鍵的 codelab、視頻和文檔來(lái)幫助你了解 Compose 的一切:

https://developer.android.google.cn/courses/pathways/compose

舉報(bào) 0 收藏 0 打賞 0評(píng)論 0
 
 
更多>同類資訊
全站最新
熱門內(nèi)容
網(wǎng)站首頁(yè)  |  關(guān)于我們  |  聯(lián)系方式  |  版權(quán)聲明  |  網(wǎng)站留言  |  RSS訂閱  |  違規(guī)舉報(bào)  |  開(kāi)放轉(zhuǎn)載  |  滾動(dòng)資訊  |  English Version