Wear Compose

  
針對穿戴式裝置編寫 Jetpack Compose 應用程式,支援適用於穿戴式設計的裝置、大小、形狀和瀏覽手勢。
最近更新時間 穩定版 候選版 Beta 版 Alpha 版
2022 年 11 月 9 日 1.0.2 1.1.0-rc01 - -

宣告依附元件

如要為 Wear 新增依附元件,您必須將 Google Maven 存放區新增至專案。詳情請參閱「Google 的 Maven 存放區」一節。

在應用程式或模組的 build.gradle 檔案中,新增您需要的構件依附元件:

Groovy

dependencies {
    implementation "androidx.wear.compose:compose-foundation:1.1.0-beta01"

    // For Wear Material Design UX guidelines and specifications
    implementation "androidx.wear.compose:compose-material:1.1.0-beta01"

    // For integration between Wear Compose and Androidx Navigation libraries
    implementation "androidx.wear.compose:compose-navigation:1.1.0-beta01"

    // NOTE: DO NOT INCLUDE a dependency on androidx.compose.material:material.
    // androidx.wear.compose:compose-material is designed as a replacement
    // not an addition to androidx.compose.material:material.
    // If there are features from that you feel are missing from
    // androidx.wear.compose:compose-material please raise a bug to let us know.
}

Kotlin

dependencies {
    implementation("androidx.wear.compose:compose-foundation:1.1.0-beta01")

    // For Wear Material Design UX guidelines and specifications
    implementation("androidx.wear.compose:compose-material:1.1.0-beta01")

    // For integration between Wear Compose and Androidx Navigation libraries
    implementation("androidx.wear.compose:compose-navigation:1.1.0-beta01")

    // NOTE: DO NOT INCLUDE a dependency on androidx.compose.material:material.
    // androidx.wear.compose:compose-material is designed as a replacement
    // not an addition to androidx.compose.material:material.
    // If there are features from that you feel are missing from
    // androidx.wear.compose:compose-material please raise a bug to let us know.
}

如要進一步瞭解依附元件,請參閱「新增建構依附元件」一文。

意見回饋

您的意見可協助我們改善 Jetpack。發現新的問題或有改善這個程式庫的想法時,請告訴我們。建立新的問題之前,請先查看這個程式庫中的現有問題。只要按一下星號按鈕,即可投票給現有的問題。

建立新問題

詳情請參閱 Issue Tracker 文件

1.1 版本

1.1.0-rc01 版本

2022 年 11 月 9 日

發布 androidx.wear.compose:compose-foundation:1.1.0-rc01androidx.wear.compose:compose-material:1.1.0-rc01androidx.wear.compose:compose-navigation:1.1.0-rc011.1.0-rc01 版本包含以下修訂項目。

修正錯誤

  • 我們已新增 PlaceholdersScrollAwayRadioButtonSwitchCheckboxOutlinedButtonOutlinedCompactButtonOutlinedChipOutlinedCompactChip 的基準設定檔規則。(I8249c)
  • 我們已修正 Modifier.scrollAway 的錯誤,因此如果指定的 itemIndex 無效 (例如,如果該項目索引超出範圍),那麼系統現在仍會顯示 TimeText。(I2137a)
  • 我們已配合平台實作方式更新 SwipeToDismissBox 動畫。初始握壓動畫播放後,如果系統觸發關閉程序,畫面現在會向右滑出。(I41d34)
  • 為取得最佳化效果,我們已將 Modifier.scrollAway 更新為只讀取測量區塊中的 scrollState,以免每次重新測量後都要重組修飾符。(I4c6f1)
  • 我們已為預留位置新增說明文件和範例,以便在 Modifier.placeholderModifier.placeholderShimmer 套用至相同的可組合項時,顯示正確的順序。(Ie96f4b/256583229)
  • OutlinedCompactChip/OutlinedChip 的預設邊框寬度已從 2.dp 變更為 1.dp,以符合最終的使用者體驗規格。(Ib3d8e)
  • 我們已修正 rememberPickerState 中更新輸入內容未儲存的錯誤,這麼一來,即使對輸入內容進行變更,可組合項也不會更新。(I49ff6b/255323197)
  • 我們針對預留位置進行了部分 UI 更新:1) 將亮色梯度變更為 1.5 倍的螢幕大小,2) 新增亮色處理進度的緩動函式 (立方貝茲) 和 3) 加快抹除作業的動畫 (250 毫秒)。(Id29c1)
  • 我們修正了預留位置抹除效果中的 UI 錯誤:由於未將元件在螢幕上的位置納入考量,導致方塊和卡片背景遭到抹除的時間稍微提前。(I2c7cb)
  • 我們已更新預留位置背景繪圖以合併顏色,而非在情況允許時建立圖層,這麼做可降低不同裁剪圖層的 Alpha 混合風險,以免底層顏色在預留位置背景邊緣滲出。(I2ea26)
  • 我們修正了 ScalingLazyListState.centerItemIndex/centerItemOffset 的計算功能,這樣如果兩個項目同時出現在可視區域中心線的任一側,最接近的項目即會視為 centerItem。(I30709b/254257769)
  • ScalingLazyListState.layoutInfo.visibleItemsInfo 之前有會在 ScalingLazyColumn 初始化期間回報不正確偏移值的錯誤,此錯誤已經修正。現在系統會傳回空白清單,直到所有清單項目顯示完畢且擁有正確的偏移值為止。檢查 ScalingLazyListState.layoutInfo.visibleItemsInfo.isNotEmpty() 即可確認 ScalingLazyColumn 初始化完成,且項目已顯示。(I3a3b8)

1.1.0-beta01 版本

2022 年 10 月 24 日

發布 androidx.wear.compose:compose-foundation:1.1.0-beta01androidx.wear.compose:compose-material:1.1.0-beta01androidx.wear.compose:compose-navigation:1.1.0-beta011.1.0-beta01 版本包含以下修訂項目。

Compose for Wear OS 1.1 的功能

Compose for Wear OS 的 1.1.0-beta01 版本指出,此程式庫版本功能完整且 API 已鎖定。

  • Wear Compose 1.1 版本內附下列新功能:
    • Picker - 改善 Picker 的無障礙功能,讓使用者可透過螢幕閱讀器瀏覽含有多個挑選器的畫面,也能使用內容說明。
    • Picker contentDescription 參數現在只用於選定的 Picker 選項,並且採用可為空值的字串 (在先前的修訂項目中,必須將對應內容從選項傳送至內容說明,但只能使用選定的選項)。
    • Picker 項目現在會一律採用置中對齊,藉此修正當 gradientRatio 設為零時,會產生變更對齊方式副作用的錯誤。
    • Chip/ToggleChip - 我們已更新 Chip/ToggleChip 的預設漸層,使其符合最新的使用者體驗規格。ChipDefaults.gradientBackgroundChipColors 已更新為從 50% 的 primary 開始,而非 32.5%。
    • Chip/ToggleChip - 新增用於修改方塊形狀的超載。
    • Chip/Button/ToggleButton - 新增 Chip 和 Button 的外框描繪樣式,以及全新的 OutlinedChipOutlinedButton 可組合項,可提供具有細邊框的透明 Chip/Button
    • Card - 更新 Card 的預設漸層,使其符合最新的使用者體驗規格。CardDefaults.cardBackgroundPainter 已更新為從 30% 的 primary 開始,並於 20% 的 onSurfaceVariant 結束 (先前為 20% 至 10% 的 onSurfaceVariant)。ToggleChip.toggleChipColors 從 75% 平面到 32.5% primary 的線性漸層,變更為從 0% 平面到 50% primary。
    • Button/ToggleButton - 新增用於修改按鈕形狀的屬性。
    • Theme - 更新 MaterialTheme 中的多種預設顏色,藉此改善無障礙功能,因為原始顏色的對比度不足,導致使用者難以區分方塊/資訊卡/按鈕的背景與主題背景顏色。
    • InlineSlider/Stepper - 新增 Button 角色,讓 Talkback 可將其視為按鈕。
    • Scaffold - PositionIndicator 已定位並調整大小,因此只要使用所需空間即可。這種做法很實用,舉例來說,如果在當中加入語意資訊,TalkBack 現在會在螢幕上取得 PositionIndicator 的正確邊界。
    • CurvedText/TimeText - 新增 Modifier.scrollAway,可根據捲動狀態 (具有可處理 ColumnLazyColumnScalingLazyColumn 的超載) 垂直捲動項目,使其顯示/不顯示在畫面中。使用者開始向上捲動項目清單時,系統通常會使用 ScrollAway 來捲動 TimeText,使其不顯示在畫面中
    • CurvedText/TimeText - 新增對 CurvedTextStylefontFamilyfontStylefontSynthesis 的支援,可用於 curvedTextbasicCurvedText
    • CurvedText/TimeText - 在建構函式中加入 fontWeight,並新增 CurvedTextStyle 的複製方法
    • ToggleControls - 新增 CheckboxSwitchRadioButton 動畫切換控制項,以便與 ToggleChipSplitToggleChip 搭配使用。這些控制項可用來取代 ToggleChipDefaults 提供的靜態圖示 (switchIconcheckboxIconradioIcon)。
    • Placeholder - 新增對實驗性預留位置的支援,共有三種不同的視覺效果,可彼此相互搭配運用。
    • 首先是在 Chip 和 Cards 等容器中使用的預留位置背景刷效果,可以在等待載入內容時,繪製在一般背景上。
    • 其次則是用於繪製橢圓形預留位置小工具的修飾符 (Modifier.placeholder()),這是繪製在載入中的內容上方。
    • 第三是修飾符梯度/亮色效果 (Modifier.placeholderShimmer()),會覆蓋在其他效果之上,讓使用者知道目前正在等待資料載入。
      • 所有這些效果都經過協調,並透過精心編排的方式一閃而過並抹除。
  • 核心 Compose 依附元件已從 1.2 更新為 1.3

API 變更

  • 字型參數 (fontFamilyfontWeightfontStylefontSynthesis) 現在可以直接指定為 curvedText 的參數 (Idc422)

