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的可选项及其应用场景

相关推荐
颜颜yan_2 小时前
【HarmonyOS5】UIAbility组件生命周期详解:从创建到销毁的全景解析
架构·harmonyos·鸿蒙·鸿蒙系统
龙儿筝6 小时前
ArkUI-X与Android桥接通信之消息通信
harmonyos
陈奕昆6 小时前
5.1 HarmonyOS NEXT系统级性能调优:内核调度、I/O优化与多线程管理实战
华为·harmonyos
libo_20258 小时前
HarmonyOS5 全球化运营:使用AGC的本地化工具适配30+国家/地区
harmonyos
程序员小刘8 小时前
如何优化React Native应用以适配HarmonyOS5?
javascript·react native·react.js·华为·harmonyos
程序员小刘8 小时前
【HarmonyOS 5】拍摄美化开发实践介绍以及详细案例
华为·harmonyos
王二蛋与他的张大花9 小时前
HarmonyOS运动开发:打造你的专属运动节拍器
harmonyos
HarmonyOS_SDK10 小时前
钉钉携手鸿蒙扫一扫,打造高效办公新体验
harmonyos
__Benco13 小时前
OpenHarmony平台驱动使用(十五),SPI
人工智能·驱动开发·harmonyos