作者 / Android 開發者關系工程師 Kseniia Shumelchyk

• Compose for Wear OS1.1 版本

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

• 首個穩定版本

  https://android-developers.googleblog.com/2022/07/compose-for-wear-os-10-stable.html

Compose 使界面代碼的編寫和讀取變得更加直觀，從而有助于我們在設計階段更快地進行原型設計，并更好地進行代碼協作。原本需要花費好幾天的工作現在只需要幾個小時即可完成。

• 示例代碼

  https://github.com/android/wear-os-samples

• Codelab

  https://developer.android.google.cn/codelabs/compose-for-wear-os

• Horologist 庫

  https://github.com/google/horologist

新功能和 API

△ OutlinedChip 和 OutlinedButton 可組合項

• OutlinedChip

  http://link.gevents.cn/7pzZwq

• OutlinedButton

  http://link.gevents.cn/3ZXMRx

• OutlinedCompactChip

  http://link.gevents.cn/7qdsrF

• OutlinedCompactButton

  http://link.gevents.cn/2HsnBt

修改條狀標簽 (Chip) 和按鈕 (Button) 的形狀

△ 不同形狀的條狀標簽 (Chip) 和按鈕 (Button)

• 條狀標簽 (Chip)

  http://link.gevents.cn/zSVhtZ

• ToggleChip

  http://link.gevents.cn/qheRx6

• 按鈕 (Button)

  http://link.gevents.cn/igHnM2

• ToggleButton

  http://link.gevents.cn/mHPjew

占位符 API

為了支持使用占位符，我們添加了一個全新的實驗性 API。此 API 可用于單獨或一同呈現以下三種不同的視覺效果:

• 在條狀標簽 (Chip) 和卡片 (Cards) 等容器中使用的占位符背景筆刷效果，用于在等待內容加載時繪制在常規背景之上。
• Modifier.placeholder()，用于在加載中內容的上方繪制體育場形狀的占位符 widget。
• Modifier.placeholderShimmer()，用于打造繪制其他效果上的漸變/閃爍效果，以向用戶表明系統正在等待數據加載。

• Modifier.placeholder()

  http://link.gevents.cn/35h6Pc

• Modifier.placeholderShimmer()

  http://link.gevents.cn/UYJPry

• 官方文檔

  http://link.gevents.cn/VMHZza

• Horologist 中的示例

  https://github.com/google/horologist/pull/709

Modifier.scrollAway

• fadeAway 修飾符

  https://google.github.io/horologist/compose-layout/#fade-away-modifier

• scrollAway 修飾符

  http://link.gevents.cn/Sf45Mz

https://developer.android.google.cn/training/wearables/compose/time-text#anatomy

△包含 TimeText 的 ScrollAway 修飾符的用法

• CurvedTextStyle

  http://link.gevents.cn/3BngRV

• curvedText

  http://link.gevents.cn/3upS2S

• basicCurvedText

  http://link.gevents.cn/u4DLKh

• ToggleChip 和 SplitToggleChip 支持動畫切換控件 [復選框 (Checkbox)、開關 (Switch) 和 RadioButton]，以替代 ToggleChipDefaults 提供的靜態圖標。

• TalkBack

  https://support.google.com/wearos/answer/7313945

• ToggleChip

  http://link.gevents.cn/qheRx6

• SplitToggleChip

  http://link.gevents.cn/QjjbGG

• 調整了條狀標簽 (Chip)/ToggleChip 和卡片 (Cards) 的默認漸變顏色，以滿足最新的用戶體驗規范的要求。
• 由于原始顏色的對比度不足，我們更新了 MaterialTheme 中的多種默認顏色以改進無障礙功能。

• MaterialTheme

  http://link.gevents.cn/d84vEz

• 對 Picker 的無障礙功能進行了優化，以便用戶可以借助屏幕閱讀器在多選取器屏幕中進行導航并查看內容說明。

• 選取器

  http://link.gevents.cn/S87LrQ

• InlineSlider 和 Stepper 現具有按鈕 (Button) 用途，以便 TalkBack 將其識別為按鈕 (Button)。

• InlineSlider

  http://link.gevents.cn/RTfgqg

• Stepper

  http://link.gevents.cn/Abd6gW

• 現已確定 Scaffold 中 PositionIndicator 的位置并對其大小進行了調整，使它僅占據自身所需空間。向 PositionIndicator 添加語義信息非常有用，TalkBack 會在屏幕上獲取到 PositionIndicator 的正確邊界。

• Scaffold

  http://link.gevents.cn/u8hCMZ

是時候開發手表應用了！

• Codelab

  https://developer.android.google.cn/codelabs/compose-for-wear-os

• 相關文檔

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

• 示例

  https://github.com/android/wear-os-samples

• Compose for Wear OS 版本說明

  https://developer.android.google.cn/jetpack/androidx/releases/wear-compose#1.1.0-rc01

• androidx.compose

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

• Compose 與 Kotlin 的兼容性對應關系

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

Compose for Wear OS 將繼續發展，不斷推出新功能來滿足您需求。請通過問題跟蹤頁繼續向我們提供反饋，并關注 Kotlin Slack #compose-wear 頻道，與 Google 團隊和開發者社區進行互動。

• 問題跟蹤頁https://b.corp.google.com/issues/new?component=1077552&template=1598429

• Kotlin Slack

  https://slack-chats.kotlinlang.org/c/compose-wear

立即開始構建 Wear OS 應用

• Android 開發者峰會

  https://android-developers.googleblog.com/2022/10/form-factors-at-ads-22.html

• 技術會議

  https://www.youtube.com/playlist?list=PLWz5rJ2EKKc9jBnpl83LH6oZc7nFIVSRq

?