作者 / 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ā)布首個(gè)穩(wěn)定版本以來,我們已經(jīng)看到許多開發(fā)者都在利用強(qiáng)大的工具和直觀的 API 來更輕松、更高效地構(gòu)建其應(yīng)用。Todoist 和 Outdooractive 等應(yīng)用的開發(fā)者借助 Compose 重建了他們的 Wear 應(yīng)用,同時(shí)加快了全新、功能性用戶體驗(yàn)的交付。
-
首個(gè)穩(wěn)定版本
https://android-developers.googleblog.com/2022/07/compose-for-wear-os-10-stable.html
Compose 使界面代碼的編寫和讀取變得更加直觀,從而有助于我們?cè)谠O(shè)計(jì)階段更快地進(jìn)行原型設(shè)計(jì),并更好地進(jìn)行代碼協(xié)作。原本需要花費(fèi)好幾天的工作現(xiàn)在只需要幾個(gè)小時(shí)即可完成。
Compose for Wear OS 1.1 版本以用戶體驗(yàn)和無障礙功能為重點(diǎn),不僅加入了全新功能,還對(duì)現(xiàn)有組件進(jìn)行了改進(jìn)。此外,為了能與 Compose for Wear OS 1.1 版本結(jié)合使用,我們還對(duì)示例代碼、Codelab 和 Horologist 庫(kù)進(jìn)行了更新。
-
示例代碼
https://github.com/android/wear-os-samples
-
Codelab
https://developer.android.google.cn/codelabs/compose-for-wear-os
-
Horologist 庫(kù)
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 可組合項(xiàng)提供具有細(xì)邊框的透明組件,可用于中強(qiáng)調(diào)度的操作。這些可組合項(xiàng)也可用于緊湊型條狀標(biāo)簽 (Chip) 和按鈕 (Button): OutlinedCompactChip 和 OutlinedCompactButton。
△ OutlinedChip 和 OutlinedButton 可組合項(xiàng)
-
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
為了支持使用占位符,我們添加了一個(gè)全新的實(shí)驗(yàn)性 API。此 API 可用于單獨(dú)或一同呈現(xiàn)以下三種不同的視覺效果:
- 在條狀標(biāo)簽 (Chip) 和卡片 (Cards) 等容器中使用的占位符背景筆刷效果,用于在等待內(nèi)容加載時(shí)繪制在常規(guī)背景之上。
- Modifier.placeholder(),用于在加載中內(nèi)容的上方繪制體育場(chǎng)形狀的占位符 widget。
- Modifier.placeholderShimmer(),用于打造繪制其他效果上的漸變/閃爍效果,以向用戶表明系統(tǒng)正在等待數(shù)據(jù)加載。
-
Modifier.placeholder()
http://link.gevents.cn/35h6Pc
-
Modifier.placeholderShimmer()
http://link.gevents.cn/UYJPry
△ 占位符 API 用法示例您可以參閱官方文檔和 Horologist 中的示例,了解如何在常見用例中使用占位符。例如對(duì)于帶有圖標(biāo)和標(biāo)記的條狀標(biāo)簽 (Chip),開發(fā)者可在該標(biāo)簽中將占位符置于各個(gè)內(nèi)容槽之上并在等待數(shù)據(jù)加載期間在上方繪制占位符閃爍效果。
-
官方文檔
http://link.gevents.cn/VMHZza
-
Horologist 中的示例
https://github.com/google/horologist/pull/709
Modifier.scrollAway
在 1.1 版本中,Horologist 的 fadeAway 修飾符已升級(jí)為 scrollAway 修飾符。Modifier.scrollAway 會(huì)根據(jù)滾動(dòng)狀態(tài),在視圖內(nèi)外垂直滾動(dòng)相關(guān)項(xiàng)目,并且已經(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)建曲線文本樣式時(shí)指定字體細(xì)節(jié)。擴(kuò)展的曲線文本樣式可用于 curvedText 和 basicCurvedText。 ?△為曲線文本應(yīng)用不同字體
-
CurvedTextStyle
http://link.gevents.cn/3BngRV
-
curvedText
http://link.gevents.cn/3upS2S
-
basicCurvedText
http://link.gevents.cn/u4DLKh
-
ToggleChip 和 SplitToggleChip 支持動(dòng)畫切換控件 [復(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)漸變顏色,以滿足最新的用戶體驗(yàn)規(guī)范的要求。
- 由于原始顏色的對(duì)比度不足,我們更新了 MaterialTheme 中的多種默認(rèn)顏色以改進(jìn)無障礙功能。
-
MaterialTheme
http://link.gevents.cn/d84vEz
- 對(duì) Picker 的無障礙功能進(jìn)行了優(yōu)化,以便用戶可以借助屏幕閱讀器在多選取器屏幕中進(jìn)行導(dǎo)航并查看內(nèi)容說明。
-
選取器
http://link.gevents.cn/S87LrQ
- InlineSlider 和 Stepper 現(xiàn)具有按鈕 (Button) 用途,以便 TalkBack 將其識(shí)別為按鈕 (Button)。
-
InlineSlider
http://link.gevents.cn/RTfgqg
-
Stepper
http://link.gevents.cn/Abd6gW
- 現(xiàn)已確定 Scaffold 中 PositionIndicator 的位置并對(duì)其大小進(jìn)行了調(diào)整,使它僅占據(jù)自身所需空間。向 PositionIndicator 添加語義信息非常有用,TalkBack 會(huì)在屏幕上獲取到 PositionIndicator 的正確邊界。
-
Scaffold
http://link.gevents.cn/u8hCMZ
是時(shí)候開發(fā)手表應(yīng)用了!
使用入門 在開始使用 Compose for Wear OS 進(jìn)行開發(fā)之前,請(qǐng)先通過我們的 Codelab 親自上手體驗(yàn),并且查看相關(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 的兼容性對(duì)應(yīng)關(guān)系
https://developer.android.google.cn/jetpack/androidx/releases/compose-kotlin
Compose for Wear OS 將繼續(xù)發(fā)展,不斷推出新功能來滿足您需求。請(qǐng)通過問題跟蹤頁繼續(xù)向我們提供反饋,并關(guān)注 Kotlin Slack #compose-wear 頻道,與 Google 團(tuán)隊(duì)和開發(fā)者社區(qū)進(jìn)行互動(dòng)。
- 問題跟蹤頁https://b.corp.google.com/issues/new?component=1077552&template=1598429
-
Kotlin Slack
https://slack-chats.kotlinlang.org/c/compose-wear
我們憧憬越來越多的應(yīng)用開發(fā)團(tuán)隊(duì)在生產(chǎn)環(huán)境中使用 Compose for Wear OS,也非常感激大家提出問題和要求,來鞭策我們的工具包不斷取得進(jìn)步!
立即開始構(gòu)建 Wear OS 應(yīng)用
您可以從 Android 開發(fā)者峰會(huì)的技術(shù)會(huì)議中探索更多內(nèi)容,從中獲取有關(guān)應(yīng)用架構(gòu)、測(cè)試、旋轉(zhuǎn)輸入處理的指導(dǎo);并觀看關(guān)于媒體和健身類應(yīng)用的垂直會(huì)議。也歡迎您持續(xù)關(guān)注我們,及時(shí)了解更多開發(fā)技術(shù)和產(chǎn)品更新等資訊動(dòng)態(tài)。
-
Android 開發(fā)者峰會(huì)
https://android-developers.googleblog.com/2022/10/form-factors-at-ads-22.html
-
技術(shù)會(huì)議
https://www.youtube.com/playlist?list=PLWz5rJ2EKKc9jBnpl83LH6oZc7nFIVSRq
?點(diǎn)擊屏末|閱讀原文|即刻了解 Compose for Wear OS 更多相關(guān)信息
原文標(biāo)題:Compose for Wear OS 1.1 推出穩(wěn)定版: 了解新功能!
文章出處:【微信公眾號(hào):谷歌開發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。
-
谷歌
+關(guān)注
關(guān)注
27文章
6080瀏覽量
104372
原文標(biāo)題:Compose for Wear OS 1.1 推出穩(wěn)定版: 了解新功能!
文章出處:【微信號(hào):Google_Developers,微信公眾號(hào):谷歌開發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
評(píng)論