Qt开发框架入门级教程:用例 - 在QML中响应用户输入 Qt界面开发框架C++
程序员文章站
2022-03-03 15:00:42
...
支持的用户输入类型
Qt Quick 模块支持最常见的用户输入类型,包括鼠标和触摸事件、文本输入和按键事件,其他模块为其他类型的用户输入提供支持。
本文介绍了如何处理基本的用户输入。
鼠标和触摸事件
输入处理程序让 QML 应用程序处理鼠标和触摸事件。 例如,您可以通过将 TapHandler 添加到 Image 或添加到其中包含 Text 对象的 Rectangle 来创建按钮,TapHandler 响应轻敲或点击任何类型的定点设备。
import QtQuick 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" TapHandler { onTapped: rectangle.width += 10 } } }
注意:某些项目类型有自己的内置输入处理。 例如,Flickable 响应鼠标拖动、轻触和鼠标滚轮滚动。
键盘和按钮事件
来自设备、小键盘或键盘上的按钮和按键都可以使用 Keys 附加属性进行处理,此附加属性可用于所有 Item 派生类型,并与 Item::focus 属性一起确定接收键事件的类型。 对于简单的键处理,您可以在单个 Item 上将焦点设置为 true 并在那里进行所有键处理。
import QtQuick 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 } }
对于文本输入,我们有多种 QML 类型可供选择。 TextInput 提供无样式的单行可编辑文本,而 TextField 更适合应用程序中的表单字段。 TextEdit 可以处理多行可编辑文本,但 TextArea 是更好的选择,因为它添加了样式。
以下代码段演示了如何在您的应用程序中使用这些类型:
import QtQuick import QtQuick.Controls import QtQuick.Layouts ApplicationWindow { width: 300 height: 200 visible: true ColumnLayout { anchors.fill: parent TextField { id: singleline text: "Initial Text" Layout.alignment: Qt.AlignHCenter | Qt.AlignTop Layout.margins: 5 background: Rectangle { implicitWidth: 200 implicitHeight: 40 border.color: singleline.focus ? "#21be2b" : "lightgray" color: singleline.focus ? "lightgray" : "transparent" } } TextArea { id: multiline placeholderText: "Initial text\n...\n...\n" Layout.alignment: Qt.AlignLeft Layout.fillWidth: true Layout.fillHeight: true Layout.margins: 5 background: Rectangle { implicitWidth: 200 implicitHeight: 100 border.color: multiline.focus ? "#21be2b" : "lightgray" color: multiline.focus ? "lightgray" : "transparent" } } } }
Qt商用组件推荐
- QtitanRibbon - Ribbon UI组件:是一款遵循Microsoft Ribbon UI Paradigm for Qt技术的Ribbon UI组件,QtitanRibbon致力于为Windows、Linux和Mac OS X提供功能完整的Ribbon组件。
- QtitanChart - Qt类图表组件:是一个C ++库,代表一组控件,这些控件使您可以快速地为应用程序提供漂亮而丰富的图表。
- QtitanDataGrid - Qt网格组件:提供了一套完整的标准 QTableView 函数和传统组件无法实现的独特功能。使您能够将不同来源的各类数据加载到一个快速、灵活且功能强大的可编辑网格中,支持排序、分组、报告、创建带状列、拖放按钮和许多其他方便的功能。
- QtitanNavigation:QtitanNavigationDesignUI 组件是一组 GUI 控件,它实现了菜单、导航框、命令栏等导航界面,并让您以更少的滚动和点击次数有效地查看所有实体(工作区、网格或其他项目)。
- QtitanDocking:允许您像 Visual Studio 一样为您的伟大应用程序配备可停靠面板和可停靠工具栏。黑色、白色、蓝色调色板完全支持 Visual Studio 2019 主题!
Qt技术交流群4:166830288 欢迎一起进群讨论
推荐阅读
-
C++图形用户界面开发框架Qt 6.x入门级教程 - QML 应用程序 C++Qt图形界面
-
C++图形用户界面开发框架Qt 6.x - 在QML中显示文本 C++QtQML界面控件
-
Qt开发框架入门级教程:用例 - 在QML中响应用户输入 Qt界面开发框架C++
-
Qt开发框架入门级教程:用例 - QML中的动画 qtUIqmlc++
-
C++图形用户界面开发框架Qt 6.x- QML中的可视化元素 Qtc++界面开发QML
-
C++图形用户界面开发框架Qt 6.x - QML中的定位器和布局 C++用户界面开发框架Qt 6Qt
-
C++图形用户界面开发框架Qt 6.x入门级教程 - Qt Widgets简介 C++用户界面开发框架Qt 6.xQt Widgets
-
C++图形用户界面开发框架Qt 6.x入门级教程 - Qt Widgets简介 C++用户界面开发框架Qt 6.xQt Widgets
-
C++图形用户界面开发框架Qt 6.x - QML中的定位器和布局 C++用户界面开发框架Qt 6Qt
-
C++图形用户界面开发框架Qt 6.x - 在QML中显示文本 C++QtQML界面控件