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 小时前
HarmonyOS ArkTS 实战:实现一个待办清单与日程管理应用
华为·harmonyos
不肥嘟嘟右卫门17 小时前
鸿蒙原生ArkTS布局方式之RelativeContainer+百分比多设备布局深度解析
华为·harmonyos
●VON17 小时前
鸿蒙 PC Markdown 编辑器原生右键弹层兼容
安全·华为·编辑器·harmonyos·鸿蒙
达子66617 小时前
第9章_HarmonyOs图解 用Java开发UI
java·ui·harmonyos
智塑未来20 小时前
鸿蒙流畅度的三重支撑:系统调度、硬件速度、生态协同
华为·harmonyos
●VON20 小时前
鸿蒙 PC Markdown 编辑器系统浏览器与图片查看器独立验收
华为·编辑器·harmonyos·鸿蒙
红烧大青虫20 小时前
HarmonyOS开发实战:小分享-WaterFlow 瀑布流布局实现模板墙
华为·harmonyos·鸿蒙
2301_7803567021 小时前
全国首个全场景开源鸿蒙养老护理院,全视通以开源鸿蒙重塑智慧医康养!
harmonyos·医护对讲厂家·十佳智慧医院供应商
程序员黑豆21 小时前
鸿蒙应用开发:Stack堆叠组件实战——实现微信消息角标效果
前端·harmonyos
Catrice021 小时前
HarmonyOS ArkTS 实战:实现一个心情日记与情绪追踪应用
华为·harmonyos