一起看 I/O | Compose for Wear OS Beta 版發佈!

作者 / Kseniia Shumelchyk, Developer Relations Engineer & John Nichol, Tech Lead of Compose for Wear OS

我們正式發佈了 Compose for Wear OS 的 Beta 版,這是我們的現代聲明式用戶界面工具包,旨在幫助開發者爲 Wear OS 構建精美的用戶體驗。

Compose for Wear OS 增加了爲手錶優化的組件,這些組件均基於 Wear OS 的最新 Material 設計規範,且建立在覈心 Compose 庫之上。工具包充分活用了 Modern Android Development (現代 Android 開發),以加速整體開發進程。

在 Beta 版發佈後,Compose for Wear OS 就擁有了 1.0 版本 (將於今年晚些時候發佈) 所需的完整功能,且能供您構建生產就緒的應用。這也意味着它的 API 已經穩定,今後我們將專注於提升性能以及針對 1.0 版本繼續打磨現有組件。查看 Compose for Wear OS Beta 版發佈視頻 瞭解更多詳情。

Beta 版本介紹

自去年的 I/O 大會以來,我們一直在努力將 Jetpack Compose 的優勢帶到 Wear OS,還通過 Slack 與社區互動,收集開發者對 API、組件和工具的反饋。一些組件也因此得到了改進,如導航、可縮放惰性列表 (scaling lazy list)、輸入和手勢支持等等。

在現在的 Beta 1 之前我們已經發布了 21 個 Alpha 版。讓我們一起看看自 開發者預覽版 發佈以來的主要變化:

🆕 輸入組件

開發者要求我們提供用戶輸入組件,所以我們增加了不同的 Composable,供大家爲自己的手錶應用進行定製:

  • Picker 可讓用戶從滾動列表中選擇一個項目。默認情況下,這個包含可選擇項目的列表會在兩個方向上 "無限" 重複,從側面看上去像是一個旋轉的滾筒。有趣的是,Picker 在底層使用了 ScalingLazyColumn 來實現,並將許多 ScalingLazyColumn 的高級功能進行了拓展和打磨。

  • Slider 可讓用戶從一個數值範圍內進行選擇,是調整字體大小或亮度等設置的理想組件。

  • Stepper 是讓用戶從一個數值範圍內進行選擇的全屏控制組件。例如,用戶可以用其控制耳機的音量。

🆕 對話框

我們增加了全屏警告和確認 Composable,它們既可以作爲導航目的地,也可以用作傳統的全屏 對話框 (Dialog),後者將被覆蓋在任何其他內容之上。對話框支持滑動關閉,繼而顯示背景中的父級內容。

爲了與 Scaffold 保持一致,全屏對話框會顯示一個 PositionIndicator 和一個 Vignette

🆕 進度指示器

我們添加了 CircularProgressIndicator,這是一個爲手錶屏幕優化的進度指示器,通過將指示器沿順時針方向的圓形軌道繪製來顯示進度:

對於如何使用 CircularProgressIndicator,我們提供了以下幾種選擇: 要麼顯示無限的進度,要麼表達正在進行的任務的完成比例。進度指示器允許在圓形軌道中留出空隙,爲其他內容留出空間,例如在全屏時使用 TimeText

🆕 頁面指示器

爲了幫助您實現分頁,用戶界面工具包還提供了 HorizontalPageIndicator 組件,會顯示總頁數和所選頁數:

HorizontalPageIndicator 將提供當前展示的頁面以及在總頁面數中的位置,並會根據屏幕的實際形狀使用對應的視覺呈現方式。

改進一覽

  • ScalingLazyColumn: 改進了默認行爲,使其與 Wear OS 的 Material 設計一致,包括更新了縮放參數、默認的額外填充,以及從其包含的內容獲取尺寸。
  • Scaffold: 增加了 PageIndicator 槽位,以保證在圓形屏幕上的正確定位。
  • Navigation: 確保與 Compose Navigation 的功能一致,並增加了對邊緣滑動的支持,以實現全屏和頁面滾動的良好體驗。
  • 曲線元素: 增加了 CurvedModifier 和一個新的 DSL,使開發者能夠使用極座標相關的概念,如徑向、角度、掃描、順/逆時針、圈內/外等。CurvedLayout 是連接直角座標和極座標的橋樑,而 curvedComposable 可以用來引入傳統的 Composable 組件 (前提是這樣做有意義)。

在增加了這些最新的補充內容之後,用於 Wear OS 的 Compose Material 組件目錄現在有了比基於視圖 (View) 的佈局更多的組件,並提供了基於新的 Wear OS 設計指南的開箱即用的實現。

工具

Android Studio Electric Eel 提供了最新的功能,讓您獲得 Compose for Wear OS 開發的最佳體驗:

  • 編輯器和工具支持改進自動補全和編輯器動作
  • 針對 Wear OS 的 Composable Preview
  • 🆕 支持實時調試的實時編輯功能
  • 🆕 Compose for Wear OS 項目模板

Horologist

我們還發布了 Horologist。這是一個 Google 開源項目,提供了一套 Wear 開發庫,對 Compose for Wear OS 和其他 Wear OS API 所提供的功能進行了補充。

△ 進一步瞭解 Horology

Horologist 提供有用的 Compose 擴展供您選用:

  • 媒體用戶界面組件,包括播放和音量控制界面
  • Material 風格的日期和時間選擇器
  • 帶有 TimeText 和 PositionIndicator 的導航感知 Scaffold,可與滾動和導航屏幕的變化保持同步。

Horologist 將不斷髮展,爲開發者提供更多的工具,以便大家爲不同的項目構建優秀的 Wear OS 應用。請在 Github 上查看 Horologist repo,爲我們提供反饋,並貢獻可能對 Wear 開發者有用的通用功能。請大家繼續關注之後的版本!

即刻開始使用

許多移動端 Compose 的開發原則同樣適用於 Wear OS 版本的 Compose,如果您不熟悉這套用戶界面工具包,可以從 Jetpack Compose 的基礎知識開始上手。

我們準備了一套材料來幫助您開始使用 Compose for Wear OS:

隨着 Compose for Wear OS Beta 版的到來,現在是時候開始使用 Compose 來構建自己的應用或是用它來更新既有的界面了。想要了解有關爲 Wear OS 構建應用的更多信息,請前往 開發者網站

我們迫不及待想聽到您對 Compose for Wear OS 的使用感想,也非常期待看到您構建的佳作!歡迎大家加入 Kotlin Slack #compos-wear 頻道的討論,也請大家繼續在問題反饋專頁上向我們 提交反饋

祝大家使用 Compose 創作愉快!

歡迎您 點擊這裏 向我們提交反饋,或分享您喜歡的內容、發現的問題。您的反饋對我們非常重要,感謝您的支持!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章