修正錯誤

  • curveTextbasicCurvedText 現在可與 TalkBack 正確搭配運作,這些 API 會與經過調整大小和位置 (但為空白) 的 compose-ui 節點建立關聯,並使用文字做為內容說明 (I7af7cb/210721259)
  • 修正 Picker 的問題:當 PickerState.repeatedItems = false 時,在 Picker 內部的 ScalingLazyColumn 中新增 autoCentering 參數的明確設定,確保能將第零個選項捲動至檢視畫面的中央。(I8a4d7)

1.1.0-alpha07 版本

2022 年 10 月 5 日

發布 androidx.wear.compose:compose-foundation:1.1.0-alpha07androidx.wear.compose:compose-material:1.1.0-alpha07androidx.wear.compose:compose-navigation:1.1.0-alpha071.1.0-alpha07 版本包含以下修訂項目。

新功能

  • 我們開始支援實驗性的預留位置,共有三種不同的視覺效果,可彼此相互搭配運用。首先是在 Chip 和 Cards 等容器中使用的預留位置背景刷效果,可以在等待載入內容時,繪製在一般背景上。其次則是用於繪製橢圓形預留位置小工具的修飾符 (Modifier.placeholder()),這是繪製在載入中的內容上方。第三是修飾符梯度/亮色效果 (Modifier.placeholderShimmer()),會覆蓋在其他效果之上,讓使用者知道目前正在等待資料載入。所有這些效果都經過協調,並透過精心編排的方式一閃而過並抹除。(I3c339)

API 變更

  • 新增對 CurvedTextStyle 中的 fontWeightfontFamilyfontStylefontSynthesis 的支援,可用於 curvedTextbasicCurvedText。這些參數可用於指定曲線文字上的字型和樣式 (Iaa1a8)、(I72759)。
  • 已將 Modifier.scrollAway 的偏移參數更新為 Dp,以便與 Modifier.offset 保持一致 (先前是在像素中)。此外,重構為LayoutModifier效益。(I9f94b)
  • 在新的切換按鈕控制項 API 中,我們已將 RadioButton’s circleColor 重新命名為 ringColor。(I28fa9)
  • 我們新增了 CheckboxSwitchRadioButton 動畫切換控制項,與 ToggleChipSplitToggleChip 搭配使用。可用來取代 ToggleChipDefaults (switchIcon, checkboxIconradioIcon) 提供的靜態圖示 (I8a8c4)

1.1.0-alpha06 版本

2022 年 9 月 21 日

發布 androidx.wear.compose:compose-foundation:1.1.0-alpha06androidx.wear.compose:compose-material:1.1.0-alpha06androidx.wear.compose:compose-navigation:1.1.0-alpha061.1.0-alpha06 版本包含以下修訂項目。

新功能

  • 我們新增了 Modifier.scrollAway,可根據捲動狀態 (具有多載,可處理 ColumnLazyColumnScalingLazyColumn) 垂直捲動項目,使其顯示/不顯示在畫面中。使用者開始向上捲動項目清單時,系統通常會使用 ScrollAway 來捲動 TimeText,使其不顯示在畫面中 (I61766)。

修正錯誤

  • PositionIndicator 已定位並調整大小,因此只要使用所需空間即可。這種做法很實用,舉例來說,如果在當中加入語意資訊,TalkBack 現在會在螢幕上取得 PositionIndicator 的正確邊界 (Ie6106b/244409133)。

1.1.0-alpha05 版本

2022 年 9 月 7 日

發布 androidx.wear.compose:compose-foundation:1.1.0-alpha05androidx.wear.compose:compose-material:1.1.0-alpha05androidx.wear.compose:compose-navigation:1.1.0-alpha051.1.0-alpha05 版本包含以下修訂項目。

修正錯誤

  • InlineSliderStepper 新增了按鈕角色,以便 Talkback 將它們視為按鈕。(Icb46cb/244260275)
  • 我們已修正 Scaffold 中位置指標和網頁指標的 Z 順序。這些指標現在位於暈影頂端,因此如果存在指標,不會被暈影遮蔽。(Ib988fb/244207528)

1.1.0-alpha04 版本

2022 年 8 月 24 日

發布 androidx.wear.compose:compose-foundation:1.1.0-alpha04androidx.wear.compose:compose-material:1.1.0-alpha04androidx.wear.compose:compose-navigation:1.1.0-alpha041.1.0-alpha04 版本包含以下修訂項目。

API 變更

  • 我們已更新 MaterialTheme 中的多種預設顏色,以改善無障礙設計,因為原始顏色的對比度不足,導致使用者難以區分方塊/卡片/按鈕的背景與主題背景顏色。更新的顏色包括 surface(0xFF202124->0xFF303133)、onPrimary(0xFF202124->0xFF303133)、onSecondary(0xFF202124->0xFF303133)、primaryVariant(0xFF669DF6->0xFF8AB4F8) 和 onError(0xFF202124->0xFF000000)。雖然顏色變化比較細微,但可能會影響現有的螢幕截圖測試 (81ab09)。

修正錯誤

  • 修正 ScalingLazyColumn 中的邏輯錯誤,這類錯誤會導致具有少許清單項目 (通常是 2 個) 的清單無法完成初始化,進而導致結果顯示為透明 (504347)。

1.1.0-alpha03 版本

2022 年 8 月 10 日

發布 androidx.wear.compose:compose-foundation:1.1.0-alpha03androidx.wear.compose:compose-material:1.1.0-alpha03androidx.wear.compose:compose-navigation:1.1.0-alpha031.1.0-alpha03 版本包含以下修訂項目。

新功能

  • 我們新增了 ChipsButtons 的外框描繪樣式,以及全新的 OutlinedChipOutlinedButton 可組合項,可提供具有細邊框的透明 Chip/Button (Id5972)

API 變更

  • 新增用於修改按鈕形狀的超載 (Icccde)

修正錯誤

  • 我們已修正 ToggleChip 的切換控制項區域大小,因為原本的大小與使用者體驗規格不符。使用者體驗規格要求在標籤與 24x24.dp 的切換控制項圖示區域之間留出 4.dp 的空格字元,確保總寬度為 28.dp。然而,系統實作時卻錯誤提供了 36x24.dp 的切換控制項區域,因而佔用了 8.dp 的可用文字標籤區域。注意:這項修正錯誤可為文字標籤提供額外空間,因此可能有助於改善溢出文字的文字版面配置。如果您的螢幕截圖測試包含 ToggleChips,就可能需要更新。(I514c8b/240548670)

1.1.0-alpha02 版本

2022 年 7 月 27 日

發布 androidx.wear.compose:compose-foundation:1.1.0-alpha02androidx.wear.compose:compose-material:1.1.0-alpha02androidx.wear.compose:compose-navigation:1.1.0-alpha021.1.0-alpha02 版本包含以下修訂項目。

新功能

  • 我們已將核心 Compose 程式庫中 Wear OS 的 Compose 依附元件從 1.2.0 更換為 1.3.0-alpha0X

API 變更

  • 新增超載機制,用於修改方塊形狀 (I02e87)。

修正錯誤

  • 我們為顯示/隱藏對話方塊時暈影的顯示設定,以便與現有的縮放動畫保持一致 (Ida33e)。
  • 已修正以下錯誤:捲動頁面時,一些快速滑過行為可能導致發生以零爲除數的情況 (I86cb6)。
  • 修正 ChipDefaults.childChipColor() 中的錯誤,確保已停用的背景顏色完全透明 (I2b3c3b/238057342)。

1.1.0-alpha01 版本

2022 年 6 月 29 日

發布 androidx.wear.compose:compose-foundation:1.1.0-alpha01androidx.wear.compose:compose-material:1.1.0-alpha01androidx.wear.compose:compose-navigation:1.1.0-alpha011.1.0-alpha01 版本包含以下修訂項目。

API 變更

  • Picker 的 contentDescription 參數現在只用於選定的 Picker 選項,並且採用可為空值的字串 (先前必須將對應內容從選項傳送至內容說明,但只會使用選定的選項)。(Ife6a7)
  • 我們改善了 Picker 的無障礙功能,讓使用者可透過螢幕閱讀器瀏覽含有多個挑選器的畫面,也能使用內容說明 (I64edb)。

修正錯誤

  • 我們已更新 Wear Compose 程式庫內建的基準設定檔規則 (I9c694)
  • 我們已更正從右向左模式下的方塊漸層方向。過去是從左上到右下,而現在則是從右上到左下。(Ic2e77)
  • 我們已更新 Chip/ToggleChip/Card 的預設漸層,使其符合最新的使用者體驗規格。ChipDefaults.gradientBackgroundChipColors 已更新為從 primary 的 50% 開始,而非 32.5%。CardDefaults.cardBackgroundPainter 已更新為從 30% 的 primary 至 20% 的 onSurfaceVariant (先前為從 onSurfaceVariant 的 20% 至 10%)。ToggleChip.toggleChipColors 從 75% surface 的線性漸層至 32.5% primary,變更為從 0% surface 至 50% primary (I43bbd)
  • 我們已在具有漸層背景的 Chip/ToggleChips 背後加上背景顏色 (MaterialTheme.color.surface),這樣即可確保在極少數情況下,這些元素能在淺色背景中明顯呈現。(Ibe1a4b/235937657)
  • Picker 項目現在會一律採用置中對齊,藉此修正當 gradientRatio 設為零時,會產生變更對齊方式副作用的錯誤。(I712b8)

1.0 版本

1.0.2 版本

2022 年 9 月 7 日

發布 androidx.wear.compose:compose-foundation:1.0.2androidx.wear.compose:compose-material:1.0.2androidx.wear.compose:compose-navigation:1.0.21.0.2 版本包含以下修訂項目。

修正錯誤

  • 我們已修正 Scaffold 中位置指標和網頁指標的 Z 順序。這些指標現在位於暈影頂端,因此如果存在指標,不會被暈影遮蔽。(Ib988fb/244207528)

1.0.1 版本

