ArkUI组件--Button组件

喝鸡汤2023-12-04 22:38

1.声明Button组件

复制代码

Button(label?:ResourceStr)
#label是按钮上显示的文本

①label是文字类型

所写文字会在按钮上显示

②不输入label内容，需要额外定义一些描述。例如插入图片（需要定义图片属性）

复制代码

Button(){
    Image($r('app.media.xxx'))
        .width(250)
        .height(20)
        ...
}

复制代码

Button("文本信息")
    .width(250)
    .height(30)
    .type(ButtonType.Normal)    #按钮类型，可选，特有属性
    .onClick(() =>{
    #定义点击事件
})

ButtonType的可选项及其应用场景