组态软件--控件拖拽

已于 2022-07-20 13:52:02 修改
阅读量2.1k 收藏 16
点赞数 2
分类专栏： Qt 组态软件 控件拖拽 文章标签： ui qt windows
于 2021-06-25 11:06:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34790664/article/details/118209746
版权
Qt 同时被 3 个专栏收录
22 篇文章 7 订阅
订阅专栏
控件拖拽
4 篇文章 2 订阅
订阅专栏
组态软件
2 篇文章 0 订阅
订阅专栏

目录

组态软件–控件拖拽

个人最近也是在用Qt做组态软件，一开始用QGraphics来做组态软件的UI设计程序，说真的，说真的做出来还有点像样子，但是后续的二次开发存在很大的问题，所以第二次是参考了feiyangqingyun大神的属性设计的思路来做的，可以说做的挺顺利的大概10天就完成了大部分的工作。
首先展示一下做出来的效果
在这里插入图片描述

实现功能

控件的拖动缩放和选中的功能。

相关说明

看过feiyangqingyun的相关博客的同学应该发现了一个问题，自己建一个SelectWidget的QWidget类型的窗口，并配置了一切相关的参数，但是到头来Select绑定了对应的控件也根本不可能使得控件的拖动，但是缩放的功能是真的存在。这里你可能会意识到feiyangqingyun在上传核心代码时将其中的一些使得控件移动的程序删除掉了，需要用户的自行添加。
这里一些比较机智的同学可能会想到feiyangqingyun还有一个movewidget的程序绑定一个控件就可以使得控件移动的程序，添加进去岂不是完美。如果尝试了的话，控件在绑定了SelectWidget和movewidget之后，movewidget根本毫无作用。到这里，代码搬运习惯的人可能就慌了，这明摆着需要自行研读程序并将movewidget中的移动程序移动到Selectwidget中才能实现控件的移动的功能。

两种思路

第一种思路

将控件叠放到SelectWidget之上


