【初学qml之麻烦篇】：（1）依据坐标，判断某处的Item

最新推荐文章于 2024-04-03 10:40:25 发布
最新推荐文章于 2024-04-03 10:40:25 发布
阅读量2.6k 收藏 2
点赞数 1
分类专栏： qml 文章标签： qml qt quick
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/heibaige/article/details/20641729
版权
初学者在QML中尝试通过鼠标点击坐标来判断并改变Rectangle颜色，发现可以利用Item的childAt()函数找到点击位置上的子元素，以此实现对特定Rectangle的高亮效果。代码实现中涉及鼠标坐标获取及MouseArea组件的应用。
摘要由CSDN通过智能技术生成

    初学qml，需要实现单击鼠标，使所点击的Rectangle（有多个Rectangle）获得焦点，并改变颜色。

    这个实现起来呢并不麻烦，在每个Rectangle中加入MouseArea实现即可，但是我并不想这样做，想只用一个MouseArea，这就需要判断点击的是哪个，于是我想通过鼠标点击的坐标判断，搜索无果但是找到了一个函数childAt()，于是乎依据此函数小小的实现了下。

    childAt用法：

    Item::childAt ( realx, realy)

    Returns the visible child item at poin

最低0.47元/天 解锁文章
91黑白格
关注
专栏目录
CheckCapsLock.qml:Check CapsLock in qml. 在qml中判断键盘大写锁定键是否开启
05-16
在输入框中判断键盘是否处于大写锁定状态 一般用于密码输入时，提示用户键盘处于大写锁定状态。 要判断 shift 是否按下 判断输入字符是否为字母 shift 被按下且输入字符为小写字母，则键盘处于大写锁定状态 shift 没有被按下且输入字符为小写字母，则键盘处于小写锁定状态 function isUpperLock(shift, letter){ if(!isalpha((letter))) return false; // shift键按下 // 且输入字符为小写 // 则大写锁定为开启 if(shift) { if(isLowerCaseChar(letter)) return true; else return false; } else {
QML基础
styyzxjq2009的专栏
11-29 2098
QML 基本的属性类型 1. QML 基本可视元素 Item      QML中所有的可视项目都集成自Item      默认属性children和resource      属性opacity： 用来设置透明度，      属性z： 表示兄弟项目的显示层次      定位子项目和坐标映射： childAt( real x, real y ) 返回在点(x,y)处的子项目
qml基本项元素Item
u012093557的博客
11-21 290
3）object mapToItem(Item item, point p)及其重载函数，将参数中 Item 坐标系中的点 (x, y) 或 rect (x, y, width, height) 映射到当前 Item 的坐标系，并返回与映射坐标匹配的点或矩形。4）object mapFromItem(Item item, point p)将参数中 Item 坐标系中的点 (x, y) 或 rect (x, y, width, height) 映射到当前 Item 的坐标系，并返回与映射坐标匹配的点或矩形。
QML QuickItem鼠标键盘处理
LaineGates的专栏
03-31 2815
使用QML和C++混合编程，要处理键盘事件，和鼠标事件一样，也是个麻烦事。 键盘事件与鼠标事件的一大不同是，鼠标事件是有坐标的，而键盘事件没有坐标，所以处理鼠标事件的前提是控件获得了焦点（focus）。QML键盘事件处理直接上示例：Rectangle { width: 100; height: 100 focus: true Keys.onPressed: {
Qml之坐标轴的实现及曲线添加
09-09
1. `QDeclarativeXAxis`和`QDeclarativeYAxis`是QML中用于表示水平和垂直坐标轴的类。你可以通过设置它们的属性来定制轴的行为，如`labelsVisible`来控制是否显示刻度标签，`tickCount`来决定轴上的刻度数量，`...
qml-virtualkey:纯QML应用内虚拟键盘
05-13
1. **完全用QML编写**：`qml-virtualkey` 的优点在于整个组件都是用QML实现的，这意味着它可以轻松集成到任何QML项目中，无需额外的C++编译步骤。 2. **可定制化**：此虚拟键盘支持自定义布局，可以根据应用需求...
QML-Loaders：在QML中加载动画实现
02-05
QML（Qt Meta Language）是Qt框架的一部分，用于构建用户界面和交互逻辑。Loaders是QML中的一个重要组件，它允许动态地加载和卸载QML组件，这在实现复杂和灵活的用户界面时非常有用。特别是在动画效果的实现中，...
qml-box2d：Box2D QML插件
02-05
qml-box2d是一个基于Qt框架的QML插件，它为开发者提供了在QML中集成Box2D物理引擎的能力。Box2D是一个广泛使用的2D物理模拟库，它允许游戏和应用开发者创建复杂的物理交互场景，如重力、碰撞检测和刚体动态。通过将...
qml-TreeView拖拽-移动item到其他item
02-17
在`Delegate`中，我们可以根据鼠标的坐标判断是否接受拖放到当前Item。 3. **处理模型数据**：在`drop`事件中，我们需要更新`TreeViewModel`中的数据。这可能涉及到调用`beginInsertRows()`、`endInsertRows()`、`...
QML 控件内的鼠标坐标和主窗口的坐标
hw5230的博客
04-22 2593
在 QML 中，可以通过 MouseArea 组件的 x 和 y 属性获取鼠标在该控件内的相对坐标。同时，可以使用来自 QtQuick.Window 的属性来获取主窗口的大小和位置，然后将鼠标相对坐标转换为主窗口坐标。的矩形，并将其放置在主窗口中心。我们还添加了一个 MouseArea 组件，以便捕获鼠标移动事件并记录鼠标在主窗口中的位置。请注意，由于鼠标在 Main Window 中的坐标可能会受到窗口大小和位置的影响，因此我们使用了。控件的坐标映射到主窗口上。然后，我们记录了鼠标在主窗口中的位置。
QML类型：Item、Rectangle
hw5230的博客
07-06 763
Item 类型是 Qt Quick 中所有可视项的基本类型。Qt Quick 中的所有可视项都继承自 Item。尽管 Item 对象没有视觉外观，但它定义了所有视觉项的通用属性。Item 类型可做为根元素包含视觉项目。
QML Item
qq_45303986的博客
02-27 612
Item中还有一个data默认属性，允许在项目中将可见和不可见的资源自由混合，由于data是默认 属性，所以可以省略data标签。Item拥有一个z属性，可以设置堆叠顺序，默认的堆叠顺序为0，z数值大的优先绘制。item拥有children属性和resources。如果都没设置的话，根据项目顺序（由上到下）绘制。states（状态）
QML类型说明-Item
杞櫹椅桐的专栏
09-16 3124
Item ImportStatement:   import QtQuick 2.2 Instantiates:     QQuickItem Inherits:      QtObject InheritedBy:    AnimatedSprite,BorderImage, Canvas, Column, Flickable, Flipable, Flow, FocusScope,
QML类型：Item
友善啊，朋友的博客
09-27 3959
一、描述 Item 类型是 Qt Quick 中所有可视项的基本类型。 Qt Quick 中的所有可视项都继承自 Item。尽管 Item 对象没有视觉外观，但它定义了所有视觉项的通用属性。 Item 类型可做为根元素包含视觉项目。 二、属性成员 1、implicitHeight : real、implicitWidth : real 隐式高度、隐式宽度：如果未指定宽度或高度，则定义项目的自然宽度或高度。 大多数项目的默认隐式大小为 0x0，但是有些项目具有无法覆盖的固有隐式大小，例如，Im
qml 鼠标点击_将鼠标事件发送到QML对象
weixin_32316643的博客
02-04 245
您的问题与this question之间似乎存在某种关系请看一下。import QtQuick 1.0Rectangle {width: 360height: 360MouseArea {anchors {fill: parent; margins: 40}onClicked: console.log("hello from below");}MouseArea {id: mouseAreaanc...
QML之Item组件
Y03977211367Y的博客
01-08 2695
`Item`是Qt Quick中所有可视组件的基本类型，Qt Quick中的所有可视组件都继承于`Item`。尽管`Item`本身不可见，但它定义了所有可视组件的通用属性，如坐标、宽高、锚定关系、事件处理等等。
Qml状态
SuperYu的博客
03-09 592
Qml状态 状态改变 1.在组件中添加states数组，元素为不同状态，点击改变方块颜色 states: [ State { name: "stop" PropertyChanges { target: stop_light color: "red" } PropertyChanges { target: go_light color: "b
qt Qml qml Item属性了解
最新发布
weixin_60755571的博客
04-03 434
​​锚点 一般使用anchors.fill等等 在anchors group里面的都可以用​​填满，一般跟父控件 parent​​左侧锚点的位置，一般跟对应控件比如rec1.right​​​距离左侧锚点的距离，跟数字​​中心居中​​宽居中父控件​​高居中父控件​​旋转角度​​放缩比例‍‍。
QtQml实现Qml与Cpp交互：访问方法指南
资源摘要信息: "Qt QML开发 - 交互之从QML界面访问C++方法" 在当今快速发展的软件开发领域，跨平台应用的开发需求日益增加。Qt作为一个跨平台的C++框架，通过其模块化和可重用的代码库提供了全面的应用解决方案。Qt...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值