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

相关推荐
淡写成灰33 分钟前
「Flutter 文件保存太难了?」一个插件打通 7 大平台,我把方案开源了 🎉
flutter·harmonyos
大雷神6 小时前
HarmonyOS ArkGraphics 2D 自定义字体实操:注册字体并验证中文回退
pytorch·华为·harmonyos
Nayana7 小时前
《Web 到 HarmonyOS》-- 第一课:前端经验哪些能带走
vue.js·harmonyos
大雷神8 小时前
HarmonyOS ArkGraphics 2D 复杂文本排版实操:用 ParagraphBuilder 做资讯阅读卡片
华为·harmonyos
大雷神8 小时前
HarmonyOS ArkGraphics 2D NativeImage 实操:获取 NativeWindow 与 SurfaceId
华为·harmonyos
小玮看世界8 小时前
当“教用户配置系统“成为产品的遮羞布:从鸿蒙拦截栈与小红书联系机制看科技公司的“驯化式创新“
科技·华为·harmonyos
梦想不只是梦与想9 小时前
鸿蒙 应用类型:企业应用
华为·harmonyos·企业应用
大雷神9 小时前
HarmonyOS ArkGraphics 2D 文本绘制实操:用 TextBlob 做动态文字排版
华为·harmonyos
搬砖的kk9 小时前
从 0 到 1:用 KMP + Compose Multiplatform + Ktor 实现鸿蒙「历史上的今天」应用
开源·harmonyos
星辰徐哥9 小时前
鸿蒙PC平台 Gnote 笔记应用适配实战:从 Linux 到 鸿蒙PC 的 Electron 迁移
linux·笔记·electron·harmonyos·gnote