2022 年 8 月 24 日

發布 androidx.wear.compose:compose-foundation:1.0.1androidx.wear.compose:compose-material:1.0.1androidx.wear.compose:compose-navigation:1.0.11.0.1 版本包含以下修訂項目。

修正錯誤

  • 修正 ScalingLazyColumn 中的邏輯錯誤,這類錯誤會導致具有少許清單項目 (通常是 2 個) 的清單無法完成初始化,進而導致結果顯示為透明 (076c61)。

1.0.0 版本

2022 年 7 月 27 日

發布 androidx.wear.compose:compose-foundation:1.0.0androidx.wear.compose:compose-material:1.0.0androidx.wear.compose:compose-navigation:1.0.01.0.0 版本包含以下修訂項目。

1.0.0 的主要功能

  • 這是 Compose for Wear OS 的第一個穩定版本 (瞭解詳情)。
  • Compose for Wear OS 以核心 Compose 程式庫為基礎建構,提供其他穿戴式裝置專屬元件,並視情況針對穿戴式裝置適用的核心 Compose 元件進行替代實作。
  • 如需 Wear Compose 主要元件清單,請參閱「Compose for Wear OS Beta01」的版本資訊。

修正錯誤

  • 我們為顯示/隱藏對話方塊時暈影的顯示設定,以便與現有的縮放動畫保持一致 (Ida33e)。
  • 已修正以下錯誤:捲動頁面時,一些快速滑過行為可能導致發生以零爲除數的情況 (I86cb6)。
  • 修正 ChipDefaults.childChipColor() 中的錯誤,確保已停用的背景顏色完全透明 (I2b3c3b/238057342)。

1.0.0-rc02 版本

2022 年 6 月 22 日

發布 androidx.wear.compose:compose-foundation:1.0.0-rc02androidx.wear.compose:compose-material:1.0.0-rc02androidx.wear.compose:compose-navigation:1.0.0-rc021.0.0-rc02 版本包含以下修訂項目。

修正錯誤

  • 我們已更正從右向左 (RTL) 模式下的資訊卡漸層方向。過去是從左上到右下,而現在則是從右上到左下。(Ic2e77)
  • 我們已更新 Chip/ToggleChip/Card 的預設漸層,使其符合最新的使用者體驗規格。ChipDefaults.gradientBackgroundChipColors 已更新為從 50% 的 primary 開始,而非 32.5%。CardDefaults.cardBackgroundPainter 已更新為從 primary 的 30% 開始,並於 onSurfaceVariant 的 20% 結束 (先前是從 onSurfaceVariant 的 20% 至 10%)。ToggleChip.toggleChipColors 從 75% surface 的線性漸層至 32.5% primary,變更為從 0% surface 至 50% primary。(I43bbd)
  • 我們已在具有漸層背景的 Chip/ToggleChips 背後加上背景顏色 (MaterialTheme.color.surface),這樣即可確保在極少數情況下,這些元素能在淺色背景中明顯呈現。(Ibe1a4b/235937657)
  • 我們已更新 Wear Compose 程式庫內建的基準設定檔規則 (I9c694)

1.0.0-rc01 版本

2022 年 6 月 15 日

發布 androidx.wear.compose:compose-foundation:1.0.0-rc01androidx.wear.compose:compose-material:1.0.0-rc01androidx.wear.compose:compose-navigation:1.0.0-rc011.0.0-rc01 版本包含以下修訂項目。

API 變更

  • 撰寫程式庫中的介面現已使用 jdk8 預設介面方法建立 (I5bcf1)

修正錯誤

  • 我們已從清單標頭中移除 fillMaxWidth() 的明確呼叫,原因是已不再需要使用,而且如果在 ScalinglazyColumn 內混合使用 ListHeader()Chip() 元件還可能發生問題,導致 ListHeader 項目在捲動進入/退出畫面時寬度也會隨之增加/縮減 (I37144b/235074035)
  • 我們已修正 ScalingLazyColumn 可能會導致清單項目在第 0 項達到特定大小 (含邊框間距) 時,除非使用者捲動畫面,否則無法正確繪製的錯誤 (Ic6159b/234328517)
  • 我們稍微調整了當項目接近螢幕邊緣時,ScalingLazyColumn 的加/減速行為,以便配合使用者體驗規格更新內容。舊值 CubicBezierEasing(0.25f, 0.00f, 0.75f, 1.00f) -> 新值 CubicBezierEasing(0.3f, 0f, 0.7f, 1f)。如果想保留舊的行為,您可以覆寫 ScalingLazyColumnscalingParams (Ie375c)
  • CompactChip 新增邊框間距,確保輕觸目標的大小至少到達 48.dp 高,以便符合 Material 無障礙功能準則。這可能會影響您現有使用 CompactChips 的版面配置,因為這些項目需要使用更多空間。(I3d57c)

1.0.0-beta03 版本

2022 年 6 月 1 日

發布 androidx.wear.compose:compose-foundation:1.0.0-beta03androidx.wear.compose:compose-material:1.0.0-beta03androidx.wear.compose:compose-navigation:1.0.0-beta031.0.0-beta03 版本包含以下修訂項目。

新功能

  • 現在 ScalingLazyColumn 可以在 Compose @Preview 模式下使用了。(I3b3b6b/232947354)

API 變更

  • ScalingLazyColumn.horizontalAlignment 屬性的預設值由 Start 改為 CenterHorizontally,如此一來,當清單項目並未填滿整個欄寬度時,會按照能顯示最多內容的方式對齊。如果想切換回之前的行為,請設定 horizontalAlignment = Alignment.Start。(I9ed4b)

已知問題

  • CompactChip 的輕觸高度低於 Materials 無障礙功能準則。我們會在下個版本 (6 月 15 日) 修正此問題。如果您使用的是 CompactChip,這項變更會影響您的版面配置,因為 CompactChip 的上下方現在會有額外的邊框間距。請您調整並測試版面配置,或請參閱錯誤留言瞭解如何使用現有的行為。(b/234332135)

修正錯誤

  • 新的新增或移除 TimeText 開始文字動畫示範。(I16d75)
  • 新增 HorizontalPageIndicator.PagesState 的測試 (I64ed0)
  • 更新 TimeText,以便更符合使用者體驗規格 (Ib7ea1)

1.0.0-beta02 版本

2022 年 5 月 18 日

發布 androidx.wear.compose:compose-foundation:1.0.0-beta02androidx.wear.compose:compose-material:1.0.0-beta02androidx.wear.compose:compose-navigation:1.0.0-beta021.0.0-beta02 版本包含以下修訂項目。

新功能

  • 現在即使處於唯讀模式,挑選器也會回應捲動事件。這樣使用者就不必在捲動之前,先輕觸來選取挑選器。在唯讀模式中,除了目前所選選項之外,其他選項都無法以 gradientColor 的填充遮蔽。(I72925)
  • 我們已變更 Chip/ToggleChip/CompactChip/SplitToggleChip 的使用者體驗行為,禁止預設使用者執行 fillMaxWidth。但會配合內容調整尺寸。如要保留先前的行為,只要新增 modifier = Modifier.fillMaxWidth()(I60a2cb/232206371) 即可

修正錯誤

  • 採用 TextStyleCurvedTextStyle 建構函式現在也會遵循 fontWeight (這項設定可於日後的 API 修訂版本中,新增至建構函式和複製方法) (Ieebb9)
  • 改善邊緣滑動功能。使用 Modifier.edgeSwipeToDismiss 時,如果從邊緣區域觸發左側滑動,則滑動方向變為向右時,不會再觸發滑動關閉。以往只要向左滑動,再往右滑動即可啟動滑動手勢 (I916ea)。
  • HorizontalPageIndicator 現在可以在螢幕上顯示最多 6 頁。如果網頁總數超過 6 頁,左側或右側會有一個半尺寸指標,頁面之間會流暢地轉換 (I2ac29)。
  • 改善了 ScalingLazyColumnPicker 的預設貼齊行為 (I49539)
  • 改善邊緣滑動功能。使用 Modifier.edgeSwipeToDismiss 時,只有第一次輕觸到邊緣並往右滑動時,滑動關閉才會觸發。以往只要捲動到達起點,即可從螢幕的任何部分滑動來觸發滑動關閉。(I8ca2a)

1.0.0-beta01 版

2022 年 5 月 11 日

發布 androidx.wear.compose:compose-foundation:1.0.0-beta01androidx.wear.compose:compose-material:1.0.0-beta01androidx.wear.compose:compose-navigation:1.0.0-beta011.0.0-beta01 版本包含以下修訂項目。

Compose for Wear OS 1.0 的功能

隨著程式庫功能建置完成且 API 成功鎖定,Compose for Wear OS 的 1.0.0-beta01 標誌著一個重要里程碑。

