Mac下实现QML无边框窗口拖拽缩放

本文介绍了如何在Mac操作系统中使用QML创建无边框窗口并实现拖拽缩放功能。通过在窗口角落和边缘放置Item,并在MouseArea中处理鼠标事件,可以达到自定义窗口大小的效果。尽管这种方法在Windows上可能会导致闪烁,但在Mac上能有效工作。
摘要由CSDN通过智能技术生成

首先声明,此方法在Mac下适用,在windows上拖拽缩放时闪烁严重,windows上还是得结合其系统特性来实现比较靠谱。

原来很简单,就是在窗口的四个顶点和四边放置8个Item,并在Item的MouseArea中实现鼠标样式的变换,然后根据鼠标位置的变换来控制窗口的大小。网上很多demo也是用这个原理实现的,但是在Mac效果拖拽时窗口大小处理的不对。

OlDragItem.qml

import QtQuick 2.9
import QtQuick.Controls 2.2
Item {
    id: root
    property alias containsMouse: mouseArea.containsMouse
    signal posChange(int xOffset, int yOffset)
    implicitWidth: 12
    implicitHeight: 12
    property int posType: Qt.ArrowCursor

    readonly property int posLeftTop: Qt.SizeFDiagCursor
    readonly property int posLeft: Qt.SizeHorCursor
    readonly property int posLeftBottom: Qt.SizeBDiagCursor
    readonly prop
QML 中,可以通过设置窗口的 `flags` 属性来启用窗口拖拽效果。具体实现方法如下: 1. 在窗口的 `Component.onCompleted` 信号中设置窗口的 `flags` 属性: ``` Component.onCompleted: { flags: Qt.Window | Qt.FramelessWindowHint | Qt.WindowStaysOnTopHint | Qt.X11BypassWindowManagerHint } ``` 2. 在窗口的 `MouseArea` 中添加鼠标事件处理程序: ``` MouseArea { anchors.fill: parent cursorShape: Qt.SizeAllCursor onPressed: { if (mouse.button === Qt.LeftButton) { mouse.accepted = true window.startDrag() } } onMouseXChanged: { if (mouse.button === Qt.LeftButton && mouse.accepted) { window.drag(x - mouse.startX, y - mouse.startY) } } onReleased: { if (mouse.button === Qt.LeftButton && mouse.accepted) { window.stopDrag() } } } ``` 其中,`startDrag()` 方法用于启动窗口拖拽效果,`drag()` 方法用于实现窗口拖拽,`stopDrag()` 方法用于停止窗口拖拽。 3. 在窗口的 `onDragStarted`、`onDragUpdated` 和 `onDragFinished` 信号中实现窗口拖拽效果: ``` onDragStarted: { startX = x startY = y } onDragUpdated: { window.x = startX + offsetX window.y = startY + offsetY } onDragFinished: { startX = 0 startY = 0 offsetX = 0 offsetY = 0 } ``` 其中,`startX` 和 `startY` 分别表示鼠标按下时窗口的位置,`offsetX` 和 `offsetY` 分别表示鼠标移动的偏移量。在 `onDragUpdated` 信号中,根据鼠标移动的偏移量更新窗口的位置,最后在 `onDragFinished` 信号中重置参数。 通过以上步骤,就可以实现窗口拖拽效果了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

草上爬

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值