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

2024-06-06 00:38

本文主要是介绍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可以被包含在一个ImageRectangle以及一个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提供了好几种内置类型。特别的是,TextInputTextEdit类型分别允许单行输入和多行编辑。

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

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


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



http://www.chinasem.cn/article/1034623

相关文章

Ubuntu固定虚拟机ip地址的方法教程

《Ubuntu固定虚拟机ip地址的方法教程》本文详细介绍了如何在Ubuntu虚拟机中固定IP地址,包括检查和编辑`/etc/apt/sources.list`文件、更新网络配置文件以及使用Networ... 1、由于虚拟机网络是桥接,所以ip地址会不停地变化,接下来我们就讲述ip如何固定 2、如果apt安

PyCharm 接入 DeepSeek最新完整教程

《PyCharm接入DeepSeek最新完整教程》文章介绍了DeepSeek-V3模型的性能提升以及如何在PyCharm中接入和使用DeepSeek进行代码开发,本文通过图文并茂的形式给大家介绍的... 目录DeepSeek-V3效果演示创建API Key在PyCharm中下载Continue插件配置Con

Deepseek R1模型本地化部署+API接口调用详细教程(释放AI生产力)

《DeepseekR1模型本地化部署+API接口调用详细教程(释放AI生产力)》本文介绍了本地部署DeepSeekR1模型和通过API调用将其集成到VSCode中的过程,作者详细步骤展示了如何下载和... 目录前言一、deepseek R1模型与chatGPT o1系列模型对比二、本地部署步骤1.安装oll

在不同系统间迁移Python程序的方法与教程

《在不同系统间迁移Python程序的方法与教程》本文介绍了几种将Windows上编写的Python程序迁移到Linux服务器上的方法,包括使用虚拟环境和依赖冻结、容器化技术(如Docker)、使用An... 目录使用虚拟环境和依赖冻结1. 创建虚拟环境2. 冻结依赖使用容器化技术(如 docker)1. 创

Spring Boot整合log4j2日志配置的详细教程

《SpringBoot整合log4j2日志配置的详细教程》:本文主要介绍SpringBoot项目中整合Log4j2日志框架的步骤和配置,包括常用日志框架的比较、配置参数介绍、Log4j2配置详解... 目录前言一、常用日志框架二、配置参数介绍1. 日志级别2. 输出形式3. 日志格式3.1 PatternL

MySQL8.2.0安装教程分享

《MySQL8.2.0安装教程分享》这篇文章详细介绍了如何在Windows系统上安装MySQL数据库软件,包括下载、安装、配置和设置环境变量的步骤... 目录mysql的安装图文1.python访问网址2javascript.点击3.进入Downloads向下滑动4.选择Community Server5.

CentOS系统Maven安装教程分享

《CentOS系统Maven安装教程分享》本文介绍了如何在CentOS系统中安装Maven,并提供了一个简单的实际应用案例,安装Maven需要先安装Java和设置环境变量,Maven可以自动管理项目的... 目录准备工作下载并安装Maven常见问题及解决方法实际应用案例总结Maven是一个流行的项目管理工具

本地私有化部署DeepSeek模型的详细教程

《本地私有化部署DeepSeek模型的详细教程》DeepSeek模型是一种强大的语言模型,本地私有化部署可以让用户在自己的环境中安全、高效地使用该模型,避免数据传输到外部带来的安全风险,同时也能根据自... 目录一、引言二、环境准备(一)硬件要求(二)软件要求(三)创建虚拟环境三、安装依赖库四、获取 Dee

MySql9.1.0安装详细教程(最新推荐)

《MySql9.1.0安装详细教程(最新推荐)》MySQL是一个流行的关系型数据库管理系统,支持多线程和多种数据库连接途径,能够处理上千万条记录的大型数据库,本文介绍MySql9.1.0安装详细教程,... 目录mysql介绍:一、下载 Mysql 安装文件二、Mysql 安装教程三、环境配置1.右击此电脑

在idea中使用mysql数据库超详细教程

《在idea中使用mysql数据库超详细教程》:本文主要介绍如何在IntelliJIDEA中连接MySQL数据库,并使用控制台执行SQL语句,还详细讲解了如何使用MyBatisGenerator快... 目录一、连接mysql二、使用mysql三、快速生成实体、接口、sql文件总结一、连接mysql在ID