输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
CTRL+K
文档管理中心

HarmonyOS

输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
CTRL+K
FAQ
FAQ应用框架开发UI框架组件使用Toggle组件响应点击后会立即渲染并回调。如何实现点击后延迟改变状态并时回调

Toggle组件响应点击后会立即渲染并回调。如何实现点击后延迟改变状态并时回调

更新时间: 2026-06-26 07:47

使用hitTestBehavior和setTimeout解决。示例代码如下：

收起
自动换行
深色代码主题
复制
  1. @Entry
  2. @Component
  3. struct ToggleDemo {
  4.   @State isDarkMode: boolean = false;
  5.   private timeoutID?: number;
  6. 

  7.   aboutToDisappear(): void {
  8.     clearTimeout(this.timeoutID);
  9.   }
  10. 

  11.   build() {
  12.     Column() {
  13.       Column() {
  14.         Toggle({ type: ToggleType.Switch, isOn: $$this.isDarkMode })
  15.           .onChange((isOn: boolean) => {
  16.             console.info('Toggle.onChange:isOn' + isOn);
  17.             this.isDarkMode = isOn;
  18.             this.getUIContext().getHostContext()!.getApplicationContext().setColorMode(this.isDarkMode ? 0 : 1);
  19.           })
  20.       }
  21.       // Set hitTestBehavior property to HitTestMode.Block to block Toggle component's event response.
  22.       .hitTestBehavior(HitTestMode.Block)
  23.       .onClick(() => {
  24.         this.timeoutID = setTimeout(() => {
  25.           this.isDarkMode = !this.isDarkMode;
  26.         }, 1500);
  27.       })
  28.     }
  29.     .width('100%')
  30.     .height('100%')
  31.     .padding(32)
  32.   }
  33. }
如何修改bindPopup绑定的弹窗圆角大小和箭头颜色
如何更改TextInput密码输入模式下passwordIcon的大小、颜色、位置
相关推荐
文档如何让组件（如Toggle）在自定义弹窗点击确认之后才改变状态
文档SegmentButton如何设置点击回调事件
文档组件如何拦截多次快速点击事件
文档Web页面点击响应慢
文档实现图标点击的动效
文档Toggle组件设置拖动的同时如何屏蔽其本身的点击手势
文档点击响应时延分析
文档Web点击响应时延分析
文档自定义组件
文档如何设置TabBar切换动画
简体中文
华为开发者联盟 版权所有 ©2026
问题反馈
使用条款
华为开发者联盟用户协议
关于华为开发者联盟与隐私的声明
Cookies
开源软件声明
在 FAQ 中进行搜索
请输入您想要搜索的关键词