Jetpack Compose 组件 - Button

112 阅读1分钟

按钮是基本组件,可让用户触发定义的操作。按钮有五种类型。下表介绍了五种按钮类型的外观以及应使用它们的位置。

实心按钮

填充的按钮组件使用基本的 [Button] 可组合项。默认情况下,它填充的是纯色。以下代码段演示了如何实现该组件:

image.png

Button(onClick = {  }) {
    Text("Filled")
}

填充色调按钮

已填充的色调按钮组件使用 [FilledTonalButton] 可组合项。默认情况下,它填充有色调颜色。

image.png

FilledTonalButton(onClick = {  }) {
  Text("Filled")
}

轮廓按钮

框状按钮组件使用 [OutlinedButton] 可组合项。默认情况下,它显示有轮廓。

image.png

OutlinedButton(onClick = { }) {
    Text("Outlined")
}

凸起按钮

凸起按钮组件使用 [ElevatedButton] 可组合项。它有一个阴影,表示默认的高度效果。请注意,它本质上是一个带阴影的轮廓按钮。

image.png

ElevatedButton(onClick = {  }) {
  Text("Elevated", color = Color.White)
}

上一篇 Jetpack Compose 组件 - 滑块

下一篇 Jetpack Compose 组件 - Card