HarmonyOS 开发基础(五)Button

HarmonyOS 开发基础(五)Button

typescript 复制代码
@Entry
@Component
struct Index {
  build() {
    Row() {
      Column() {
        // Button:ArkUI 的基础组件 按钮组件
        // label 参数:文字型按钮
        Button('我是按钮')
          // width:属性方法,设置组件的宽度
          .width(300)
          // height:属性方法,设置组件的高度
          .height(50)
          // fontSize:属性方法,设置字体大小
          .fontSize(20)
          // type:属性方法,设置按钮类型
          .type(ButtonType.Normal)
          // onClick:组件事件,当点击按钮时触发
          .onClick(() => {
            console.log('我点击了按钮')
          })


        // Row:ArkUI 的基础组件 行组件
        // 将 Button 按钮放到 Row 行中,对 Row 进行位置调动
        Row(){
          // 自定义按钮,在 Button 内嵌其他组件
          Button(){
            // 内嵌 Image 组件
            Image($r('app.media.icon'))
              // width:属性方法,设置组件的宽度
              .width(100)
                // height:属性方法,设置组件的高度
              .height(100)
          }
        }
        // width:属性方法,设置组件的宽度
        .width('100%')
        // justifyContent:属性方法,设置对齐状态
        .justifyContent(FlexAlign.Center)
        // margin:属性方法,设置外边距
        .margin({top: 50})
      }
    }
  }
}
相关推荐
钛态32 分钟前
Flutter 组件 ews 的适配 鸿蒙Harmony 实战 - 深度对接企业级 Exchange 服务、实现鸿蒙端邮件与日程的高效分发及 SOAP 协议连接方案
flutter·harmonyos·鸿蒙·openharmony
亚历克斯神34 分钟前
Flutter 三方库 jwt_io 的鸿蒙化适配指南 - 在鸿蒙系统上构建极致、严谨、全能的 JSON Web Token (JWT) 加解密与身份安全验证引擎
flutter·json·harmonyos
键盘鼓手苏苏36 分钟前
Flutter for OpenHarmony:使用 typed_data 直击高性能底层数据操作核心
android·flutter·华为·自动化·harmonyos
加农炮手Jinx36 分钟前
Flutter 组件 sse_stream 的适配 鸿蒙Harmony 深度进阶 - 驾驭高并发 Server-Sent Events 背压处理、实现鸿蒙端工业级 AI 响应流与长效链路治理方案
flutter·harmonyos·鸿蒙·openharmony·sse_stream
钛态37 分钟前
Flutter 三方库 tftp 的鸿蒙化适配指南 - 实现 RFC 1350 标准的极简文件传输协议、支持端侧嵌入式设备固件更新与局域网数据交换实战
flutter·harmonyos·鸿蒙·openharmony
左手厨刀右手茼蒿37 分钟前
Flutter for OpenHarmony:mailer — 基于 SMTP 的极速邮件投递服务(适配鸿蒙 HarmonyOS Next ohos)
android·flutter·华为·交互·harmonyos
雷帝木木38 分钟前
Flutter 组件 metalink 的适配 鸿蒙Harmony 深度进阶 - 驾驭节点负载热力均衡、实现鸿蒙端跨域传输安全 (TLS) 与 HAP 原子化精准推送方案
flutter·harmonyos·鸿蒙·openharmony
亚历克斯神38 分钟前
Flutter 三方库 eip55 的鸿蒙化适配指南 - 在鸿蒙系统上构建极致、严谨、符合 Web3 标准的以太坊地址校验与防串改引擎
flutter·web3·harmonyos
王码码203539 分钟前
Flutter 三方库 soundcloud_explode_dart 的鸿蒙化适配指南 - 实现高性能的 SoundCloud 媒体内容解析、支持音频流下载与全量元数据透传
flutter·harmonyos·鸿蒙·openharmony·soundcloud_explode_dart
国医中兴40 分钟前
Flutter 三方库 linalg 的鸿蒙化适配指南 - 掌控高性能线性代数、矩阵运算实战、鸿蒙级算法中枢
线性代数·flutter·harmonyos