1.0 版中的 Wear Compose Material 元件包括:

  • Material Theme - 用作取代 Compose for Mobile MaterialTheme 的替代功能,在導入時立即導入 Wear Material Design 使用者體驗指南的穿戴式裝置上提供構建元件的色彩、圖形和字型排版。
  • ButtonCompactButtonToggleButton - 按鈕提供一個用來擷取圖示、圖片或簡短文字的版位 (最多 3 個字元)。圓形的圖形,適用於預設、大型或小型按鈕的建議大小。CompactButton 提供單一版位,可擷取任何內容 (圖示、圖片或文字),且外型為圓形,背景尺寸為超小。CompactButton 會在背景周圍提供透明的邊框間距 (可選),增加可點擊的區域。ToggleButton 按鈕提供單一版位,可擷取任何內容 (簡短文字、圖示或圖片),具有開啟/關閉 (已勾選/未勾選) 狀態,帶有顏色和不同圖示,以顯示是否已勾選
  • 資訊卡 - 用於顯示應用程式的相關資訊,例如通知。AppCardTitleCard 針對不同用途提供了彈性設計,針對資訊卡內容或背景提供不同的版面配置和圖片支援。
  • 方塊 - 體育場形狀的元件,與按鈕類似,但面積較大且有多個版位,可用於標籤、次要標籤和圖示。支援多種尺寸,並以圖片為背景。
  • ToggleChip 和 SplitToggleChip - 方塊,具有已勾選/未勾選的狀態,並加入了顯示圖示的 ToggleControl 版位,例如用於顯示元件的已勾選狀態的切換按鈕或圓形按鈕。此外,SplitToggleChip 中有兩個可輕觸的區域,一個可點擊,另一個可切換。
  • CircularProgressIndicator - Wear Material 進度指標,共有兩種版本。第一種表示進行中的工作完成比例,並支援起始和結束角度的圓形軌跡間隙。第二種則指示未指定等候時間的未知進度。
  • curvedText - 構成 DSL 的一部分,用於描述 CurvedLayoutscurvedRowcurvedColumn,以便在圓形裝置周圍佈置元件。如要進一步瞭解 CurvedLayoutCurvedModifier,請參閱下文對於 Wear Component Foundation 的說明 (這個做法在非曲線世界中與「修飾符」的作用類似),而且可以設定版面配置、邊框間距、漸層等各個面向。
  • 對話方塊、快訊和確認 - 對話方塊會顯示全螢幕對話方塊,疊加任何其他內容,並支援滑動關閉。它需要一個應針對 Wear Material 對話方塊內容的版位,例如「快訊」或「確認訊息」。快訊是針對對話方塊內容,提供圖示、標題和訊息的版位。它可承載兩個並排顯示的負數按鈕和正數按鈕,或一個用於一個或多個垂直堆疊的方塊的版位。確認訊息是針對對話方塊內容,會在指定期間內顯示訊息。它有一個圖示或圖片的版位 (可能是動畫)。
  • HorizontalPageIndicator - 以適於穿戴式裝置板型規格的方式顯示水平頁面位置。專為全螢幕設計,可在圓形裝置上顯示弧形指標。可搭配 Accompanist 網頁檢視器使用。
  • 圖示:Wear 實作圖示的圖示,從 Wear Material Theme 取得顏色和 Alpha 版。如需可點擊圖示,請參閱按鈕或方塊。
  • 挑選器 - 顯示可捲動的項目清單,讓您從中選擇項目。根據預設,兩個項目會在兩個方向上「無限」重複。以唯讀模式顯示即可隱藏未選取的選項。
  • PositionIndicator - 以適於穿戴式裝置板型規格的方式顯示捲動位置或其他位置指示。專為全螢幕設計,可在圓形裝置上顯示弧形指標。
  • Scaffold - 實作基本 Wear Material Design 視覺版面配置結構。這個元件提供的 API 可將多個 Wear Material 元件 (例如 TimeTextPositionIndicatorVignette) 組合用於建構螢幕,確保這類元件配置適當的版面配置策略,並收集必要的資料,讓這些元件能搭配運作正確。
  • ScalingLazyColumn - 捲動縮放/魚眼清單元件,構成 Wear Material Design 語言的關鍵部分。為內容項目提供縮放和透明度效果。ScalingLazyColumn 是專為處理大量內容項目而設計,只有在需要的時候才會產生具體情況或加以撰寫。
  • Slider - 可讓使用者從多種不同的值中選擇。所選範圍會以長條的形式顯示,使用者也可以選擇使用分隔符顯示。
  • Stepper - 一個全螢幕元件,可讓使用者使用畫面頂端和底部的增加/減少按鈕選取值,且在中間具有版位,可插入文字或方塊。
  • SwipeToDismissBox - 處理滑動關閉手勢。它需要一個用於背景 (僅在滑動手勢時顯示) 和前景內容的版位。也可選擇將 SwipeDismissableNavHost 與 Androidx 導覽庫 (參閱下方 Wear Compose Navigation 程式庫) 合併使用。
  • Text - Wear 實作的 Compose Material Text 元件,從 Wear Material Theme 取得色彩和 Alpha 值
  • TimeText - 會在螢幕頂端顯示時間和應用程式狀態的元件。在圓形螢幕上使用曲線文字,將畫面內容調整為螢幕形狀。
  • Vignette - 使用 Scaffold 時,螢幕處理會在使用可捲動內容時對螢幕頂端和底部進行模糊處理。

  • Wear Compose Foundation 還提供下列元件:

  • CurvedLayout - Wear Foundation CurvedLayout 是一個可撰寫版面配置,能夠將子項擺放在弧形中,並視需求旋轉。這與建立至圓環區隔的列版面配置類似。請注意,CurvedLayout 的內容並不是可撰寫的 lambda,而是 DSL (特定領域語言)。CurvedLayout 的 DSL 中的所有元素都支援由 CurvedModifier 製作的選用修飾符參數。

  • basicCurvedText - CurvedLayout DSL 中的元素,basicCurvedText 可讓開發人員按照圓形的彎曲方向 (通常是圓形螢幕的邊緣) 輕鬆撰寫曲線文字。只能在 CurvedLayout 內建立 basicCurvedText,以確保最佳使用體驗,例如能夠指定位置和使用 CurvedModifiers。請注意,在大多數情況下,我們通常會使用 curvedText,因為該元件使用 Materia 主題設定。

  • curvedComposable - 包裝一般可撰寫內容,以便與 CurvedLayout 搭配使用。如果 curvedComposable 中包含多個元素,這些元素會彼此疊加 (例如 Box)。如要沿曲線放置多個可編寫項,請用 curvedComposable 來分別包裝。

  • curvedRow 和 curvedColumn - 與「列」或「欄」類似,curvedRowcurvedColumn 可以嵌入 CurvedLayout 中,以根據需要佈置元素。針對 curvedRow,可指定角度版面配置方向和徑向對齊。針對 curvedColumn,可指定角度對齊和徑向。

  • CurvedModifier - 所有弧形元件都接受可使用 CurvedModifier 建立的修飾符參數:支援背景、大小、重量和填充字元。

  • Wear Compose Navigation 也包含下列元件:

  • SwipeDismissableNavHost - 在 Compose 階層中提供一個自行導覽的位置,並透過滑動手勢進行反向導覽。內容會顯示在 SwipeToDismissBox 中,並顯示目前的導航層級。滑動關閉手勢期間,系統會在背景中顯示先前的導航層級 (如有)。

  • 請參閱先前各 Alpha 版的版本資訊,進一步瞭解交付項目。

API 變更

  • 新增了 CurvedModifier.padding* 個函式。這些函式用來指定要在曲線元件周圍增加的額外空間。(I4dbb4)
  • 移除了 CompositionLocal 個內部類別 (I42490)
  • ButtonCompactButtonToggleButton 圖示大小新增了固定值做為指引 (I57cab)
  • AppCardTitleCard 中新增已啟用的參數。現在他們的 API 與 androidx.compose.material 資訊卡類似。參數設為 False 時,資訊卡將無法點擊。(Idc48db/228869805)

修正錯誤

  • 現在當達到下限/上限時,Stepper 會停用「減少」和「增加」按鈕,並且將 ContentAlpha.disabled 套用至 iconColor (I4be9f)
  • 使用漸層效果來繪製時,在挑選器內容的周圍加入了 1dp 的邊框間距,可避免滑動時出現文字上的誤差。(I0b7b9)
  • PositionIndicator 新增螢幕擷取畫面測試 (I5e8bc)
  • AppCardTitleCard 新增更多測試 (I85391b/228869805)

1.0.0-alpha21 版本

2022 年 4 月 20 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha21androidx.wear.compose:compose-material:1.0.0-alpha21androidx.wear.compose:compose-navigation:1.0.0-alpha211.0.0-alpha21 版本包含以下修訂項目。

新功能

  • 新增曲線修飾符來指定曲線元素的背景:CurvedModifier.background.radialGradientBackground.angularGradientBackground (I8f392)
  • 允許指定曲線文字溢位模式 (clip/ellipsis/visible)。(I8e7aa)
  • 新增 CurvedModifier.weight 修飾符,類似於 Compose 中的修飾符,可用於 curvedRow 和 CurvedLayout (針對寬度) 的子項以及 CurdColumn 的子項 (針對高度)。(I8abbd)
  • 新增 CurvedModifier.size.angularSize.radialSize 修飾符來指定曲線元素的大小。(I623c7)

