HarmonyOS-UIAbitity-Checkbox——【坚果派-红目香薰】

​

 摘要

作者：红目香薰
团队：坚果派
团队介绍：坚果派由坚果创建，团队拥有12个华为HDE以及若干其他领域的三十余位万粉博主运营。 

目录

摘要

HarmonyOS-UIAbitity-Checkbox

接口

属性

事件

HarmonyOS-UIAbitity-Checkbox

多选框组件，通常用于某选项的打开或关闭。

接口

Checkbox( options?: {name?: string, group?: string} )

参数：

属性

事件

复选框示例：

​

编辑

示例代码：

@Entry
@Component
struct Index {
  @State msg: string = ""

  build() {
    Row() {
      Column() {
        Text(this.msg).fontSize(50).fontColor(Color.Red)
      }

      Checkbox({ name: 'checkbox1', group: 'checkboxGroup' })
        .select(true)
        .selectedColor(0xed6f21)
        .onChange((value: boolean) => {
          if (this.msg.indexOf("鲜花") == -1) {
            this.msg += "鲜花,"
          }
        })
        .width('200px')
        .height('200px')
      Blank()
      Checkbox({ name: 'checkbox2', group: 'checkboxGroup' })
        .select(false)
        .selectedColor(0x39a2db)
        .onChange((value: boolean) => {
          if (this.msg.indexOf("掌声") == -1) {
            this.msg += "掌声,"
          }
        })
        .width('200px')
        .height('200px')
    }
  }
}

这里为了看着大一些，我设置的宽高都比较大，根据自己的需求修改即可。

​

​

 摘要

作者：红目香薰
团队：坚果派
团队介绍：坚果派由坚果创建，团队拥有12个华为HDE以及若干其他领域的三十余位万粉博主运营。 

目录

摘要

HarmonyOS-UIAbitity-Checkbox

接口

属性

事件

HarmonyOS-UIAbitity-Checkbox

多选框组件，通常用于某选项的打开或关闭。

接口

Checkbox( options?: {name?: string, group?: string} )

参数：

属性

事件

复选框示例：

​

编辑

示例代码：

@Entry
@Component
struct Index {
  @State msg: string = ""

  build() {
    Row() {
      Column() {
        Text(this.msg).fontSize(50).fontColor(Color.Red)
      }

      Checkbox({ name: 'checkbox1', group: 'checkboxGroup' })
        .select(true)
        .selectedColor(0xed6f21)
        .onChange((value: boolean) => {
          if (this.msg.indexOf("鲜花") == -1) {
            this.msg += "鲜花,"
          }
        })
        .width('200px')
        .height('200px')
      Blank()
      Checkbox({ name: 'checkbox2', group: 'checkboxGroup' })
        .select(false)
        .selectedColor(0x39a2db)
        .onChange((value: boolean) => {
          if (this.msg.indexOf("掌声") == -1) {
            this.msg += "掌声,"
          }
        })
        .width('200px')
        .height('200px')
    }
  }
}

这里为了看着大一些，我设置的宽高都比较大，根据自己的需求修改即可。

​