文档章节

【转载】 qml: MouseArea重叠问题;

o
 osc_z1hvg4cu
发布于 2018/04/24 13:57
字数 267
阅读 14
收藏 0

精选30+云产品,助力企业轻松上云!>>>

原文: https://blog.csdn.net/qq_15024587/article/details/80000443

MouseArea控件大家应该是很熟悉的了.   使用起来也是非常方便的说.   但是在使用MouseArea的时候也有些需要我们注意的地方.我在开发的过程中就遇到了一些问题,现在就分享一下.

代码片段1:

 

Item {
width: 860
height: 640
Button{
width: 86
height: 64
anchors.centerIn: parent
onClicked: {
console.log("button clicked")
}
}
MouseArea{
anchors.fill: parent
onClicked: {
console.log("mouseArea clicked")
}
}
}

 

代码片段2:

 

Item {
width: 860
height: 640
MouseArea{
anchors.fill: parent
onClicked: {
console.log("mouseArea clicked")
}
}
Button{
width: 86
height: 64
anchors.centerIn: parent
onClicked: {
console.log("button clicked")
}
}
}

 

大家可以看到这两段代码的不同之处就是MouseArea的为何和Button的位置坐了互换.  但是就是这样一个简单的操作会出现意想不到的情况,带代码片段1的运行情况是无论点击这个Item区域还是Button按钮都会出现 mouseArea clicked日志

代码片段2运行的情况是点击Item区域会出现mouseArea clicked日志,但是点击Button按钮会出现button clicked日志.

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
Qt Quick实现的涂鸦程序

之前一直以为 Qt Quick 里 Canvas 才可以自绘,后来发觉不是,原来还有好几种方式都可以绘图!可以使用原始的 OpenGL(Qt Quick 使用 OpenGL 渲染),可以构造QSGNode 来绘图,还可以使用 QP...

foruok
2014/11/21
0
0
V-Play入门手册3-如何编写高效的代码?

其中最酷的一个功能肯定是QML的属性绑定. From the Qt-Documentation: This is a core feature of QML that allows objects to automatically update their properties in response to chan......

jannn
2016/04/06
382
1
QML现学现用

QML 与 C++混合开发 Qt Quick QML负责UI C++负责逻辑与数据处理 交互使用Qt的Signal & Slots QML的基本概念 元素和属性 Rectangle 矩形元素 为了自适应不同的设备,可以使用 anchors.hori...

csdnhuaong
2018/03/08
0
0
qml 关于鼠标穿透的问题

最近在开发过程中,遇到了鼠标穿透的问题。结合网上给予的方法,都试了一圈,在这里总结一下: import QtQuick 2.9 import QtQuick.Window 2.2 import QtQuick.Controls 2.0 Window { visibl...

osc_jeoj68q8
2018/06/14
4
0
Qt使用教程之创建Qt Quick应用程序(三)

<Qt Enterprise最新版下载> 添加应用程序逻辑 新的项目向导将样本代码添加到main.qml文件中,用来创建菜单项和按钮。通过删除旧的代码和添加新的代码来修改样本代码。您可以从UI表单中删除按...

Miss_Hello_World
2016/01/29
55
0

没有更多内容

加载失败,请刷新页面

加载更多

WCF设计服务协议(一)

实现WCF的步骤如下: 设计服务协议 实现服务协议 配置服务 托管服务 生成客户端(这步可有可无) 设计或定义服务协议要么使用接口,要么使用类。建议接口,使用接口好处一堆例如修改接口的实...

osc_34b9n45c
9分钟前
0
0
【融职培训】Web前端学习 第10章 小程序开发3 目录结构介绍

一、项目目录 当我们创建好一个项目时,项目的目录如下所示: 可以看出小程序根目录下,有三个app开头的文件(app.js/app.json/app.wxss),和两个文件目录pages、utils. 其中,utils文件下存放...

学习猿地
9分钟前
4
0
Vscode html代码快速填写

前言 博主目前在用django进行web服务的部署,过程中遇到了许多问题,特此记录。 目录 文章目录 前言 目录 描述 描述 在网上搜索时发现,VScode可以自动补全html的代码,但自己的VScode却不具...

osc_j9qcf98f
11分钟前
0
0
LINQ聚合算法解释 - LINQ Aggregate algorithm explained

问题: This might sound lame, but I have not been able to find a really good explanation of Aggregate . 这可能听起来很蹩脚,但我还没有找到一个关于Aggregate的非常好的解释。 Good...

javail
12分钟前
8
0
django 创建超级用户时报错 1146

前言 博主目前在使用django部署web服务,遇到了一些列问题,特此记录,方便自己和别人 目录 文章目录 前言 目录 描述 解决方法 描述 操作(创建超级用户): python manage.py createsuperus...

osc_wyap8yov
13分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部