API 變更

  • 對參數進行重新排序,確保在 Wear Compose API 中,背景始終在顏色之前 (I43208)
  • 移除順時針和 insideOut 參數,並更換為新類別中更具表現力的常數。曲線版面配置方向現在可以清楚辨識 LayoutDirection,未指定時則會沿用 (If0e6a)
  • 我們已將 autoCenter: Boolean 更換為 autoCenter: AutoCentringParams,以修正 ScalingLazyColumn 的 API 問題。(Ia9c90)
  • 我們已將整個 API (Chip/ToggleChip/Dialog/Slider/Stepper/...) 中的 iconTintColortoggleControlTintColor 重新命名為 iconColortoggleControlColor,因為這個顏色已在 icon/toggleControl 版位中套用。(Ied238)
  • PageIndicatorStyle 列舉重寫入值類別 (I2dc72)
  • 我們已在可組合項版位中新增 RowScope/ColumnScope/BoxScope,以便向開發人員指出版面配置假設。這樣一來,開發人員就能在部分版位內容中使用額外的修飾符,且不需要提供額外的版面配置元素。此外,我們還對 AppCard/TitleCard 顏色做出了微幅更新,以使 timeColorappColor 預設採用 contentColor。不過,您仍然可以視需要個別覆寫這些屬性。(I26b59)
  • SwipeToDismissBoxState.Companion 物件設為不公開 (I39e84)
  • 修正 InlineSliderStepper 的參數順序問題。這是一項符合 API 規範的簡單變更 (I11fec)
  • 我們移除了 SwipeToDismissBoxState 的 Saver 物件,因為它未被使用。(Ifb54e)
  • 我們更新了 CompactChip,使其符合最新的使用者體驗規格。邊框間距已縮減為水平 = 12.dp,垂直 = 0.dp。標籤的字型已從按鈕改為 caption1。同時具有圖示和標籤時,建議圖示大小為 20x20;針對僅含圖示的緊湊條狀標籤,建議大小則為 24x24。針對僅包含圖示的應用實例,我們還確保圖示置中對齊。(Iea2be)
  • 我們為 ScalingLazyListLayoutInfo 新增了多個欄位,讓開發人員瞭解已套用的 contentPaddingautoCenteringPadding 數量。這非常有益於開發人員計算滑動/捲動數據 (I7577b)
  • 我們已針對對話方塊實作輸入/輸出轉換。新增 showDialog 參數,且對話方塊現在可控制自身的瀏覽權限 (讓對話方塊在顯示/隱藏時,可執行開頭和結尾動畫)。請注意,當使用者透過滑動關閉功能離開對話方塊時,系統不會執行結尾動畫。此外,我們還在最近新增的 SwipeToDismissBox 超載中新增了狀態的預設值。(I682a0)
  • 為了更妥善支援 i18n 和 a11y,我們已變更 ToggleChipSplitToggleChip,使其不再成為 toggleControl 版位的預設值。我們還變更了 ToggleChipDefaults,現在下列方法會傳回 ImageVector,而非 Icon (請注意,由於這些方法不再傳回 @Composables,因此已改為以小寫字母開頭),以及傳回 SwitchIcon()->switchIcon()CheckboxIcon->checkboxIcon()RadioIcon()->radioIcon(),這讓開發人員能夠,也鼓勵他們建立自己的 Icon() 可組合項,並搭配適當的 contentDescription 集 (I5bb5b)
  • 我們已在 SwipeDismissableNavHost 中新增 SwipeDismissableNavHostState 參數。這將支援在用做導覽目的地的螢幕上使用邊緣滑動動作,因為現在可以在需要邊緣滑動的螢幕上提升 SwipeToDismissBoxState 並將其用來初始化 SwipeDismissableNavHostStateModifier.edgeSwipeToDismiss (I819f5b/228336555)

修正錯誤

  • 確保在需要時更新曲線版面配置。(Ie8bfab/229079150)
  • 針對 https://issuetracker.google.com/issues/226648931 修正錯誤 (Ia0a0ab/226648931)
  • 移除不必要的實驗性註解 (I88d7e)

1.0.0-alpha20 版本

2022 年 4 月 6 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha20androidx.wear.compose:compose-material:1.0.0-alpha20androidx.wear.compose:compose-navigation:1.0.0-alpha201.0.0-alpha20 版本包含以下修訂項目。

新功能

  • SwipeToDismiss 新增 edgeSwipeToDismiss 修飾符。允許 swipeToDismiss 僅在可視區域左側邊緣保持啟用狀態。系統會在螢幕中心需要處理水平分頁時使用這個修飾符,例如在二維平面捲動地圖或水平滑動多個頁面。(I3fcecb/200699800)

API 變更

  • CurvedModifiers 進行基礎實作,這樣可以新增一些方法來自訂曲線內容 (尚不提供 CurvedModifiers,但日後可能會提供建立自訂修飾符的功能) (I9b8df)
  • 為方便理解,更新了 EdgeSwipe 修飾符說明文件和預設值。(I6d00d)
  • PageIndicator 版位新增至 Scaffold。透過直接將 PageIndicator 新增至 Scaffold,可能會確保其在圓形裝置上正確顯示。(Ia6042)
  • InlineSlider 和 Stepper 參數中移除預設圖示。這將有助於開發人員更加關注本地化和無障礙功能需求。示範和範例已顯示預設圖示的用法。(I7e6fd)
  • 在 TimeText 中,以「Start」和「End」取代「Trailing」和「Leading」參數名稱 (Iaac32)
  • 我們新增了含 onDismissed 參數的 SwipeToDismissBox 超載,以便支援在滑動手勢完成時觸發瀏覽事件的常見用法。(I50353b/226565726)
  • TimeText 用法中移除 ExperimentalWearMaterialApi 註解 (Ide520)
  • 我們已將 ScalingLazyList/Column 範圍和資訊介面標示為密封狀態,因為這些介面不可供外部開發人員實作,這樣我們日後便可向其中新增成員,而無需對二進位檔進行破壞性變更。(I7d99f)
  • 我們在挑選器中新增了 flingBehaviour 屬性,並新增了 PickerDefaults.flingBehaviour() 方法,以便設定快速滑動行為,例如新增 RSB 支援。PickerState 現在會實作 ScrollableState 介面。(Ib89c7)

修正錯誤

  • 更新 Wear Compose 程式庫的 Android 執行階段 (ART) 基準設定檔規則。ART 可以在裝置上運用設定檔規則,事先編譯應用程式的特定子集,以提升應用程式的效能。請注意,這對於可進行偵錯的應用程式沒有任何影響。(Iaa8ef)
  • 改善說明文件 (I2c051)

1.0.0-alpha19 版本

2022 年 3 月 23 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha19androidx.wear.compose:compose-material:1.0.0-alpha19androidx.wear.compose:compose-navigation:1.0.0-alpha191.0.0-alpha19 版本包含以下修訂項目。

API 變更

  • 已將 CurvedRow 重新命名為 CurvedLayout,並改寫為使用 DSL 的範圍。使用這個 DSL 時,您可以使用一系列巢狀 curvedRowcurvedColumn (這些是列與欄的曲線版面配置等值) 來指定更複雜的曲線版面配置。在這些版面配置元素中,可以使用三個元素:curvedComposable (用於新增任何 @Composable)、basicCurvedText (Foundation 的曲線文字) 和 curvedText (Wear Material 感知型曲線文字)。(Ib776a)
  • 使 PositionIndicator 的側邊可設定。基本 PositionIndicator 的位置現在可設定為 End (可感知版面配置方向)、OppositeRsb (考慮螢幕旋轉,將自身放置在實體 RSB 對面),或絕對的 Left 和 Right。(I2f1f3)
  • 針對 SwipeToDismissBox,我們已將 SwipeDismissTarget.Original 重新命名為 SwipeToDismissValue.Default,並將 SwipeDismissTarget.Dismissal 重新命名為 SwipeToDismissValue.Dismissed。我們還將 SwipeToDismissBoxDefaults.BackgroundKeySwipeToDismissBoxDefaults.ContentKey 分別移至 SwipeToDismissKeys.ContentSwipeToDismissKeys.Background。(I47a36)
  • 針對具有多個挑選器,但一次只能編輯一個挑選器的螢幕,我們已為挑選器新增唯讀模式。挑選器為唯讀時,會顯示目前選取的選項和一個標籤 (如有提供)。(I879de)
  • 已重構 SwipeToDismissBoxState,將 ExperimentalWearMaterialApi 的範圍限制為 Modifier.swipeableSwipeableState (現已在內部使用)。SwipeToDismissBoxState 現在包含 currentValuetargetValueisAnimationRunningsnapTo,以支援常見應用實例。如果您還需要任何其他屬性,請通知我們。此外,還修正了 SwipeableState 在滑動偏移量處於錨定標記捨入誤差內的情況下的行為。(I58302)

修正錯誤

  • 簡化並修正程式碼,偵測 ScalingLazyColumn 的內容是否可以捲動 (用於判斷我們是否顯示捲軸) (I7bce0)
  • 修正當有多個狀態且在不同狀態間切換時位置指示器出現的錯誤 (I320b5)
  • 我們已按照最新的使用者體驗指南,更新 Compose for Wear OS 的預設主題字體排版/字型。需要注意的是,display1 (40.sp) 和 display2 (34.sp) 小於其先前的值,並且行高和行間距也進行了一些其他微幅更新。(Ie3077)
  • 我們為 SwipeToDismissBox 新增了阻力,確保它只有在執行滑動關閉動作時移動,而且完全不會在相反方向上移動。(Ifdfb9)
  • 我們變更了 CircularProgressIndicator 函式的部分預設參數值,以使其符合 Wear Material Design 使用者體驗指南。針對 Spinner/Indeinant 版本,更新了大小 (40->24.dp)、MetricColor (primary->onBackground)、trackColor 透明度 (30%->10%) 和筆劃寬度 (4->3dp)。針對 Progress/Determinate 版本,更新了 trackColor 透明度 (30%->10%)。(I659cc)
  • 我們已根據最新的 Wear Material Design UX 規格,更新了 ScalingLazyColumn 的預設縮放參數。從視覺上看,這會讓清單項目在更靠近清單中心的位置開始縮放,但在清單邊緣的縮放比例卻比之前低。(Ica8f3)
  • ScalingLazyColumnDefaults.snapFlingBehavior 做出了一些調整,以改善動畫的結束效果 (If3260)

1.0.0-alpha18 版本

2022 年 3 月 9 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha18androidx.wear.compose:compose-material:1.0.0-alpha18androidx.wear.compose:compose-navigation:1.0.0-alpha181.0.0-alpha18 版本包含以下修訂項目。

API 變更

  • PositionIndicator 有多項改善:ShowResult 已重新命名為 PositionIndicatorVisibility。改善部分效能,避免不不必要的重新編譯 (Iaed9d)
  • 已更新 SplitToggleChip 的建議顏色。現在,SplitToggleChip 會在勾選或取消勾選時顯示純色背景,而 ToggleControl 的顏色是顯示是否勾選該元件的主要標誌。我們新增了新的 ToggleDefaults.splitToggleChipColors() 以支援新的色彩配置。我們也簡化了 toggleChipColors() 方法,移除 splitBackgroundOverlayColor (I7e66e)
  • 我們已將 unadjustedSize 新增至 ScalingLazyListItemInfo,因為使用浮動運算法的縮放比例和縮放係數無法計算出原始項目大小。(I54657b/221079441)
  • 新增 HorizontalPageIndicator。這代表總頁面數和所選頁面。可能為線性或曲線,視裝置形狀而定。也支援自訂指標形狀,這可定義每個指標的呈現方式。(Iac898)
  • 我們已更新 PickerState,以便可以更新 numberOfOptions。這項功能支援多種用途,例如 DatePicker,即當月天數會因所選月份而有所不同。PickerState 的建構函式參數已據此變更為 initialNumberOfOptions。(Iad066)
  • PositionIndicator 為捲軸且無法捲動時則隱藏。(Id0a7f)
  • 為了與 Scaffold 保持一致,全螢幕對話方塊元件現在會顯示 PositionIndicatorVignette。我們現在也使用 ScalingLazyColumn,而非 Column,這表示對話方塊的內容現位於 ScalingLazyListScope 中,且通常必須使用項目 { /* content */ } 括住。對話方塊會據此支援 verticalArrangement 參數 (Idea13)
  • 我們已將 ToggleChipSplitToggleChip toggleIcon 屬性的名稱變更為 toggleControl,以與質感設計更加一致,進而方便設計人員和開發人員瀏覽 API。(If5921b/220129803)
  • 我們已加入新的 Caption3 輸入至 Wear Material Theme Typology。Caption3 是一種小型字型,可於編寫長度非常長的內容使用 (例如:法律內容)。(I74b13b/220128356)

