在UI应用程序中，我们常常要处理鼠标事件，一个MouseArea就可以搞定许多事情。MouseArea本身是不可见的，主要和一些可见的元素一起使用，先来看一下它有哪些属性：

acceptedButtons：Qt::MouseButtons枚举类型，默认为Qt.leftButton，用来设置有效的鼠标按键，支持按位与“|”操作符，具体按键类型可参考——
http://doc.qt.io/qt-5/qt.html#MouseButton-enum
pressed：bool类型，当acceptedButtons中有鼠标键按下时为true。
pressedButtons：枚举值，保存了acceptedButtons中按下的鼠标键。

containsMouse：bool类型，记录光标是否在当前的MouseArea，与hoverEabled有关。
hoverEnabled：默认false，只有按下鼠标键时才处理鼠标事件，为true时即使没有按下鼠标键也会作相应的处理，影响的是containsMouse属性和onEntered()/onExited()/onPositionChanged()信号。
containsPress：bool类型，这个是Qt5.4新出现的属性，效果等同于“pressed && containsMouse”。

cursorShape：Qt::CursorShape枚举类型，默认是Qt.ArrowCursor，用来设置光标形状，具体类型可参考——
http://doc.qt.io/qt-5/qt.html#CursorShape-enum

enabled：bool类型，默认为true，用来设置当前对象是否响应鼠标事件，与Item元素的enabled属性不同的是，它只是对鼠标事件有效，不影响键盘事件，也不影响孩子对象。

mouseX/mouseY：real类型，保存了光标在当前对象的MouseArea中的X、Y坐标。

preventStealing：bool类型，默认为false，为true时可以防止当前鼠标事件被其它对象拦截。
propagateComposedEvents：bool类型，默认为false，为true时可以传递鼠标事件。

MouseArea有哪些信号呢？如下：
canceled() clicked(MouseEvent mouse) doubleClicked(MouseEvent mouse) entered() exited() positionChanged(MouseEvent mouse) pressAndHold(MouseEvent mouse) pressed(MouseEvent mouse) released(MouseEvent mouse) wheel(MouseEvent mouse)
这些信号都比较简单，不再多说了。

MouseArea还有一个有趣的drag组属性，可以实现拖拽效果，下面是其属性介绍：
drag.target：要拖拽对象的id。
drag.active：记录目标对象是否正在被拖拽。
drag.axis：设置拖拽方向，可以是Drag.XAxis/YAxis/XAndYAxis。
drag.minimumX/drag.maximumX：设置X方向可拖拽距离。
drag.minimumY/drag.maximumY：设置Y方向可拖拽距离。
drag.filterChildren：为true时，鼠标事件可被父对象接收。
drag.threshold：像素阈值，平台相关。

最后，再列举几个好玩的UI交互元素。
Flickable、Flipable可以实现弹动效果，就是一个小小的动画。
PinchArea可以通过两点触摸来实现旋转、缩放效果。
MutiPointTouchArea可以实现多点触摸手势。
Drag、DropArea也可以实现移动等效果。