ArkUI组件--Button组件

1.声明Button组件

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

①label是文字类型

所写文字会在按钮上显示

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

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

2.添加属性和事件信息

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

ButtonType的可选项及其应用场景

相关推荐
在人间耕耘15 分钟前
uniapp- UTS 插件鸿蒙端开发示例 虽然我们这个示例简单 但是这个是难住很多人的一大步
华为·harmonyos
程序员小刘2 小时前
如何配置HarmonyOS 5与React Native的开发环境?
react native·华为·harmonyos
0x00072 小时前
HarmonyOS 应用开发学习记录 - 从Windows开发者视角看鸿蒙开发
华为·typescript·harmonyos·鸿蒙系统
Aisanyi3 小时前
【鸿蒙开发从入门到放弃】新建项目,并接入Git
github·harmonyos
空潭冷月3 小时前
HarmonyOS5:卡牌游戏开发
harmonyos
二流小码农4 小时前
鸿蒙开发:一文了解桌面卡片
android·ios·harmonyos
勿念4364 小时前
在鸿蒙HarmonyOS 5中实现抖音风格的点赞功能
华为·harmonyos
xq95274 小时前
鸿蒙next 带你玩转Web组件拉起相机进行拍照
harmonyos
BenChuat4 小时前
期末考试复习总结-第一章《HarmonyOS介绍》
harmonyos
勿念4365 小时前
鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个医院挂号小程序
华为·harmonyos