當前位置: 妍妍網 > 碼農

Google I/O 大會回顧 | Compose 三項重要更新

2024-07-17碼農

作者 / 開發者關系工程師 Chris Arriola

2024 年 Google I/O 大會上我們分享了大量更新和公告,幫助開發者提升工作效率。歡迎您檢視 回顧視訊 並繼續閱讀,了解 2024 年 Google I/O 大會上有關 和裝置型別的三大重要更新:

🔗 回顧視訊

https://youtu.be/uzz_gzDxc7M

#1 Jetpack Compose 最近更新

2024 年 Google I/O 大會上 Jetpack Compose 的最近更新 包含了全新功能和改進,例如共享元素轉換、延遲列表項動畫以及全面的效能提升。

透過共享元素轉換,您可以實作套用界面之間的平滑過渡效果,打造令人愉悅的使用體驗。此功能與 Compose 導航和預測性返回配合,以便使用者導航您的套用時實作過渡。延遲列表項動畫也是一項備受使用者期待的功能;更新的 Compose 現在也支持該功能,讓延遲列表能夠對計畫的插入、刪除和重新排序進行動畫處理。

Jetpack Compose 還在持續提高每個版本的執行時效能。我們的基準測試表明,在 Jetsnack Compose 範例中,首次像素顯示時間加快了 17%。此外,強跳過模式從實驗性階段升級到可投入生產的階段,進一步提高了 Compose 套用的效能。只需更新您的套用,即可享受這些好處。

歡迎您閱讀 2024 年 Google I/O 大會上釋出的 Jetpack Compose 新功能 ,了解更多資訊。

🔗 2024 年 Google I/O 大會上釋出的 Jetpack Compose 新功能

https://android-developers.googleblog.com/2024/05/whats-new-in-jetpack-compose-at-io-24.html

#2 借助 Compose 新 API

和工具跨螢幕擴充套件

在 Google I/O 大會期間,我們推出了新的工具和 API,讓開發者能 使用 Compose 更輕松地跨螢幕構建 。新的 Material 3 自適應庫引入了新的 API,您可以利用這些 API 實作常見的自適應場景,如 列表詳情 輔助窗格 。這些 API 允許套用顯示一個或兩個窗格,具體取決於套用的可用大小。

🔗 使用 Compose 更輕松地跨螢幕構建

https://android-developers.googleblog.com/2024/05/scaling-across-screens-with-compose-google-io-24.html

🔗 列表詳情

https://developer.android.google.cn/develop/ui/compose/layouts/adaptive/list-detail

🔗 輔助窗格

https://developer.android.google.cn/develop/ui/compose/layouts/adaptive/build-a-supporting-pane-layout

如需了解詳情,您可以觀看 使用 Material 3 自適應庫構建界面 構建自適應 Android 套用 視訊,也可以繼續閱讀有關 自適應布局 的詳細內容。

🔗 使用 Material 3 自適應庫構建界面

https://www.youtube.com/watch?v=xPUZENis4gc

🔗 構建自適應 Android 套用

https://www.youtube.com/watch?v=wBc6oMVAP60

🔗 自適應布局

https://developer.android.google.cn/develop/ui/compose/layouts/adaptive

Compose for TV 現已推出 1.0.0 測試版。Compose for TV 的最近更新提升了效能,增加了輸入支持,並改進了一系列開箱即用的元件。在此版本中,我們新增了列表、導航、條狀標簽和設定螢幕。我們還添加了一個 新的 TV 素材目錄 (TV Material Catalog) 套用 ,並更新了 Android Studio 中的開發者工具,引入新的計畫精靈,便於使用者快速開始使用 Compose for TV。

🔗 Compose for TV

https://developer.android.google.cn/training/tv/playback/compose

🔗 新的 TV 素材目錄套用

https://github.com/android/tv-samples/tree/main/TvMaterialCatalog

最後, Compose for Wear OS 新增了 SwipeToReveal expandableItem 和一系列 支持註釋的 WearPreview 等功能。在 2024 年 Google I/O 大會期間,Compose for Wear OS 從測試版升級到了穩定版,進行了視覺效果改進和修復。您可以檢視 技術會議 詳細了解 Wear OS 的所有更新。

🔗 Compose for Wear OS

https://developer.android.google.cn/training/wearables/compose

🔗 SwipeToReveal

https://developer.android.google.cn/design/ui/wear/guides/components/swip e-to-reveal

🔗 expandableItem

https://developer.android.google.cn/design/ui/wear/guides/components/expand able-item

🔗 支持註釋的 WearPreview

https://developer.android.google.cn/reference/kotlin/androidx/wear/compose/ui/tooling/preview/package-summary

🔗 技術會議

https://io.google/2024/explore/19faa1a5-5b4f-4e7a-ac06-8564a5a324af/

↕️ 上下滑動檢視更多註釋連結

歡迎您檢視 SoundCloud adidas 的案例分享,了解 Compose 如何在套用構建中發揮作用,以及繼續詳細了解 Compose 跨螢幕的詳細更新

🔗 SoundCloud

https://android-developers.googleblog.com/2024/05/soundcloud-supported-more-screens-with-jetpack-compose.html

🔗 adidas

https://android-developers.googleblog.com/2024/06/developers-for-adidas-confirmed-build-features-faster-using-jetpack-compose.html

🔗 Compose 跨螢幕的詳細更新

https://android-developers.googleblog.com/2024/05/scaling-across-screens-with-compose-google-io-24.html

#3 Glance 1.1

Jetpack Glance 是 Android 推薦的用於構建 widget 的現代框架,最新的 Glance 1.1 版本現已能夠穩定執行。Glance 構建在 Jetpack Compose 之上,允許您使用與構建 widget 相同的聲明式語法。

🔗 Jetpack Glance

https://developer.android.google.cn/develop/ui/compose/glance

該版本引入了新的單元測試庫、錯誤界面和新元件。此外,我們在 GitHub 上釋出了新的 Canonical Widget 布局,讓您可以更快地開始使用一組符合最佳實踐的布局,我們還在界面設計中心上釋出了新的 設計指南 ,歡迎檢視!

🔗 設計指南

https://developer.android.google.cn/design/ui/widget

如需詳細了解如何使用 Glance,您可以檢視 使用 Jetpack Glance 構建精美的 Android widget 。如果您想進一步動手嘗試,請檢視 使用 Glance 建立 widget 的官方文件。

🔗 使用 Jetpack Glance 構建精美的 Android widget

https://www.youtube.com/watch?v=jI1LKN7jBVk

🔗 使用 Glance 建立 widget

https://developer.android.google.cn/codelabs/glance#0

歡迎您檢視博文 跨螢幕的 Compose 2024 年 Google I/O 大會上釋出的 Jetpack Compose 新功能 ,或觀看 視訊 ,詳細了解 Compose 和裝置型別的更多更新!也歡迎您持續關註 "Android 開發者" 微信公眾號,及時了解更多開發技術和產品更新等資訊動態。

🔗 跨螢幕的 Compose

https://android-developers.googleblog.com/2024/05/scaling-across-screens-with-compose-google-io-24.html

🔗 2024 年 Google I/O 大會上釋出的 Jetpack Compose 新功能

https://android-developers.googleblog.com/2024/05/whats-new-in-jetpack-compose-at-io-24.html

🔗 視訊

https://goo.gle/io24-compose-form-factors

推薦閱讀

如頁面未載入,請重新整理重試

點選屏末 | 閱讀原文 | 即刻了解 Jetpack Compose 最新動態