首页 > 代码库 > Qt官方教程翻译——Use Case - Responding To User Input in QML
Qt官方教程翻译——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.0 Item { id: root width: 320 height: 480 Rectangle { color: "#272822" width: 320 height: 480 } Rectangle { id: rectangle x: 40 y: 20 width: 120 height: 120 color: "red" MouseArea { anchors.fill: parent onClicked: rectangle.width += 10 } } }·
要进一步了解复杂手势的用例,请参考MultiPointTouchArea类型及PinchArea类型。
注意有些类型用来对它们内置的一些输入进行处理。例如,Flickable默认对鼠标拖动、滚轮滚动、触摸拖动和滑动做出响应。
Keyboard and Button Events —— 键盘和按钮事件
来自键盘或者鼠标的按键被按下,都可以被Keys附加属性进行处理。所有Item的派生类都含有这个附加属性,我们需要设置Item::focus属性来决定该类型是否接受按键事件。举一个简单的按键处理的栗子,你可以在一个单独的Item中设置它的焦点为true,然后做所有你按键后想要做的事情。
import QtQuick 2.0 Item { id: root width: 320 height: 480 Rectangle { color: "#272822" width: 320 height: 480 } Rectangle { id: rectangle x: 40 y: 20 width: 120 height: 120 color: "red" focus: true Keys.onUpPressed: rectangle.y -= 10 Keys.onDownPressed: rectangle.y += 10 Keys.onLeftPressed: rectangle.x += 10 // 原文中就是左键向右跑,不是我写错了噢。译者注 Keys.onRightPressed: rectangle.x -= 10 } }·
对于文本输入Qt Quick提供了好几种内置类型。特别的是,TextInput和TextEdit类型分别允许单行输入和多行编辑。
这里是使一个TextInput工作的代码:
import QtQuick 2.0 TextInput { focus: true text: "Initial Text" }
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。