bool SelectWidget::eventFilter(QObject *obj, QEvent *event)//此处程序是虚函数，就是空的不要手贱把这个程序删了
{
    QMouseEvent *mouseEvent = (QMouseEvent *)event;

    if(obj==widget&&widget!=nullptr&&move)
    {

        if (mouseEvent->type() == QEvent::MouseButtonPress) {
            //如果限定了只能鼠标左键拖动则判断当前是否是鼠标左键
            if (mouseEvent->button() != Qt::LeftButton) {
                return false;
            }
                widgetpressed=true;
                widgetpressed2=true;
                selected=true;
               // sendSelect(widget);
                sendSelect();
                lastPoint = mouseEvent->globalPos();
                point4=this->pos();
                point5=QPoint(point4.x()+this->width(),point4.y()+this->height());
        }  else if (mouseEvent->type() == QEvent::MouseMove && widgetpressed) {
            //计算坐标偏移值,调用move函数移动过去
                int offsetX = mouseEvent->globalPos().x() - lastPoint.x();
                int offsetY = mouseEvent->globalPos().y() - lastPoint.y();
                this->setGeometry(point4.x()+offsetX,point4.y()+offsetY,point5.x()-point4.x(),point5.y()-point4.y());
        } else if (mouseEvent->type() == QEvent::MouseButtonRelease && widgetpressed) {
            widgetpressed = false;
            sendSelect2();
            lastPoint=mouseEvent->globalPos();
        }
        return QWidget::eventFilter(obj,event);
    }
    else if(obj==this)
    {
        if (mouseEvent->type() == QEvent::MouseButtonPress) {
            //如果限定了只能鼠标左键拖动则判断当前是否是鼠标左键
            if(widgetpressed2==false)
            {
                emit presswidget();
                widgetpressed2=false;
            }
            selected=true;
            if (mouseEvent->button() == Qt::RightButton) {

            }

            //判断控件的区域是否包含了当前鼠标的坐标
            if (this->rect().contains(mouseEvent->pos())) {
                //lastPoint = mouseEvent->pos();
                QPoint point1=mouseEvent->pos();
                point2=this->pos();
                point3=QPoint(point2.x()+this->width(),point2.y()+this->height());

                //这一部分程序注释掉，功能不稳定
              /*  if(point1.x()<20&&point1.y()<20) pressedarea=1;//qDebug()<<"左上"<<endl;
                else if(point1.x()<this->width()*2/3&& point1.x()>this->width()/3&&point1.y()<20) pressedarea=2;// qDebug()<<"中上"<<endl;
                else if(point1.x()>point1.x()-20&&point1.y()<20) pressedarea=3;// qDebug()<<"右上"<<endl;
                else if(point1.x()<20&&point1.y()>this->height()/3&&point1.y()<this->height()*2/3)pressedarea=4;// qDebug()<<"左中"<<endl;
                else if(point1.x()>this->width()-20&&point1.y()>this->height()/3&&point1.y()<this->height()*2/3)pressedarea=5;//qDebug()<<"右中"<<endl;
                else*/ if(point1.x()<20&&point1.y()>this->height()-20)pressedarea=6;// qDebug()<<"左下"<<endl;
                else if(point1.x()<this->width()*2/3&& point1.x()>this->width()/3&&point1.y()>this->height()-20)pressedarea=7;//qDebug()<<"中下"<<endl;
                else if(point1.x()>point1.x()-20&&point1.y()>this->height()-20) pressedarea=8; //qDebug()<<"右下"<<endl;
                else pressedarea=0;
                pressed = true;
            }
        }  else if (mouseEvent->type() == QEvent::MouseMove && pressed) {

            //计算坐标偏移值,调用move函数移动过去
            int offsetX = mouseEvent->pos().x();
            int offsetY = mouseEvent->pos().y();
            int x = point3.x()-point2.x()- offsetX;
            /*if(pressedarea==1)
            {
                this->setGeometry(point2.x()+offsetX,point2.y()+offsetY,point3.x()-point2.x()-offsetX,point3.y()-point2.y()-offsetY);
            }
            else if(pressedarea==2)
                this->setGeometry(point2.x(),point2.y()+offsetY,point3.x()-point2.x(),point3.y()-point2.y()-offsetY);
            else if(pressedarea==3)
                this->setGeometry(point2.x(),point2.y()+offsetY,offsetX,point3.y()-point2.y()-offsetY);
            else if(pressedarea==4)
                this->setGeometry(point2.x()-(x-point3.x()+point2.x()),point2.y(),x,point3.y()-point2.y());
            else if(pressedarea==5)
                this->setGeometry(point2.x(),point2.y(),offsetX,point3.y()-point2.y());
            else*/ if(pressedarea==6)
                this->setGeometry(point2.x()-(x-point3.x()+point2.x()),point2.y(),x,offsetY);
            else if(pressedarea==7)
                this->setGeometry(point2.x(),point2.y(),point3.x()-point2.x(),offsetY);
            else if(pressedarea==8)
                this->setGeometry(point2.x(),point2.y(),offsetX,offsetY);
        } else if (mouseEvent->type() == QEvent::MouseButtonRelease && pressed) {
            pressed = false;
            //lastPoint=mouseEvent->globalPos();
        }

    }

    return QWidget::eventFilter(obj,event);
}

这种程序需要将控件的parent设置成SelectWidget，直接将控件叠放到SelectWidget之上，这样控件的坐标一直就是相对于SelectWidget的，只需要移动缩放SelectWidget就可以实现控件的拖动和缩放，可以说极其的方便。但是弊端也是非常的明显的，后期在设置控件属性表时就无法获取控件属性的相应坐标和长宽信息，需要重新设置一个控件属性表来单独的设置控件parent的坐标和长宽信息，可能会影响外观且后期读写xml文件只是需要对xywh进行单独的处理，但是不可否认的是，这种方法设计的界面程序运行非常的流畅，出现意想不到的BUG’的概率也很低。但是这并不是一种主流的方法，毕竟后期会增加一些不必要的代码量，所以第二中才是比较主流的方法。

第二种方法

在同一widget下强行绑定SelectWidget和控件的坐标。


