作者 / Android 開發(fā)者關(guān)系工程師 Kseniia Shumelchyk

• Compose for Wear OS1.1 版本

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

• 首個穩(wěn)定版本

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

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

• 示例代碼

  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 可用于單獨或一同呈現(xiàn)以下三種不同的視覺效果:

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

• 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 支持動畫切換控件 [復(fù)選框 (Checkbox)、開關(guān) (Switch) 和 RadioButton]，以替代 ToggleChipDefaults 提供的靜態(tài)圖標。

• TalkBack

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

• ToggleChip

  http://link.gevents.cn/qheRx6

• SplitToggleChip

  http://link.gevents.cn/QjjbGG

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

• MaterialTheme

  http://link.gevents.cn/d84vEz

• 對 Picker 的無障礙功能進行了優(yōu)化，以便用戶可以借助屏幕閱讀器在多選取器屏幕中進行導(dǎo)航并查看內(nèi)容說明。

• 選取器

  http://link.gevents.cn/S87LrQ

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

• InlineSlider

  http://link.gevents.cn/RTfgqg

• Stepper

  http://link.gevents.cn/Abd6gW

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

• Scaffold

  http://link.gevents.cn/u8hCMZ

是時候開發(fā)手表應(yīng)用了！

• Codelab

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

• 相關(guān)文檔

  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 的兼容性對應(yīng)關(guān)系

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

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

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

• Kotlin Slack

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

立即開始構(gòu)建 Wear OS 應(yīng)用

• Android 開發(fā)者峰會

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

• 技術(shù)會議

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

?