近期，Google?正式發(fā)布?Compose for Wear OS 1.1 版本。與上一個版本相比較，Compose for Wear OS 1.1 版本增加了以下全新功能 。

• 條狀標簽 (Chip) 和按鈕 (Button) 的輪廓樣式

1.1版本為了讓開發(fā)者能夠自定義用戶界面，條狀標簽 (Chip) 和按鈕 (Button) 添加了輪廓樣式。全新的?OutlinedChip?和?OutlinedButton?可組合項提供具有細邊框的透明組件，可用于中強調(diào)度的操作。這些可組合項也可用于緊湊型條狀標簽 (Chip) 和按鈕 (Button):?OutlinedCompactChip?和?OutlinedCompactButton。

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

自 1.1 版本起，可以使用新的函數(shù)重載來修改條狀標簽 (Chip)/ToggleChip?和按鈕 (Button)/ToggleButton?等組件的形狀。

• 占位符 API

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

在條狀標簽 (Chip) 和卡片 (Cards) 等容器中使用的占位符背景筆刷效果，用于在等待內(nèi)容加載時繪制在常規(guī)背景之上。

Modifier.placeholder()，用于在加載中內(nèi)容的上方繪制體育場形狀的占位符 widget。

Modifier.placeholderShimmer()，用于打造繪制其他效果上的漸變/閃爍效果，以向用戶表明系統(tǒng)正在等待數(shù)據(jù)加載。

所有這些效果都能協(xié)調(diào)使用，井然有序地閃爍和擦除。

• Modifier.scrollAway

如何在常見用例中使用占位符？例如對于帶有圖標和標記的條狀標簽 (Chip)，開發(fā)者可在該標簽中將占位符置于各個內(nèi)容槽之上并在等待數(shù)據(jù)加載期間在上方繪制占位符閃爍效果。在 1.1 版本中，Horologist 的?fadeAway 修飾符已升級為?scrollAway 修飾符。Modifier.scrollAway 會根據(jù)滾動狀態(tài)，在視圖內(nèi)外垂直滾動相關項目，并且已經(jīng)具備可與 Column、LazyColumn 和 ScalingLazyColumn 搭配使用的重載。使用此修飾符可以在用戶開始向上滾動項目列表時，讓?TimeText 淡出視圖:

• CurvedTextStyle 中的其他參數(shù)

CurvedTextStyle?目前支持額外的參數(shù) (fontFamily、fontWeight、fontStyle、fontSynthesis)，以在創(chuàng)建曲線文本樣式時指定字體細節(jié)。擴展的曲線文本樣式可用于?curvedText?和?basicCurvedText。

• 用戶體驗與無障礙功能改進

1.1 版本還專注于打造卓越的用戶體驗、改進?TalkBack?支持，以及提供整體而言更加完善的無障礙功能:

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

調(diào)整了條狀標簽 (Chip)/ToggleChip 和卡片 (Cards) 的默認漸變顏色，以滿足最新的用戶體驗規(guī)范的要求。

由于原始顏色的對比度不足，我們更新了?MaterialTheme?中的多種默認顏色以改進無障礙功能。

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

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

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

更多技術資訊，歡迎關注「源自生活隨筆」公眾號