qml鼠标拖动_Qml 拖拽例子

工程目录路径为drag_drop/listview

运行时执行./run.sh文件即可。

需要安装最新的Qt 5.2 for Linxu 64版本,注意修改一下run.sh中的Qt安装路径。

首先,一般的Listview实现的拖拽不能满足我的一下要求:

1. 被拖拽的item不能离开原来的位置,拖拽应该动态产生一个副本随着鼠标移动

2. 拖拽过程中需要显示不同的icon

我的代码来自于qt example目录下的declarative里面的工程,不过做了较大改动。先来看一下效果图,运行run.sh后,会看到:

48ca147a74a0e6a2a4140485dc8562e7.png

鼠标拖动太阳,星星和树木的图标向右移动,会刊到光标位置出现了月亮的图标。

2d126fecb4da3f5fc178b020cfebc6b7.png

鼠标放开后,月亮消失。程序中包含了可重复使用的拖拽组件。包括:

dragVessel.qml => 外部qml文件都使用它,这是拖拽组件的容器,里面总是包含一个dragItem文件的路径

dragItem.qml => 被拖拽的item,总是由drag.js负责动态创建

dr

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值