bool SelectWidget::eventFilter(QObject *obj, QEvent *event)//此处程序是虚函数，就是空的不要手贱把这个程序删了
{
    QMouseEvent *mouseEvent = (QMouseEvent *)event;

    if(obj==widget&&widget!=nullptr&&move)
    {
        if (mouseEvent->type() == QEvent::MouseButtonPress) {
            //如果限定了只能鼠标左键拖动则判断当前是否是鼠标左键
            if (mouseEvent->button() != Qt::LeftButton) {
                return false;
            }
                widgetpressed=true;
                widgetpressed2=true;
                selected=true;
               // sendSelect(widget);
                sendSelect();
                lastPoint = mouseEvent->globalPos();
                point4=this->pos();
                point5=QPoint(point4.x()+this->width(),point4.y()+this->height());
        }  else if (mouseEvent->type() == QEvent::MouseMove && widgetpressed) {
            //计算坐标偏移值,调用move函数移动过去
                int offsetX = mouseEvent->globalPos().x() - lastPoint.x();
                int offsetY = mouseEvent->globalPos().y() - lastPoint.y();
                this->setGeometry(point4.x()+offsetX,point4.y()+offsetY,point5.x()-point4.x(),point5.y()-point4.y());
                widget->setGeometry(point4.x()+offsetX+5,point4.y()+offsetY+5,point5.x()-point4.x()-10,point5.y()-point4.y()-10);
        } else if (mouseEvent->type() == QEvent::MouseButtonRelease && widgetpressed) {
            widgetpressed = false;
            sendSelect2();
            lastPoint=mouseEvent->globalPos();
        }
        else  if (event->type() == QEvent::Resize) {
            //设置当前窗体大小为跟随窗体的大小增加部分
            this->setGeometry(widget->x()-5,widget->y()-5,widget->width()+10,widget->height()+10);
        } else if (event->type() == QEvent::Move) {
            //将当前窗体移到偏移位置
            this->setGeometry(widget->x()-5,widget->y()-5,widget->width()+10,widget->height()+10);
        }
        return QWidget::eventFilter(obj,event);
    }
    else if(obj==this)
    {
        if (mouseEvent->type() == QEvent::MouseButtonPress) {
            //如果限定了只能鼠标左键拖动则判断当前是否是鼠标左键
            if(widgetpressed2==false)
            {
                emit presswidget();
                widgetpressed2=false;
            }
            selected=true;
            if (mouseEvent->button() == Qt::RightButton) {

            }

            //判断控件的区域是否包含了当前鼠标的坐标
            if (this->rect().contains(mouseEvent->pos())) {
                //lastPoint = mouseEvent->pos();
                QPoint point1=mouseEvent->pos();
                point2=this->pos();
                point3=QPoint(point2.x()+this->width(),point2.y()+this->height());

                //这一部分程序注释掉，功能不稳定
              /*  if(point1.x()<20&&point1.y()<20) pressedarea=1;//qDebug()<<"左上"<<endl;
                else if(point1.x()<this->width()*2/3&& point1.x()>this->width()/3&&point1.y()<20) pressedarea=2;// qDebug()<<"中上"<<endl;
                else if(point1.x()>point1.x()-20&&point1.y()<20) pressedarea=3;// qDebug()<<"右上"<<endl;
                else if(point1.x()<20&&point1.y()>this->height()/3&&point1.y()<this->height()*2/3)pressedarea=4;// qDebug()<<"左中"<<endl;
                else if(point1.x()>this->width()-20&&point1.y()>this->height()/3&&point1.y()<this->height()*2/3)pressedarea=5;//qDebug()<<"右中"<<endl;
                else*/ if(point1.x()<20&&point1.y()>this->height()-20)pressedarea=6;// qDebug()<<"左下"<<endl;
                else if(point1.x()<this->width()*2/3&& point1.x()>this->width()/3&&point1.y()>this->height()-20)pressedarea=7;//qDebug()<<"中下"<<endl;
                else if(point1.x()>point1.x()-20&&point1.y()>this->height()-20) pressedarea=8; //qDebug()<<"右下"<<endl;
                else pressedarea=0;
                pressed = true;
            }
        }  else if (mouseEvent->type() == QEvent::MouseMove && pressed) {
            selected=true;
            //计算坐标偏移值,调用move函数移动过去
            int offsetX = mouseEvent->pos().x();
            int offsetY = mouseEvent->pos().y();
            int x = point3.x()-point2.x()- offsetX;
            /*if(pressedarea==1)
            {
                this->setGeometry(point2.x()+offsetX,point2.y()+offsetY,point3.x()-point2.x()-offsetX,point3.y()-point2.y()-offsetY);
            }
            else if(pressedarea==2)
                this->setGeometry(point2.x(),point2.y()+offsetY,point3.x()-point2.x(),point3.y()-point2.y()-offsetY);
            else if(pressedarea==3)
                this->setGeometry(point2.x(),point2.y()+offsetY,offsetX,point3.y()-point2.y()-offsetY);
            else if(pressedarea==4)
                this->setGeometry(point2.x()-(x-point3.x()+point2.x()),point2.y(),x,point3.y()-point2.y());
            else if(pressedarea==5)
                this->setGeometry(point2.x(),point2.y(),offsetX,point3.y()-point2.y());
            else*/ if(pressedarea==6)
                this->setGeometry(point2.x()-(x-point3.x()+point2.x()),point2.y(),x,offsetY);
            else if(pressedarea==7)
                this->setGeometry(point2.x(),point2.y(),point3.x()-point2.x(),offsetY);
            else if(pressedarea==8)
                this->setGeometry(point2.x(),point2.y(),offsetX,offsetY);
        } else if (mouseEvent->type() == QEvent::MouseButtonRelease && pressed) {
            pressed = false;
            //lastPoint=mouseEvent->globalPos();
        }

    }

    return QWidget::eventFilter(obj,event);
}

