QML——窗口随鼠标移动

Rectangle{
    id:test
    color:"#065076"
    anchors.fill: parent
    border.width: 2
    border.color: "#0E8CCD"
    MouseArea { //为窗口添加鼠标事件
        height: parent.height
        width: parent.width-60
        acceptedButtons: Qt.LeftButton //只处理鼠标左键
        property point clickPos: "0,0"
        onPressed: {
            clickPos  = Qt.point(mouse.x,mouse.y)
        }
        onPositionChanged: {
            var delta = Qt.point(mouse.x-clickPos.x, mouse.y-clickPos.y)
            test.x=(test.x+delta.x)
            test.y=(test.y+delta.y)
        }
        onClicked: {
            console.log(_title)
        }
    }             
}

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Qt的QML中,可以通过鼠标移动来实现缩放item的效果。首先,在QML文件中创建一个可视化元素,用来表示需要进行缩放的item,可以是一个Rectangle、Image或其他可视化元素。然后,可以通过MouseArea元素捕获鼠标移动事件。 首先,需要设置鼠标移动事件的处理函数。在MouseArea元素中,可以通过onPositionChanged属性来设置当鼠标位置发生变化时的处理函数。在处理函数中,可以获取鼠标移动距离,并根据移动距离来动态改变item的大小。 具体地,可以使用一个变量来记录鼠标上一次的位置。当鼠标位置变化时,可以计算鼠标相对于上一次位置的移动距离,并将其累加到item的宽度和高度上。这样,随着鼠标移动,item的大小会不断改变。 下面是一个简单的例子,展示了如何实现鼠标移动缩放item的效果: ''' import QtQuick 2.15 import QtQuick.Controls 2.15 Rectangle { width: 400 height: 400 Rectangle { id: item width: 100 height: 100 color: "red" } MouseArea { id: mouseArea anchors.fill: parent property int lastMouseX: 0 property int lastMouseY: 0 onPositionChanged: { var deltaX = mouse.x - lastMouseX var deltaY = mouse.y - lastMouseY item.width += deltaX item.height += deltaY lastMouseX = mouse.x lastMouseY = mouse.y } onPressed: { lastMouseX = mouse.x lastMouseY = mouse.y } } } ''' 在上述的例子中,绑定了一个MouseArea到父级Rectangle上,并监听了其onPositionChanged和onPressed事件。在onPositionChanged事件处理函数中,分别计算鼠标位置的变化,并将其累加到item的宽度和高度上,实现了鼠标移动缩放item的效果。 希望这个回答对您有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值