跳转至

Button

1. Button

@Composable
fun Button(
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
    elevation: ButtonElevation? = ButtonDefaults.elevation(),
    shape: Shape = MaterialTheme.shapes.small,
    border: BorderStroke? = null,
    colors: ButtonColors = ButtonDefaults.buttonColors(),
    contentPadding: PaddingValues = ButtonDefaults.ContentPadding,
    content: @Composable RowScope.() -> Unit
)
参数
onClick:() -> Unit 用户点击按钮时将被调用
modifier: Modifier = Modifier 应用于该布局节点的 Modifier
enabled: Boolean = true 控制按钮的启用状态。如果为 false ,则该按钮将不可单击;
interactionSource: MutableInteractionSource = remember { MutableInteractionSource() } 表示交互的状态信息,也就是相当于我们之前给按钮设置的各种selector,来实现普通、点击效果等
elevation: ButtonElevation? = ButtonDefaults.elevation() 用于解析此按钮在不同状态下的高度。这控制了按钮下方阴影的大小。在此处传递 null 以禁用此按钮的高度。请参阅 ButtonDefaults.elevation
shape: Shape = MaterialTheme.shapes.small 定义按钮的形状及其阴影
border: BorderStroke? = null 在按钮周围绘制边框
colors: ButtonColors = ButtonDefaults.buttonColors() 颜色 ButtonColors 将用于解析此按钮在不同状态下的背景和内容颜色。参见 ButtonDefaults.buttonColors
contentPadding: PaddingValues = ButtonDefaults.ContentPadding 在容器和内容之间内部应用的间距值
content: @Composable RowScope.() -> Unit 按钮的内容,按钮可能包含文本信息,也可能包含图标信息,这个参数就是让你组合你需要的控件的,注意它是横向的。

2. TextButton

@Composable
fun TextButton(
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
    elevation: ButtonElevation? = null,
    shape: Shape = MaterialTheme.shapes.small,
    border: BorderStroke? = null,
    colors: ButtonColors = ButtonDefaults.textButtonColors(),
    contentPadding: PaddingValues = ButtonDefaults.TextButtonContentPadding,
    content: @Composable RowScope.() -> Unit
)
参数
onClick:() -> Unit 用户点击按钮时将被调用
modifier: Modifier = Modifier 应用于该布局节点的 Modifier
enabled: Boolean = true 控制按钮的启用状态。如果为 false ,则该按钮将不可单击;
interactionSource: MutableInteractionSource = remember { MutableInteractionSource() } 表示交互的状态信息,也就是相当于我们之前给按钮设置的各种selector,来实现普通、点击效果等
elevation: ButtonElevation? = null ButtonElevation 用于解析此按钮在不同状态下的高度。 TextButton 通常没有高度,有关具有高程的按钮,请参阅 Button
shape: Shape = MaterialTheme.shapes.small 定义按钮的形状及其阴影
border: BorderStroke? = null 在按钮周围绘制边框
colors: ButtonColors = ButtonDefaults.textButtonColors() 颜色 ButtonColors 将用于解析此按钮在不同状态下的背景和内容颜色。参见 ButtonDefaults.textButtonColors
contentPadding: PaddingValues = ButtonDefaults.TextButtonContentPadding 在容器和内容之间内部应用的间距值
content: @Composable RowScope.() -> Unit 按钮的内容,按钮可能包含文本信息,也可能包含图标信息,这个参数就是让你组合你需要的控件的,注意它是横向的。

3. OutlinedButton

@Composable
fun OutlinedButton(
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
    elevation: ButtonElevation? = null,
    shape: Shape = MaterialTheme.shapes.small,
    border: BorderStroke? = ButtonDefaults.outlinedBorder,
    colors: ButtonColors = ButtonDefaults.outlinedButtonColors(),
    contentPadding: PaddingValues = ButtonDefaults.ContentPadding,
    content: @Composable RowScope.() -> Unit
)
参数
onClick:() -> Unit 当用户点击按钮时将被调用
modifier: Modifier = Modifier 应用于该布局节点的 Modifier
enabled: Boolean = true 控制按钮的启用状态。如果为 false ,则该按钮将不可单击;
interactionSource: MutableInteractionSource = remember { MutableInteractionSource() } 表示交互的状态信息,也就是相当于我们之前给按钮设置的各种selector,来实现普通、点击效果等
elevation: ButtonElevation? = null ButtonElevation 用于解析此按钮在不同状态下的高度。 TextButton 通常没有高度,有关具有高程的按钮,请参阅 Button
shape: Shape = MaterialTheme.shapes.small 定义按钮的形状及其阴影
border: BorderStroke? = ButtonDefaults.outlinedBorder 在按钮周围绘制边框
colors: ButtonColors = ButtonDefaults.outlinedButtonColors() 颜色 ButtonColors 将用于解析此按钮在不同状态下的背景和内容颜色。参见 ButtonDefaults.outlinedButtonColors
contentPadding: PaddingValues = ButtonDefaults.ContentPadding 在容器和内容之间内部应用的间距值
content: @Composable RowScope.() -> Unit 按钮的内容,按钮可能包含文本信息,也可能包含图标信息,这个参数就是让你组合你需要的控件的,注意它是横向的。

4. IconButton

@Composable
fun IconButton(
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
    content: @Composable () -> Unit
)
参数
onClick:() -> Unit 当用户点击按钮时将被调用
modifier: Modifier = Modifier 应用于该布局节点的 Modifier
enabled: Boolean = true 控制按钮的启用状态。如果为 false ,则该按钮将不可单击;
interactionSource: MutableInteractionSource = remember { MutableInteractionSource() } 表示交互的状态信息,也就是相当于我们之前给按钮设置的各种selector,来实现普通、点击效果等
content: @Composable () -> Unit content 要在 IconButton 内绘制的内容(图标)。这通常是一个 Icon

最后更新: October 18, 2021