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

HarmonyOS
19h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
紫电清霜CPL

实现鼠标悬浮事件,可以使用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);
  }
}
分享
微博
QQ
微信
回复
16h前
相关问题