OpenHarmony开发者论坛

标题: 焦点事件onBlur/onFocus回调无法触发 [打印本页]
作者: Summer    时间: 2023-9-5 09:36
标题: 焦点事件onBlur/onFocus回调无法触发
【问题描述】
按照官网的示例，运行代码，点击按钮时，焦点事件onBlur/onFocus回调无法触发。

(, 下载次数: 0)

代码：
  1. // xxx.ets
  2. @Entry
  3. @Component
  4. struct FocusEventExample {
  5.   @State oneButtonColor: string = '#FFC0CB'
  6.   @State twoButtonColor: string = '#87CEFA'
  7.   @State threeButtonColor: string = '#90EE90'

  9.   build() {
  10.     Column({ space: 20 }) {
  11.       // 通过外接键盘的上下键可以让焦点在三个按钮间移动，按钮获焦时颜色变化，失焦时变回原背景色
  12.       Button('First Button')
  13.         .backgroundColor(this.oneButtonColor)
  14.         .width(260)
  15.         .height(70)
  16.         .fontColor(Color.Black)
  17.         .focusable(true)
  18.         .onFocus(() => {
  19.           this.oneButtonColor = '#FF0000'
  20.         })
  21.         .onBlur(() => {
  22.           this.oneButtonColor = '#FFC0CB'
  23.         })
  24.       Button('Second Button')
  25.         .backgroundColor(this.twoButtonColor)
  26.         .width(260)
  27.         .height(70)
  28.         .fontColor(Color.Black)
  29.         .focusable(true)
  30.         .onFocus(() => {
  31.           this.twoButtonColor = '#FF0000'
  32.         })
  33.         .onBlur(() => {
  34.           this.twoButtonColor = '#87CEFA'
  35.         })
  36.       Button('Third Button')
  37.         .backgroundColor(this.threeButtonColor)
  38.         .width(260)
  39.         .height(70)
  40.         .fontColor(Color.Black)
  41.         .focusable(true)
  42.         .onFocus(() => {
  43.           this.threeButtonColor = '#FF0000'
  44.         })
  45.         .onBlur(() => {
  46.           this.threeButtonColor = '#90EE90'
  47.         })
  48.     }.width('100%').margin({ top: 20 })
  49.   }
  50. }
复制代码


【运行环境】
硬件：rk3568；  ROM:  4.0 Beta1 ；  API 10




作者: 无形之刃    时间: 2023-9-7 14:24
提示: 作者被禁止或删除 内容自动屏蔽



欢迎光临 OpenHarmony开发者论坛 (https://forums.openharmony.cn/) Powered by Discuz! X3.5