修正錯誤

  • 在位置中停止貼齊動畫。(Idb69d)
  • PositionIndicator 中的動畫變更。(I94cb9)
  • 根據 UI/UX 意見回饋,我們已變更 ScalingLazyColumn AutoCentering,使其只提供足夠的空間來確保索引 ScalingLazyListState.initialCenterItemIndex 以上的項目可完整捲動至可視區域的中央。如此一來,開發人員一開始就能將對應項目中的一或兩個項目置於中間位置,而這些項目無法捲動至中間位置。這表示 AutoCenter 的 ScalingLazyColumn 將無法捲動至 initialCenterItemIndex/initialCenterItemScrollOffset 的上方 (I22ee2)
  • 我們已針對日期挑選器新增示範說明,並修正了 PickerState 中 initiallySelectedOption 必須等到顯示挑選器後才會套用的錯誤。(Id0d7e)
  • 為減少在圓形畫面中寬幅 ScalingLazyColumn 項目遭到裁切的情況發生,我們已將預設水平邊框間距從 8 增加到 10 dp。(I0d609)
  • 確認 PositionIndicator 在捲動時顯示。(Ied9a2)

1.0.0-alpha17 版本

2022 年 2 月 23 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha17androidx.wear.compose:compose-material:1.0.0-alpha17androidx.wear.compose:compose-navigation:1.0.0-alpha171.0.0-alpha17 版本包含以下修訂項目。

新功能

  • 我們已新增可搭配 ScalingLazyColumn 使用的貼齊支援。設定 flingBehavior = ScalingLazyColumnDefaults.flingWithSnapBehavior(state) 可啟用貼齊支援。(I068d3b/217377069)
  • 我們已新增挑選器的示範,說明如何以 24 小時或 12 小時制選擇時間。(Ie5552)

API 變更

  • 修正正方形裝置上的 TimeText 自訂字型和樣式問題 (Iea76e)
  • ScalingLazyListLayoutInfo 現在有 reverseLayoutviewportSize,以及符合 LazyListLayoutInfo 的螢幕方向屬性 (I4f258b/217917020)
  • ScalingLazyColumn 現在有符合 LazyList 中屬性的 userScrollEnabled 屬性 (I164d0b/217912513)
  • 根據預設,挑選器現在會在頂端和底部顯示梯度 (Iab92a)

修正錯誤

  • 我們已修改 ScalingLazyColumn,使其無法完全填滿其父項的所有空間。而是從內容尺寸擷取尺寸資料。這與 LazyColumn 的行為一致。如果要恢復舊行為,請將 Modifier.fillMaxWidth()/width()/widthIn() 傳遞至 ScalingLazyColumn (I51bf8)
  • 我們已改善 SwipeDismissableNavHost.kt 的例外狀況訊息,並會在為導覽堆疊空白時觸發。(I1b1dc)

1.0.0-alpha16 版本

2022 年 2 月 9 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha16androidx.wear.compose:compose-material:1.0.0-alpha16androidx.wear.compose:compose-navigation:1.0.0-alpha161.0.0-alpha16 版本包含以下修訂項目。

新功能

  • 新增 CircularProgressIndicator。進度指標會顯示程序的長度或未指定的等待時間。支援使用全螢幕時的 TimeText 或其他元件的間距 (中斷)。 (Iab8da)

API 變更

  • 挑選器現在會顯示 flingBehavior 參數,而預設值會在使用者捲動/快速滑動時直接跳到最接近的選項。(I09000)
  • NativeSlider 和 Stepper 適用的其他整數 API (I1b5d6)

修正錯誤

  • ScalingLazyListState的預設 initialCenterItemIndex 已從 0 變更至 1。也就是說,除非以 ScalingLazyListState.rememberScalingLazyListState(initialCenterItemIndex =) 覆寫其狀態,否則系統初始化時會將第 2 個清單項目 (索引 == 1) 放在可視區域中心的第 1 個 (索引 == 0)) 項目。這樣就能獲得更好的預設視覺效果,因為大多數可視區域都會填入清單項目。(I0c623b/217344252)
  • 我們已減少 ScalingLazyColumn 預設的 extraPadding,確保從 10% 到 5% 有足夠的清單項目可以繪製 (即使我們縮減了部分的尺寸)。這將避免編寫可能不會在可視區域中顯示的額外清單項目。如果使用非標準 scalingParams (例如:執行個體的極端縮放功能),開發人員可以使用 viewportVerticalOffsetResolver 調整額外的邊框間距。(I76be4)
  • 修正方形裝置多行 TimeText (Ibd3fb) 的問題
  • 我們已修改 ScalingLazyColumn,使其無法完全填滿其父項的所有空間。而是從內容尺寸擷取尺寸資料。這與 LazyColumn 的行為一致。如果要恢復舊行為,請將 Modifier.fillMaxSize() 傳遞至 ScalingLazyColumn。注意:此變更尚未完成,下一個 Alpha 版本將會在後續變更中解決相關問題 (I3cbfa)

1.0.0-alpha15 版本

2022 年 1 月 26 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha15androidx.wear.compose:compose-material:1.0.0-alpha15androidx.wear.compose:compose-navigation:1.0.0-alpha151.0.0-alpha15 版本包含以下修訂項目。

API 變更

  • 我們已在 ScalingLazyColumn 加入新的屬性 autoCentering。如果為 True (預設值),可確保所有項目 (包括第一個和最後一個項目) 都可以捲動,以便這些項目能夠在清單可視區域中央顯示。請注意,如果您使用自動置中功能,建議您將垂直內容邊框間距設為 0.dp。如果同時設定 autoCentering 和垂直內容邊框間距,兩者都會為第一個清單項目之前和最後一個清單項目之後提供額外空間,以使清單項目可以在較大範圍內捲動。(I2a282b/214922490)
  • 我們已新增 Dialog 元件,讓任何可組合項能夠觸發位於其他內容上方的全螢幕對話方塊。顯示時,對話方塊支援滑動關閉功能,並在滑動手勢會在背景顯示父項內容。對話方塊內容應為 AlertConfirmation (從較舊的元件 AlertDialogConfirmationDialog 重新命名) - AlertConfirmationDialog 都位於androidx.wear.compose.material.dialog 套件中。「快訊」和「確認」可做為導覽目的地。此外,您也可以視需要在「快訊」和「確認」參數中加入 ColumnScope。(Ia9014)
  • 我們已從 WearOS 材質主題色彩中移除 onSurfaceVariant2,並以 onSurfaceVariant 取代程式庫中的元素。(Icd592)
  • 新增可透過程式輔助方式在 PickerState 中選取選項的方法,但現在在建立 PickerState 時也可以指定最初選取的選項。(I92bdf)
  • 我們已新增 ScalingLazyColumn 的自訂翻轉行為。(I1ad2eb/208842968)
  • 已新增 NavController.currentBackStackEntryAsState()Wear.Compose.Navigation 程式庫。(If9028b/212739653)。
  • 為具有旋轉側邊按鈕的 Wear 裝置新增了 Modifier.onRotaryScrollEvent()Modifier.onPreRotaryScrollEvent() (I18bf5b/210748686)。

1.0.0-alpha14 版本

2022 年 1 月 12 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha14androidx.wear.compose:compose-material:1.0.0-alpha14androidx.wear.compose:compose-navigation:1.0.0-alpha141.0.0-alpha14 版本包含以下修訂項目。

新功能

  • 我們在 ScalingLazyListState 中新增了多種方法,讓開發人員能夠控制捲動至特定清單項目以及設定初始清單項目和偏移量的動作。

    在做出這項變更的過程中,我們還修改了 ScalingLazyList,使其定位到 ScaleLazyList 可視區域的中間位置,而非可視區域的起始位置。

    ScalingLazyList 中新增屬性 anchorType: ScalingLazyListAnchorType = ScalingLazyListAnchorType.ItemCenter,以控制中央 (ScalingLazyListAnchorType.ItemCenter) 或 Edge (ScalingLazyListAnchorType.ItemStart) 是否應符合可視區域的中心點。

    因此,ScalingLazyListItemInfo.offsetScalingLazyListItemInfo.adjustedOffset 已經改變,現在也會反映出商品在清單項目和清單中 anchorType 的偏移情形。舉例來說,假設 ScalingLazyColumnanchorTypeItemCenter,且某個清單項目的中心位於可視區域的中心線上,則偏移值為 0

    新的方法包括 scrollToanimatedScrollTocenterItemIndexcenterItemOffset。(I61b61)

  • 我們在 SwipeDismissableNavHost 中新增返回按鈕處理常式,因此按下返回按鈕可前往導覽階層中的上一個層級。(I5b086b/210205624)

1.0.0-alpha13 版本

2021 年 12 月 15 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha13androidx.wear.compose:compose-material:1.0.0-alpha13androidx.wear.compose:compose-navigation:1.0.0-alpha131.0.0-alpha13 版本包含以下修訂項目。

API 變更

  • 我們已製作 RangeIcons 的內部內部資料 (InlineSliderStepper 內部參照)。(I927ec)