毕竟本人比较菜，在设置坐标和大小的程序都使用的是setGeometry，这也可能使得程序在执行的时候可能不太流畅，如果需要可以自行进行优化，改成move和resize两个函数。
本人读研马上要找工作了，这些代码可能对我找工作有点帮助，所以就只能展示一部分。如果以后实在是用不到这些程序，可能会发到github上。

参考的博客

https://qtchina.blog.csdn.net/article/details/100703610

异想天开的余瑞银
关注
  • 2
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
基于Qt的组态监控软件实现以及分析（转）
thanklife的专栏
09-28 3973
转自：http://yleesun.blog.163.com/blog/static/2941340220094695359894/ 组态软件部分作为自动化网络平台客户端的实现部分，仅仅是其中的一小部分，即HMI界面部分，也只有这部分是基于Qt实现的，所以这个帖子主要介绍的就是这一部分，当然先就整体部分做个介绍 1、 本系统目的是建立一个通用SCADA系统平台。 2、 本系统（自动化网络平台系统），主要由实时数据库、参数数据库、组态软件等几个部分。 a) 面向服务设计，实时数据库、参数...
Qt控件组态属性设计器：自动生成控件列表、拖拽可视化配置、多语言支持，适合小白使用
最新发布
ZDIxOJVCZ的博客
05-01 132
右侧中文属性栏，改变对应的属性立即应用到对应选中控件，直观简洁，非常适合小白使用。属性栏采用中文显示，开发人员可以直接在属性栏中更改相应属性，所做的修改立即应用到选中的控件上。代码极其精简，注释非常详细，可以作为组态的雏形，自行拓展更多的功能。综上所述，Qt编写控件组态属性设计器是一款功能强大、易于使用的工具，能够大大提高开发效率和用户体验，同时提供了丰富的功能和灵活的拓展性，非常适合开发人员使用。3. 右侧中文属性栏，改变对应的属性立即应用到对应选中控件，直观简洁，非常适合小白使用。
WPF鼠标拖拽的最佳实现
q771410116的博客
04-29 1487
这篇博客介绍了如何在WPF应用程序中实现拖拽控件的功能。通过使用gong-wpf-dragdrop库、PreviewMouseDown、PreviewMouseMove和PreviewMouseUp事件，结合TranslateTransform来实现控件随鼠标移动的效果。在文章中详细讲解了如何处理拖拽样式，鼠标按下、移动和释放事件，通过阅读这篇博客，读者可以快速了解如何在WPF应用程序中实现控件拖拽功能，并学习到优化代码的方法。
Qt Design Studio组态软件简介及源码下载
热门推荐
$firecat利白的代码足迹$
04-30 1万+
1、简介 Qt Design Studio是一款UI设计和开发工具，它让设计师和开发者可以迅速设计原型，并且开发复杂的可伸缩的UI。简单概括其功能就是让UI设计转换为qml，为工程师所用。 Qt Design Studio的详细特性： QtPhotoshop Bridge—— 在Photoshop中创建您的UI设计和UI组件，然后把它们导入到Qt Design Studio中。这包含一......
Qt/C++组态软件设计文章导航
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
05-30 2549
文章 链接 1-加载插件 https://qtchina.blog.csdn.net/article/details/100652152 2-拖曳控件 https://qtchina.blog.csdn.net/article/details/100690583 3-拉伸控件 https://qtchina.blog.csdn.net/article/details/100703610 4-加载属性 https://qtchina.blog.csdn.net/article/de...
Qt编写可拖拽的自定义控件
qq_37033647的博客
02-21 3805
qt实现的可自定义拖拽控件
QT实现拖拽
FWY0x7CF的博客
12-27 974
如题
C# + VS2019 的组态软件
11-01
3. **组态软件开发**：组态软件的核心在于其图形化用户界面（GUI），用户可以通过拖放控件和设置参数来配置系统。在C# + VS2019环境下，可以使用Windows Forms或WPF（Windows Presentation Foundation）创建这种界面...
组态王 海康威视 视频控件
04-23
2. 配置组态王：在组态王软件中，新建或编辑项目，将海康威视的视频控件拖拽到画布上，设置相应的设备参数，如IP地址、端口号、用户名和密码等。 3. 编程控制：利用组态王提供的脚本语言或API，编写控制逻辑，实现...
力控组态软件视频监控案例
03-20
力控组态软件提供了一个直观的界面，使得工程师可以通过拖拽和配置图标来实现设备的虚拟接线，减少了实际接线的工作量和出错的可能性。此外，该模块可能还包括对常见硬件兼容性的说明，以及故障排查和优化的技巧。 ...
QT开发的电力组态系统
03-08
长沙威胜开发的电力基于QT的电力组态系统，图形部分做的非常的好，可以商业化得系统，支持模板，脚本，该有的都有了，部分源代码（绘图部分），不可多得的精品代码。
qtouch组态软件
08-27
qtouch是基于qt类库，采用跨平台技术，实现对多操作系统的兼容，兼容windows、linux、unix等操作系统，支持多种ARM处理器。
c# 实现任意控件的拖拽
12-01
c# 实现任意控件的拖拽 很简单。希望大家支持！
组态工业控件
12-13
在工业控制领域，组态是指通过图形化界面配置硬件设备和软件功能的过程，无需编写底层代码，用户只需按照预定规则拖拽、设置参数即可完成系统搭建。这大大降低了系统的开发难度，提高了工作效率。 C#是一种广泛使用...
组态王可调字体文本框控件
10-23
在IT行业中，尤其是在软件开发和自动化工程领域，组态王（KingView）是一款广泛应用的工业自动化组态软件。它提供了一种图形化界面，让用户能够通过拖拽和配置控件来构建监控系统，大大简化了复杂的工业自动化控制...
vs qt实现qwidget控件拖动
weixin_48657573的博客
04-25 1017
【代码】vs qt实现qwidget控件拖动。
Qt 鼠标拖放 复制到指定控件
duapple的博客
06-02 1335
鼠标拖放文件到指定控件 开启MainWindow的拖放后，鼠标按住选中文件，可以把文件路径复制到我们需要显示的地方。但是当有多个需要显示的控件的时候，需要通过鼠标确定拖放到哪一个。 一直在寻找鼠标选中控件的方法，找到一个。 underMouse()可以判断当前控件是否被鼠标选中。 void MainWindow::dropEvent(QDropEvent *e) { //获取文件路径 (QString) QList<QUrl> urls = e->mimeData()-&
wpf,后台触发按钮点击以及拖动
weixin_30429201的博客
07-03 1058
触发按钮Click MouseButtonEventArgs args = new MouseButtonEventArgs(Mouse.PrimaryDevice, 0, MouseButton.Left); args.RoutedEvent = But...
让你的控件也具有拖拽（drag-and-drop）功能
寒星轩
01-03 1万+
    现在有很多软件都支持拖拽功能，就是用鼠标拖着文件放到软件窗口中某个位置，软件就可以做出相应的反应。比如，Windows自带的播放软件Windows Media Player，你可以拖着一个媒体文件放到它的主窗口中，它就会开始播放这个文件。    怎么让自己的软件也有这个功能呢？    其实，并不是很难，只要让你需要有拖拽功能的控件响应WM_DROPFILES消息就行了。下面以Edit控件和
python代码与qt界面交互
07-27
回答: 在Python中调用QT界面文件与界面交互的方法有多种。引用\[1\]中的代码示例展示了一种方法，通过导入PyQt5库中的相关模块，创建一个MainWindow类，并在该类中连接QT界面文件，然后通过创建QApplication对象和MainWindow对象来显示界面并运行应用程序。这样可以实现Python代码与QT界面的交互。引用\[2\]中的代码示例展示了使用PyQt4库的方法，通过创建QApplication对象和QPushButton对象，并使用connect函数来连接按钮的点击事件和退出应用程序的操作，从而实现了Python代码与QT界面的交互。引用\[3\]中的代码示例展示了在代码中使用QProcess类来调用Python脚本执行输出操作，并将输出结果显示在label控件中的方法。通过在GUI操作界面上点击按钮来触发脚本的执行，并将结果显示在界面上，实现了Python代码与QT界面的交互。以上是几种常见的Python代码与QT界面交互的方法，具体选择哪种方法取决于你的需求和使用的库版本。 #### 引用[.reference_title] - *1* [python调用QT界面使用方法](https://blog.csdn.net/qq_39025957/article/details/106354885)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [pyqt4 信号与槽方式](https://blog.csdn.net/cw123458945/article/details/8160242)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [设计Qt界面 调用python脚本 输出“Hello Qt”](https://blog.csdn.net/weixin_43604191/article/details/130971911)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值