技術標籤：Jetpack-ComposeJetpackComposeSwitch

Jetpack Compose - Switch

• • 1、屬性一覽
  • 2、使用示例
  • 3、版本更新
  • 4、未解決問題

1、屬性一覽

【目前基於alpha08版本的屬性】首先直接看下屬性，連結在這裡：

@Composable fun Switch(
    checked: Boolean, 
    onCheckedChange: (Boolean) -> Unit, 
    modifier: Modifier = Modifier, 
    enabled: Boolean = true, 
    interactionState: InteractionState = remember { InteractionState() }, 
    colors: SwitchColors = SwitchConstants.defaultColors()
): Unit
 

這些屬性都跟之前Button的屬性相同，這裡不再詳解了，直接看使用示例。

2、使用示例

類似按鈕一樣他們都有一個是否選中的狀態，所以都需要val checkedState = remember { mutableStateOf(true) }來記錄狀態：

@Composable
fun SwitchDemo() {
    val checkedState = remember { mutableStateOf(true) }

    Switch(
        checked = checkedState.value,
        onCheckedChange = {
            checkedState.value = it
        }
    )
}
 

程式碼執行效果如下，效果是系統提供的預設效果：

3、版本更新

• 暫無

4、未解決問題

目前還不清楚如何處理自定義的動效問題，如果是簡單自定義顏色的話自定義colors引數即可，修改SwitchConstants.defaultColors()相關屬性即可。