修正錯誤

  • 修正問題:SwipeDismissableNavHost 會在達到 CREATED 生命週期狀態之前,將目的地新增至 Compose 階層,導致 IllegalStateException。這項修正需要先更新 navigation-compose2.4.0-beta02 以上的依附元件。(I40a2bb/207328687)。

  • 新增可繪項目列舉類別,以便從 Wear Compose 程式庫取得可繪製資源,這樣便不再需要使用反射機制。修正 minifyEnabled=trueshrinkResources=true 中資料庫可繪項目遭到移除的問題。(Ib2a98)

  • 已在 Wear Compose 中針對 Stepper 新增測試 (I2d03a)

  • 已在 Wear Compose Navigation 中針對 SwipeDismissableNavHost 新增範例。(I85f06)

1.0.0-alpha12 版本

2021 年 12 月 1 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha12androidx.wear.compose:compose-material:1.0.0-alpha12androidx.wear.compose:compose-navigation:1.0.0-alpha121.0.0-alpha12 版本包含以下修訂項目。

新功能

  • 我們已新增 Stepper 元件,可讓使用者從多個值範圍內選擇。Stepper 是一種全螢幕控制項,其頂端和底部有增加按鈕和減少按鈕,中間具有版位,預計會插入方塊或文字。如果需要,可以自訂按鈕圖示。(I625fe)

  • 我們已加入 2 個新的可組合項來顯示對話方塊:一個是 AlertDialog,用於等待使用者回應,並顯示標題、圖示、訊息,以及 a) 兩個提供簡單二選一選項的按鈕;或 b) 方便使用者更靈活選擇的垂直堆疊方塊或切換方塊;另一個是 ConfirmationDialog,用於顯示有逾時的確認訊息。這個簡單的對話方塊含有標題和 (動畫) 圖示的運算單元。(Ic2cf8)

API 變更

  • 為建議的對話方塊時間長度值新增單位 (毫秒)。(I09b48)

1.0.0-alpha11 版本

2021 年 11 月 17 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha11androidx.wear.compose:compose-material:1.0.0-alpha11androidx.wear.compose:compose-navigation:1.0.0-alpha111.0.0-alpha11 版本包含以下修訂項目。

新功能

  • 我們已新增挑選器元件,讓使用者可從捲動清單中選取項目。根據預設,可選取的項目清單會在這兩個方向「無限」重複,從側邊看就是一個旋轉的圓柱體。日後將在更新版本中新增兩種功能:在滑動/快速滑動後對齊某個值;新增函式至 PickerState,以設定/捲動至目前值。 (I6461b)

API 變更

  • 新增 ScaleLazyItemScope 和部分新修飾符 fillParentMaxSize/fillParentMaxWidth/fillParentMaxHeight,允許根據父項容器的大小調整清單項目的大小。項目可設為填滿全部或部分父項大小。這會公開 LazyRow/Column 中的現有功能 (I4612f)
  • 新增 ScalingLazyColumn 的支援,允許項目有索引鍵。另外也新增便利的方法,允許從陣列和清單新增項目。(Ic1f89)

修正錯誤

  • TimeText 的其他範例 (I8cb64)

1.0.0-alpha10 版本

2021 年 11 月 3 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha10androidx.wear.compose:compose-material:1.0.0-alpha10androidx.wear.compose:compose-navigation:1.0.0-alpha101.0.0-alpha10 版本包含以下修訂項目。

新功能

  • 新增 Wear Compose 的 InlineSlider。InlineSlider 可讓使用者從多種不同的值中選擇。所選範圍會以長條方式顯示範圍的最小值和最大值,使用者可以從該範圍選取單一值。(If0148)

  • 瞭解 WearOS Codelab 的新版 Compose!

API 變更

  • Macrobenchmark 的 minSdkVersion23。(If2655)

修正錯誤

1.0.0-alpha09 版本

2021 年 10 月 27 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha09androidx.wear.compose:compose-material:1.0.0-alpha09androidx.wear.compose:compose-navigation:1.0.0-alpha091.0.0-alpha09 版本包含以下修訂項目。

新功能

  • 我們已在 Wear OS 上推出開發人員預覽版 Compose。請參閱我們的網誌文章,瞭解主要可組合項以及其他資源的連結,並開始使用這些資源。

API 變更

  • 針對開發人員新增支援,讓開發人員可以自訂 Wear Material Design 主題中的所有色彩。(I4759bb/199754668)

修正錯誤

  • 新增可保留狀態的 SwipeToDismissBox 範例 (Ibaffe)
  • 從 CurvedText、TimeText 和 SwipeToDismissBox 的 KDoc 新增 developer.android.com 指南的連結。(I399d4)
  • 現在如果沒有目前的目的地,SwipeDismissableNavHost 會擲回 (代表 NavGraph 未使用 wear.compose.navigation.composabl 公用函式建立) (I91403)
  • 在 TimeText 中針對時間來源加入額外的說明文件和範例 (I4f6f0)

1.0.0-alpha08 版本

2021 年 10 月 13 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha08androidx.wear.compose:compose-material:1.0.0-alpha08androidx.wear.compose:compose-navigation:1.0.0-alpha081.0.0-alpha08 版本包含以下修訂項目。

API 變更

  • 我們已將 AppCard 和 TitleCard body 的屬性重新命名為 content,並將其移至屬性清單末尾,以便以結尾的 lambda 形式提供這些屬性。此外,為保持與新運算單元名稱一致,bodyColor 也重新命名為 contentColor。(I57e78)

修正錯誤

  • 針對按鈕、卡片、方塊、主題、位置指標和縮放延遲欄位元件,從 KDoc 加入 developer.android.com 指南的連結。(I22428)
  • 修正 WearOS SwipeToDismissBox 有時無法處理滑動手勢的問題。(I9387e)
  • 新增 Button、CompactButton、Chip、CompactChip、AppCard、TitleCard、ToggleButton、ToggleChip、SplitToggleChip 新增範例 (Iddc15)
  • 針對 Card、Chip、ToggleChip、TimeText 和 ScalingLazyColumn 新增 Microbenchmark 效能測試。(If2fe9)

1.0.0-alpha07 版本

2021 年 9 月 29 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha07androidx.wear.compose:compose-material:1.0.0-alpha07androidx.wear.compose:compose-navigation:1.0.0-alpha071.0.0-alpha07 版本包含以下修訂項目。

新功能

  • 在質感中加入 CurvedText 元件,這個元件可讓開發人員輕鬆沿圓圈弧線 (通常位於圓形螢幕邊緣) 寫入曲線文字。 (I19593)

API 變更

  • 新增 TimeText 的測試 (Idfead)
  • 將 ArcPAddingValues 轉換為介面。(Iecd4c)
  • 新增動畫至 SlideToDismissBox (I9ad1b)
  • 新增 hasBackground 參數至 hasToCloseBox API,這樣如果沒有可顯示的背景內容時,就可以停用滑動手勢。(I313d8)
  • rememberNavController() 現在接受可選用的 Navigator 執行個體組合;系統會將這個執行個體加到傳回的 NavController,對選用的導覽器 (例如來自 Accompanist Navigation Material 的導覽器) 提供更完善的支援。(I4619e)
  • 從導覽常見功能參照 NamedNavArgument,並從 Wear.compose.browsing 移除副本。(I43af6)

修正錯誤

  • 修正在小裝置 CurvedRow 測試時發生的不穩定問題。(If7941)
  • 修正在內容更新時可能在 CurvedRow 上閃爍的問題,並確保曲線列能重新評估 (Ie4e06)
  • 為與 UX Spec 變更保持一致,已更新 ChipDefaults.gradientBackgroundChipColors()。梯度現在會以 MaterialTheme.colors.primary 開頭,且 Alpha 度為 32.5%,結束位置為 MaterialTheme.colors.surface、Alpha @ 0%,背景為 MaterialTheme.colors.surface @ 75% Alpha。(Id1548)
  • 我們已根據最新的 Wear Material Design UX Spec 更新選取狀態的 ToggleChips 顏色。選取的 ToggleChips 現在有從 MaterialTheme.color.surface @ 0% alpha 左上方到 MaterialTheme.color.primary @ 32% alpha 的底部,位於 MaterialTheme.color.surface @ 75% alpha 的右下角。因此 ToggleChip 的勾選和取消勾選之間有更明確的差異。(Idd40b)

1.0.0-alpha06 版本

2021 年 9 月 15 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha06androidx.wear.compose:compose-material:1.0.0-alpha06androidx.wear.compose:compose-navigation:1.0.0-alpha061.0.0-alpha06 版本包含以下修訂項目。

新功能

  • 我們已為 Scaffold 新增頂層應用程式可組合項,以便提供一種結構,用於處理 PositionIndicators (例如捲動或音量) 位置,亦即在螢幕頂端顯示時間和應用程式狀態的區域。另外,我們也支援使用 Vignette 對可捲動內容的螢幕頂端和底部邊緣進行模糊處理。Scaffold 的主要區域是指應用程式內容放置的位置。(I5e0bf)
  • 新增 Wear Compose 的 TimeText 實作 (I5654c)

Wear Compose 導覽程式庫

  • 我們已新增第一版 Wear Compose 導覽程式庫,提供 Wear Compose 和 Androidx Navigation 程式庫之間的整合。這可讓您輕鬆地將 @Composable 函式做為應用程式目的地。

  • 初始版本提供以下功能:

    • SwipeDismissableNavHost 可組合函式可代管導覽圖表,並可透過滑動手勢向後瀏覽
    • NavGraphBuilder.composable 擴充功能可協助建立導覽圖表
    • rememberSwipeDismissableNavController() 可允許提升狀態
  • 在以下使用範例中,我們建立了兩個螢幕並在它們之間進行瀏覽:

    val navController = rememberSwipeDismissableNavController()
    SwipeDismissableNavHost(
        navController = navController,
        startDestination = "start"
    ) {
        composable("start") {
            Column(
                horizontalAlignment = Alignment.CenterHorizontally,
                verticalArrangement = Arrangement.Center,
                modifier = Modifier.fillMaxSize(),
            ) {
                Button(onClick = { navController.navigate("next") }) {
                    Text("Go")
                }
            }
        }
        composable("next") {
            Column(
                horizontalAlignment = Alignment.CenterHorizontally,
                verticalArrangement = Arrangement.Center,
                modifier = Modifier.fillMaxSize(),
            ) {
                Text("Swipe to go back")
            }
        }
    }
    
  • Wear Compose Navigation 是以獨立的程式庫封裝,因此無需實作單獨手動導覽功能的簡易 WearCompose 應用程式,即可依附於 Androidx Navigation 程式庫。

