一、需求说明   

     最近在搞视图项的拖拽，也上网查了一些资料，好多的文档都是一样的，只是被不通的网站所收录了(也有可能是被爬过去的，不明所以)，不过也有一些文档写的不错，不过就是太简易，都是点睛之笔，总之功能还是勉强可以实现，加之比较零散，刚好我自己也因为这个需求写了一个demo，因此我就把自己写这个demo的过程分析给大家，希望能帮到有这个需求的小伙伴。

回到顶部

二、效果展示   

    如图1是demo的效果展示，比较丑，如果加上优秀的qss，那必然能让人眼前一亮。

平面设计培训,网页设计培训,美工培训,游戏开发,动画培训

图1 ListWidget拖拽

回到顶部

三、实现思路

  1. 继承QListWidget类，重写其鼠标多拽时几个虚方法，分别是：dragEnterEvent(鼠标拖拽进入)，dragLeaveEvent(鼠标拖拽时离开)，dragMoveEvent(拖拽时移动)，dropEvent(鼠标释放)，(mousePressEvent)鼠标按下，mouseMoveEvent(鼠标移动)等。

  2. 鼠标按下时，记录鼠标按下位置和鼠标点击项    

  3. 鼠标移动时构造一个QDrag对象，并且执行其exec方法，这个方法执行后，直到dropEvent触发后，mouseMoveEvent方法才会被再次触发，否则鼠标移动消息一直派发给dragMouseEvent。exec方法的之后，后续的鼠标事件都会在drag打头的方法中回调。  

  4. 拖拽期间，鼠标移动，并回调在dragMoveEvent方法中，可以在这个方法中修改鼠标状态。维护一些变量，比如效果图上跟随鼠标一起移动的一张图片和绿色的指示插入位置的一条线。

  5. 最后鼠标释放时，判断如果需要更新拖拽项位置，那么把原有项删除，并构造新的项插入到目标位置。

回到顶部

四、代码说明

1、首先来看几个关键的类
    MimeData：存储拖拽时数据
    ListItem：item项定制，展示自定义结构
    DragList：视图窗口
2、下面就直接上代码，步骤对应第三小节的思路

a、记录鼠标按下时信息

网友评论