#鸿蒙通关秘籍#如何实现鸿蒙HarmonyOS中的鼠标悬浮事件？

实现鼠标悬浮事件，可以使用onHover回调方法。当鼠标从组件外进入组件内时，isHover参数为true，反之为false。以下是代码示例：

@Entry
@Component
struct MouseExample {
  @State hoverText: string = 'Not Hover';
  @State Color: Color = Color.Gray;

  build() {
    Column() {
      Button(this.hoverText)
        .width(200).height(100)
        .backgroundColor(this.Color)
        .onHover((isHover?: boolean) => {
          if (isHover) {
            this.hoverText = 'Hovered!';
            this.Color = Color.Green;
          } else {
            this.hoverText = 'Not Hover';
            this.Color = Color.Gray;
          }
        });
    }.width('100%').height('100%').justifyContent(FlexAlign.Center);
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.