qml鼠标拖动_qml实现窗口的拖拽效果

核心思想是：

在main中引入QMainWindow对象，将qml文件作为该对象的widget，并将该对象注册到qml中，然后再qml中通过识别鼠标的位移来更改这个mainwindow的pos属性。

实现：#include

#include

int main(int argc, char *argv[])

{

QApplication app(argc, argv);

QMainWindow window;

QDeclarativeView* v = new QDeclarativeView;

window.setCentralWidget(v);

v->setSource(QUrl::fromLocalFile(("draw_rectangles.qml")));

// expose window object to QML

v->rootContext()->setContextProperty("mainwindow",&window);

window.setStyleSheet("background:transparent;");

window.setAttribute(Qt::WA_TranslucentBackground);

window.setWindowFlags(Qt::FramelessWindowHint);

window.show();

app.exec();

}

qml：Item {

Rectangle {

color: "blue"

x: 50; y: 50; width: 100; height: 100

MouseArea {

id: mouseRegion

anchors.fill: parent;

property variant clickPos: "1,1"

onPressed: {

clickPos = Qt.point(mouse.x,mouse.y)

}

onPositionChanged: {

var delta = Qt.point(mouse.x-clickPos.x, mouse.y-clickPos.y)

mainwindow.pos = Qt.point(mainwindow.pos.x+delta.x,

mainwindow.pos.y+delta.y)

}

} //mousearea

} //rectangle

}

转载：http://blog.csdn.net/sgnh123456/article/details/8055654

qml鼠标拖动_qml实现窗口的拖拽效果相关推荐

Javascript实现拖拽效果
我们执行拖拽操作时, 1.按住某元素 2.移动鼠标 3.移动鼠标到相应位置后松开鼠标基于以上操作,页面拖拽效果需要三个事件 onmousedown onmousemove onmouseup 在on ...
JQuery Dialog(JS模态窗口,可拖拽的DIV)
JQuery Dialog(JS模态窗口,可拖拽的DIV) 吴剑 2012-08-08 原创文章,转载必需注明出处:http://www.cnblogs.com/wu-jian/ 效果图调用示意图 ...
MFC中窗口实现拖拽文件功能
MFC窗口拖拽文件功能指的是用鼠标将文件拖拽入窗口后,在窗口中可以获取拖拽文件的绝对路径,如图1所示. 图1 文件拖拽功能实现窗口的拖拽文件功能,首先要将窗口注册为放置拖拽文件的目标,之后在窗口中响 ...
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
转自<JS实现漂亮的窗口拖拽效果(可改变大小.最大化.最小化.关闭)>:http://www.jb51.net/article/73157.htm 这篇文章主要介绍了JS实现漂亮的窗口拖拽 ...
js实现弹出窗口的拖拽功能
弹出窗口的拖拽拖拽功能运用到的有 onmousedown 事件,onmousemove 事件以及 onmouseup 事件弹出窗口基本步骤: 1.点击点击弹出窗口按钮弹出窗口: 2.窗口弹出后,鼠 ...
原生JS实现鼠标按下拖拽效果
原生JS实现鼠标按下拖拽效果 <!DOCTYPE html> <html lang="en"><head><meta charset=&q ...
DOM 案例——(美团外卖下拉框菜单、半透明——信息滑入、模态窗口拖拽效果、放大镜效果、滚动条滑到一定位置的固定导航栏、12306购票网站多级联动、斗鱼TV无规则弹幕特效、百度搜索条动态输入下拉瀑布)
目录 1.缓动动画--美团外卖下拉框菜单 2.半透明--信息滑入 3.模态窗口拖拽效果 4.放大镜效果 5.滚动条滑到一定位置的固定导航栏 6.12306购票网站多级联动 7.斗鱼TV无规则弹幕特效 ...
html实现鼠标拖拽按钮,JS实现鼠标按下拖拽效果
原生js实现鼠标按下拖拽效果,供大家参考,具体内容如下鼠标拖动 body { margin: 0; } div { width: 200px; height: 200px; position: ab ...
【加强版】js原生实现拖拽效果，这次没有用document的mousedown、mousemove、mouseup事件我们来点实际的（但是有个弊端：拖拽过程中鼠标会变成一个禁用符号，不太友好）
<div class='dragged'></div> //初始化需要拖拽的列initDrags() {var arr = document.querySelectorAll( ...

qml鼠标拖动_qml实现窗口的拖拽效果

qml鼠标拖动_qml实现窗口的拖拽效果相关推荐

最新文章

热门文章