【鸿蒙学习笔记】UI・常用组件・Button・按钮组件・ButtonType

张紫娃

于 2024-07-19 11:29:09 发布

阅读量486

点赞数 1

分类专栏：鸿蒙文章标签： harmonyos 学习笔记

本文链接：https://blog.youkuaiyun.com/weixin_37646636/article/details/140544103

版权

鸿蒙专栏收录该内容

52 篇文章

订阅专栏

官方文档：按钮 (Button)

目录标题

- ButtonType

ButtonType

胶囊类型（Capsule）・圆形按钮（Circle）・普通按钮（Normal）・自定义

  Column({ space: 10 }) {
    Text('Normal').fontSize(20).fontColor(Color.Black).width('90%');
    Button('Ok', { type: ButtonType.Normal }).width(90).height(40);

    Text('Capsule').fontSize(20).fontColor(Color.Black).width('90%');
    Button('Ok', { type: ButtonType.Capsule }).width(90).height(40);

    Text('Circle').fontSize(20).fontColor(Color.Black).width('90%');
    Button('Ok', { type: ButtonType.Circle }).width(70).height(70);

    Text('自定义').fontSize(20).fontColor(Color.Black).width('90%');
    Button('Ok', { type: ButtonType.Normal }).width(70).height(70).borderRadius(20);
  }.width('100%').height('100%').backgroundColor(Color.Pink)

在这里插入图片描述