HarmonyOS Toggle组件如何通过事件控制开关状态

Toggle组件无法通过options中的isOn属性控制开关状态。如下:

@State toggleStatus: boolean = true
Toggle({ type: ToggleType.Switch, isOn: this.toggleStatus })
  .onClick(() => {
    setTimeout(() => {
      this.toggleStatus = true
    }, 2000);
  })
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.

当点击Toggle组件后按钮状态为关闭,延时2秒后,Toggle组件isOn属性为true,整个流程按钮状态为开-关-开。

HarmonyOS
2024-12-26 15:48:22
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
fox280

可以用组件盖在上面来实现:

@Entry
@Component
struct ToggleExample {
  @State is_on:boolean = false;
  build() {
    Column() {
      Row() {
        Text("Bluetooth Mode")
          .height(50)
          .fontSize(16)
      }
      Row() {
        Text("Bluetooth")
          .height(50)
          .padding({left: 10})
          .fontSize(16)
          .textAlign(TextAlign.Start)
          .backgroundColor(0xFFFFFF)
        Stack(){
          Toggle({ type: ToggleType.Switch ,isOn:this.is_on})
            .margin({left: 200, right: 10})
          Column(){
          }.width(60)
          .height(50)
          .margin({left: 200, right: 10})
          .onClick(()=>{
            setTimeout(()=>{
              this.is_on = !this.is_on
            },1000)
          })
        }
      }
      .backgroundColor(0xFFFFFF)
    }
    .padding(10)
    .backgroundColor(0xDCDCDC)
    .width('100%')
    .height('100%')
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
分享
微博
QQ
微信
回复
2024-12-26 18:05:26
相关问题
HarmonyOS Toggle开关状态控制
884浏览 • 1回复 待解决
HarmonyOS 如何单独控制闪光灯开关
596浏览 • 1回复 待解决
HarmonyOS 如何获取手机GPS开关状态
612浏览 • 1回复 待解决
HarmonyOS Toggle是否有异步控制功能
592浏览 • 1回复 待解决
HarmonyOS 扬声器开关状态如何监听
635浏览 • 1回复 待解决
HarmonyOS RichEditor如何控制输入状态
769浏览 • 1回复 待解决
HarmonyOS 如何控制状态
842浏览 • 1回复 待解决
是否有闪光灯开关控制能力?
2480浏览 • 1回复 待解决
HarmonyOS Toggle组件怎么拦截?
1377浏览 • 1回复 待解决
HarmonyOS 事件独占控制问题
998浏览 • 1回复 待解决