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

相关推荐
落叶挽歌1 小时前
鸿蒙ArkUI体验:Hexo博客客户端开发心得
华为·harmonyos
特立独行的猫a2 小时前
uni-app 开发HarmonyOS的鸿蒙影视项目分享:从实战案例到开源后台
uni-app·开源·harmonyos·鸿蒙·影视
交叉编译之王 hahaha3 小时前
RK3568-鸿蒙5.1镜像烧录与调试
华为·harmonyos
Raink老师3 小时前
鸿蒙页面布局入门
华为·harmonyos·鸿蒙·移动端布局
hbcui19844 小时前
uni-app x正式支持鸿蒙原生应用开发
uni-app·harmonyos·uni-app x
lqj_本人4 小时前
鸿蒙OS&UniApp制作支持多图上传的图片选择器:打造高性能移动端上传体验#三方框架 #Uniapp
华为·uni-app·harmonyos
晚秋大魔王5 小时前
OpenHarmony 开源鸿蒙南向开发——linux下使用make交叉编译第三方库——wget
java·linux·运维·开发语言·华为·harmonyos
周胡杰15 小时前
组件导航 (HMRouter)+flutter项目搭建-混合开发+分栏效果
前端·flutter·华为·harmonyos·鸿蒙·鸿蒙系统
bestadc16 小时前
鸿蒙 Core File Kit(文件基础服务)之简单使用文件
harmonyos
SuperHeroWu718 小时前
【HarmonyOS 5】鸿蒙星闪NearLink详解
华为·蓝牙·harmonyos·nearlink·鸿蒙星闪·绿牙