作者 / Android 開發(fā)者關(guān)系工程師 Kseniia Shumelchyk
我們正式發(fā)布了 Compose for Wear OS 1.1 版本。這是一款現(xiàn)代聲明式界面工具包,可以幫助開發(fā)者為 Wear OS 構(gòu)建出色的響應(yīng)式應(yīng)用。
-
Compose for Wear OS1.1 版本
https://developer.android.google.cn/jetpack/androidx/releases/wear-compose
自去年發(fā)布首個穩(wěn)定版本以來,我們已經(jīng)看到許多開發(fā)者都在利用強大的工具和直觀的 API 來更輕松、更高效地構(gòu)建其應(yīng)用。Todoist 和 Outdooractive 等應(yīng)用的開發(fā)者借助 Compose 重建了他們的 Wear 應(yīng)用,同時加快了全新、功能性用戶體驗的交付。
-
首個穩(wěn)定版本
https://android-developers.googleblog.com/2022/07/compose-for-wear-os-10-stable.html
Compose 使界面代碼的編寫和讀取變得更加直觀,從而有助于我們在設(shè)計階段更快地進行原型設(shè)計,并更好地進行代碼協(xié)作。原本需要花費好幾天的工作現(xiàn)在只需要幾個小時即可完成。
Compose for Wear OS 1.1 版本以用戶體驗和無障礙功能為重點,不僅加入了全新功能,還對現(xiàn)有組件進行了改進。此外,為了能與 Compose for Wear OS 1.1 版本結(jié)合使用,我們還對示例代碼、Codelab 和 Horologist 庫進行了更新。
-
示例代碼
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
Compose for Wear OS 1.1 版本增加了以下全新功能 (已為新組件增加基準(zhǔn)配置文件):條狀標(biāo)簽 (Chip) 和按鈕 (Button) 的輪廓樣式 為了讓您能夠自定義用戶界面,我們?yōu)闂l狀標(biāo)簽 (Chip) 和按鈕 (Button) 添加了輪廓樣式。全新的 OutlinedChip 和 OutlinedButton 可組合項提供具有細邊框的透明組件,可用于中強調(diào)度的操作。這些可組合項也可用于緊湊型條狀標(biāo)簽 (Chip) 和按鈕 (Button): OutlinedCompactChip 和 OutlinedCompactButton。
△ 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
修改條狀標(biāo)簽 (Chip) 和按鈕 (Button) 的形狀
自 1.1 版本起,您還可以使用新的函數(shù)重載來修改條狀標(biāo)簽 (Chip)/ToggleChip 和按鈕 (Button)/ToggleButton 等組件的形狀。
△ 不同形狀的條狀標(biāo)簽 (Chip) 和按鈕 (Button)
-
條狀標(biāo)簽 (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)以下三種不同的視覺效果:
- 在條狀標(biāo)簽 (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
△ 占位符 API 用法示例您可以參閱官方文檔和 Horologist 中的示例,了解如何在常見用例中使用占位符。例如對于帶有圖標(biāo)和標(biāo)記的條狀標(biāo)簽 (Chip),開發(fā)者可在該標(biāo)簽中將占位符置于各個內(nèi)容槽之上并在等待數(shù)據(jù)加載期間在上方繪制占位符閃爍效果。
-
官方文檔
http://link.gevents.cn/VMHZza
-
Horologist 中的示例
https://github.com/google/horologist/pull/709
Modifier.scrollAway
在 1.1 版本中,Horologist 的 fadeAway 修飾符已升級為 scrollAway 修飾符。Modifier.scrollAway 會根據(jù)滾動狀態(tài),在視圖內(nèi)外垂直滾動相關(guān)項目,并且已經(jīng)具備可與 Column、LazyColumn 和 ScalingLazyColumn 搭配使用的重載。
-
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 中的其他參數(shù) CurvedTextStyle 目前支持額外的參數(shù) (fontFamily、fontWeight、fontStyle、fontSynthesis),以在創(chuàng)建曲線文本樣式時指定字體細節(jié)。擴展的曲線文本樣式可用于 curvedText 和 basicCurvedText。 ?△為曲線文本應(yīng)用不同字體
-
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)圖標(biāo)。
-
TalkBack
https://support.google.com/wearos/answer/7313945 -
ToggleChip
http://link.gevents.cn/qheRx6
-
SplitToggleChip
http://link.gevents.cn/QjjbGG
- 調(diào)整了條狀標(biāo)簽 (Chip)/ToggleChip 和卡片 (Cards) 的默認(rèn)漸變顏色,以滿足最新的用戶體驗規(guī)范的要求。
- 由于原始顏色的對比度不足,我們更新了 MaterialTheme 中的多種默認(rèn)顏色以改進無障礙功能。
-
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)用了!
使用入門 在開始使用 Compose for Wear OS 進行開發(fā)之前,請先通過我們的 Codelab 親自上手體驗,并且查看相關(guān)文檔和示例。您可以參閱 Compose for Wear OS 版本說明,以獲取 1.1 版本的完整更改列表。-
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
我們憧憬越來越多的應(yīng)用開發(fā)團隊在生產(chǎn)環(huán)境中使用 Compose for Wear OS,也非常感激大家提出問題和要求,來鞭策我們的工具包不斷取得進步!
立即開始構(gòu)建 Wear OS 應(yīng)用
您可以從 Android 開發(fā)者峰會的技術(shù)會議中探索更多內(nèi)容,從中獲取有關(guān)應(yīng)用架構(gòu)、測試、旋轉(zhuǎn)輸入處理的指導(dǎo);并觀看關(guān)于媒體和健身類應(yīng)用的垂直會議。也歡迎您持續(xù)關(guān)注我們,及時了解更多開發(fā)技術(shù)和產(chǎn)品更新等資訊動態(tài)。
-
Android 開發(fā)者峰會
https://android-developers.googleblog.com/2022/10/form-factors-at-ads-22.html
-
技術(shù)會議
https://www.youtube.com/playlist?list=PLWz5rJ2EKKc9jBnpl83LH6oZc7nFIVSRq
?點擊屏末|閱讀原文|即刻了解 Compose for Wear OS 更多相關(guān)信息
原文標(biāo)題:Compose for Wear OS 1.1 推出穩(wěn)定版: 了解新功能!
文章出處:【微信公眾號:谷歌開發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。
-
谷歌
+關(guān)注
關(guān)注
27文章
6105瀏覽量
104798
原文標(biāo)題:Compose for Wear OS 1.1 推出穩(wěn)定版: 了解新功能!
文章出處:【微信號:Google_Developers,微信公眾號:谷歌開發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。
發(fā)布評論請先 登錄
相關(guān)推薦
評論