API 變更

  • 透過針對背景和內容設定金鑰辨識,更新 SwipeDismissableNavHost 以支援 rememberSaveable (I746fd)
  • 我們已新增 PositionIndicator 轉接程式,可以處理 LazyListState (I21b88)
  • 更新 TalkBackToDismissBox 以支援 RememberSave (Ie728b)
  • 在 ScalingLazyColumn 新增 reverseLayout 支援。這可允許倒轉捲動和版面配置的方向 (I9e2fc)
  • 淘汰 performGestureGestureScope,並以 performTouchInputTouchInjectionScope 取代。(Ia5f3fb/190493367)。
  • 我們已將 VignetteValue 重新命名為 VignettePosition,並將 ScalingLazyColumn 重新命名為 VignettePosition.TopAndBottom。(I57ad7)
  • 由於我們日後可能決定新增 ScalingLazyRow 實作,因此已將 ScalingLazyColumnState 重新命名為 ScalingLazyListState,將 ScalingLazyColumnItemInfo 重新命名為 ScalingLazyListItemInfo,將 ScalingLazyColumnLayoutInfo 重新命名為 ScalingLazyListLayoutInfo,以及將 ScalingLazyColumnScope 重新命名為 ScalingLazyListScope。(I22734)

修正錯誤

  • 更新 CompactChip 說明文件,說明沒有提供圖示和標籤時會如何。(I4ba88)
  • 我們已調整 Wear 資訊卡元件。(I6b3d0)
    1. 標題和內文之間的 TitleCard 間距已從 8.dp 減少為 2.dp。
    2. TitleCard 標頭字型已從內文變更為 title3。
    3. 資訊卡背景梯度已變更,使背景變暗。

1.0.0-alpha05 版本

2021 年 9 月 1 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha05androidx.wear.compose:compose-material:1.0.0-alpha051.0.0-alpha05 版本包含以下修訂項目。

API 變更

  • 將 ArcPAddingValues 標示為 @Stable (I57deb)
  • ScalingLazyColumnState 現可實作 ScrollableState 介面,讓開發人員能夠以程式輔助的方式捲動元件。(I47dbc)

修正錯誤

  • 我們已減少 Chip 和 ToggleChip 中圖示和文字之間的間距,使其與 UX Spec 的更新一致。(I83802)

1.0.0-alpha04 版本

2021 年 8 月 18 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha04androidx.wear.compose:compose-material:1.0.0-alpha041.0.0-alpha04 版本包含以下修訂項目。

新功能

  • 新增滑動 SwipeToDismissBox 和可滑動輔助鍵,可用來支援由左至右的滑動關閉手勢。雖然與導覽元件無直接關聯,但這仍應於離開一個畫面並前往另一個畫面時使用。在滑動關閉手勢的示範中加入整合測試。(I7bbaa)
  • 我們已將 ScalingLazyColumnItemInfo 和 ScalingLazyColumnLayoutInfo 介面新增至 ScaleLazyColumnState 類別,以讓開發人員在套用縮放後知道 ScaleLazyColumn 中項目的實際位置和大小。我們已修正了在 ScaleLazyColumn 套用「top」內容邊框間距時計算縮放比例的錯誤。(I27c07)

API 變更

  • 新增 CurvedTextStyle 類別,以指定曲線文字樣式選項。這與 TextStyle 相似,但現在只支援顏色、字型大小和背景。日後還會加入更多樣式選項。(I96ac3)
  • 我們已將 ScalingLazyColumnItemInfo 和 ScalingLazyColumnLayoutInfo 介面新增至 ScaleLazyColumnState 類別,以讓開發人員在套用縮放後知道 ScaleLazyColumn 中項目的實際位置和大小。我們已修正了在 ScaleLazyColumn 套用「top」內容邊框間距時計算縮放比例的錯誤。(I27c07)
  • SwipeDismissTarget 列舉中新增 @ExperimentalWearMaterialApi (屬於 SwipeToDismissBox API 的一部分)。(I48b5e)

修正錯誤

  • 新增 SwipeToDismissBox 的測試材料 (I9febc)

1.0.0-alpha03 版本

2021 年 8 月 4 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha03androidx.wear.compose:compose-material:1.0.0-alpha031.0.0-alpha03 版本包含以下修訂項目。

API 變更

  • 新增 CurvedText 元件,可讓開發人員輕鬆撰寫文字,使文字依照曲線形狀 (通常在圓形螢幕邊緣) 排列 (Id1267)
  • 我們已將 CardDefaults.imageBackgroundPainter() 重新命名為 CardDefaults.imageWithScrimBackgroundPainter(),明確指出含有背景圖片的區塊圖片。(I53206)
  • 新增 ScaleLazyColumn 元件,為 Wear Material 提供清單元件,讓該清單的局部放大圖可以縮小,並且隨著元件邊緣向外延展成透明。(I7070c)

修正錯誤

  • 為因應 UX Spec 更新,我們已變更 AppCard 中 appName 內容的預設顏色。appName 的預設顏色是 MaterialTheme.colors.onSurfaceVariant。此外,針對標題版位新增缺少的參數文件說明。(Ic4ad1)

1.0.0-alpha02 版本

2021 年 7 月 21 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha02androidx.wear.compose:compose-material:1.0.0-alpha021.0.0-alpha02 版本包含以下修訂項目。

新功能

  • 加入新類別 CurvedRow,以弧形方式排列可組合函式 (I29941)
  • 新增可在應用程式中使用的新資訊卡類別 (TitleCard),並支援將圖片做為背景新增至資訊卡,以便突顯內容 (I53b0f)

API 變更

  • 加入支 CurvedRow 的放射狀對齊的支援 (類似列中的垂直對齊方式) (Id9de5)
  • 加入新類別 CurvedRow,以弧形方式呈現可組合函式 (I29941)
  • 新增可在應用程式中使用的新資訊卡類別 (TitleCard),並支援將圖片做為背景新增至資訊卡,以便突顯內容 (I53b0f)
  • 在 ToggleChipDefaults 中新增切換圖示 (核取方塊、切換和圓形按鈕),讓開發人員能夠輕鬆設定 ToggleChip 和 SplitToggleChips (I7b639)
  • 更新方塊開始和結束內容的邊框間距,因此無論方塊是否顯示圖示,邊框間距一律為 14.dp (先前顯示圖示時,為 12.dp;不顯示時,則為 14.dp) (I34c86)

修正錯誤

  • 新增 CurvedRow 的測試 (I93cdb)
  • 將 Wear Compose 依附元件套用至 Compose 1.0.0-rc01。(Ie6bc9)
  • 變更資訊卡和方塊中的背景圖片繪製功能,讓圖片經裁剪後不再縮放,以維持圖片比例。(I29b41)
  • 針對 Button 和 ToggleButton 加入更多多示範和整合測試。(5e27ed2)
  • 加入更多方塊測試,可用於處理 imageImageChips 的內容顏色 (Ia9183)

1.0.0-alpha01 版本

2021 年 7 月 1 日

發布 androidx.wear.compose:compose-foundation:1.0.0-alpha01androidx.wear.compose:compose-material:1.0.0-alpha011.0.0-alpha01 版本包含以下修訂項目。

新功能

Wear Compose 是 Kotline、支援 Wear Material 設計的 Compose 程式庫,也是 Wear OS 穿戴式裝置的 Material Design 擴充功能。此第一版 Alpha 版本包含以下內容的初期功能實作:

  • 材料主題 - 設定這個程式庫中各項元件的顏色、字體和形狀等設定。
  • 方塊、CFactChip - 方塊為方型,且提供不同變化版本,用於圖示、標籤和次要標籤內容。
  • - ToggleChip、SplitToggleChip - 一種特殊的方塊類型,內含雙狀態切換圖示 (例如圓形按鈕或核取方塊) 的版位。此外,SplitToggleChip 中有兩個可輕觸的區域,一個可點擊,另一個可切換。
  • Button、ComactButton - 按鈕的形狀為圓形,內含一個用於顯示圖示或極少文字 (最多 3 個字元) 的內容版位。
  • ToggleButton - 用於開啟或關閉特定動作的按鈕,內含一個用於顯示圖示或極少文字 (最多 3 個字元) 的內容版位。
  • 資訊卡、AppCard - 矩形圓角設計,可為應用程式圖示、時間、標題和內文等內容提供運算單元。

日後推出的新版本將進一步支援小工具組設計,增加 Wear Material Design 挑選器、滑桿、清單、頁面指標、對話方塊、捲動式 RSB 指示燈、閃光燈等等。

此外,我們還會為其他穿戴式裝置專屬功能 (例如曲線版面配置和文字) 和鷹架提供支援,讓開發人員能夠輕鬆建構穿戴式應用程式/疊加。

Wear Compose 的材質設計原則與 Compose Material 相同,雖然是以穿戴式裝置為目標。打造穿戴式裝置時,應使用 Wear Compose Material 程式庫取代 Compose Material 程式庫。

開發人員應將這兩個「Material」程式庫視為互斥,不得在同一個應用程式中混用。如果開發人員發現其依附元件中內含 Compose Material 程式庫,這表示:a) Wear Compose Material 程式庫中缺少元件 (在這種情況下,請告訴我們您需要的元件);或者 b) 目前使用的元件不是我們建議用於穿戴式裝置的元件。