其他分享
首页 > 其他分享> > Flutter桌面端开发——鼠标事件组件MouseRegion

Flutter桌面端开发——鼠标事件组件MouseRegion

作者:互联网

MouseRegion

用来跟踪鼠标移动

我们先定义两个参数

String _message = '鼠标未进入';
Color _color = Colors.blue;

当鼠标指针进入MouseRegion组件时对他们进行更改

MouseRegion(
  onEnter: (PointerEnterEvent e) {
    setState(() {
      _message = '鼠标进来了';
    });
  },
  onExit: (PointerExitEvent e) {
    setState(() {
      _message = '鼠标离开了';
      _color = Colors.blue;
    });
  },
  onHover: (PointerHoverEvent e) {
    setState(() {
      _color = Colors.lightBlueAccent;
    });
  },
),

image

我们注意到,在每个回调方法里分别都有一个基于PointerEventPointerEnterEventPointerExitEventPointerHoverEvent对象的值,我们来看看这个对象都有哪些信息。

PointerEvent

MouseCursor

自定义鼠标样式。要想自定义鼠标样式,我们可以使用SystemMouseCursors类来给MouseCursor属性赋值。

MouseRegion(
  cursor: SystemMouseCursors.wait,
),

image

SystemMouseCursors还有其他效果,可以自己试一下

标签:鼠标,触摸,double,MouseRegion,事件,PointerDeviceKind,Flutter,指针
来源: https://www.cnblogs.com/ilgnefz/p/16141838.html