QML官方系列教程——Use Case - Responding To User Input in QML

本文主要是介绍QML官方系列教程——Use Case - Responding To User Input in QML，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

附网址：http://qt-project.org/doc/qt-5/qtquick-usecase-userinput.html

Supported Types of User Input—— 用户输入的支持类型

Qt Quick模块提供了支持常用用户输入的支持类型(types)，包括鼠标和触摸事件，文本输入和按键按下事件。其他模块也分别提供了针对其他用户输入的响应类型（例如，Qt Sensors模块提供了对“摇一摇”的支持）。

这篇文档介绍了如何处理基本的用户输入；要了解更多关于运动手势(motion-gesture)的支持，请参考Qt Sensors文档。要了解更多关于音视频输入，请参考Qt Multimedia文档。

Mouse and Touch Events —— 鼠标和触摸事件

MouseArea类型使得鼠标和触摸事件在QML应用程序中能够被处理。MouseArea可以被包含在一个Image或Rectangle以及一个Text对象来实现一个简单的按钮。

import QtQuick 2.0Item {id: rootwidth: 320height: 480Rectangle {color: "#272822"width: 320height: 480}Rectangle {id: rectanglex: 40y: 20width: 120height: 120color: "red"MouseArea {anchors.fill: parentonClicked: rectangle.width += 10}}
}

·
要进一步了解复杂手势的用例，请参考MultiPointTouchArea类型及PinchArea类型。

注意有些类型用来对它们内置的一些输入进行处理。例如，Flickable默认对鼠标拖动、滚轮滚动、触摸拖动和滑动做出响应。

Keyboard and Button Events —— 键盘和按钮事件

来自键盘或者鼠标的按键被按下，都可以被Keys附加属性进行处理。所有Item的派生类都含有这个附加属性，我们需要设置Item::focus属性来决定该类型是否接受按键事件。举一个简单的按键处理的栗子，你可以在一个单独的Item中设置它的焦点为true，然后做所有你按键后想要做的事情。

import QtQuick 2.0Item {id: rootwidth: 320height: 480Rectangle {color: "#272822"width: 320height: 480}Rectangle {id: rectanglex: 40y: 20width: 120height: 120color: "red"focus: trueKeys.onUpPressed: rectangle.y -= 10Keys.onDownPressed: rectangle.y += 10Keys.onLeftPressed: rectangle.x += 10  // 原文中就是左键向右跑，不是我写错了噢。译者注Keys.onRightPressed: rectangle.x -= 10}
}

·
对于文本输入Qt Quick提供了好几种内置类型。特别的是，TextInput和TextEdit类型分别允许单行输入和多行编辑。

这里是使一个TextInput工作的代码：

import QtQuick 2.0TextInput {focus: truetext: "Initial Text"
}

这篇关于QML官方系列教程——Use Case - Responding To User Input in QML的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---