基于qt的视觉工具连线demo源码，支持连线，单选删除，多选删除，可以保存加载
在开发图形化交互工具时，实现元素间的连线以及相关的增删改存功能是常见需求。今天咱们就来聊聊基于Qt的视觉工具连线Demo源码，这个源码支持连线操作，还有单选删除、多选删除，并且能实现保存与加载功能。
项目结构概述
这个Qt项目结构清晰，主要分为几个关键部分：界面设计、逻辑处理以及数据存储相关代码。
界面设计部分
Qt提供了强大的UI设计工具，通常我们会在.ui文件中设计基础界面布局。假设我们有一个主窗口，在其中绘制用于展示连线的区域。
// 在主窗口类的构造函数中，加载ui文件 MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) , ui(new Ui::MainWindow) { ui->setupUi(this); // 初始化一些自定义的绘图区域属性 QGraphicsScene *scene = new QGraphicsScene(this); ui->graphicsView->setScene(scene); }这里我们通过ui->setupUi(this)加载设计好的界面，然后创建了一个QGraphicsScene用于在QGraphicsView中展示图形元素，后续的连线以及可操作的节点等都会在这个场景中绘制。
连线功能实现
连线功能实现的核心在于QGraphicsLineItem的使用。
// 创建连线 void createConnection(QGraphicsItem *startItem, QGraphicsItem *endItem) { QLineF line(startItem->pos(), endItem->pos()); QGraphicsLineItem *connection = new QGraphicsLineItem(line); QPen pen(Qt::black); pen.setWidth(2); connection->setPen(pen); scene->addItem(connection); }上述代码中，我们通过获取起始和结束节点的位置创建一条直线，然后设置线条的画笔属性，比如颜色为黑色，宽度为2，最后将这条连线添加到场景中。
单选删除与多选删除
单选删除较为简单，我们可以通过检测鼠标点击事件，判断点击的是哪个图形元素，然后进行删除。
void MainWindow::mousePressEvent(QMouseEvent *event) { QGraphicsItem *item = ui->graphicsView->scene()->itemAt(event->pos(), QTransform()); if (item) { ui->graphicsView->scene()->removeItem(item); delete item; } QMainWindow::mousePressEvent(event); }当鼠标点击时，itemAt函数会返回鼠标点击位置的图形元素，如果存在该元素，我们就将其从场景中移除并释放内存。
对于多选删除，Qt提供了选择区域绘制等功能。我们可以通过QRect来定义一个选择区域，获取区域内的所有图形元素并删除。
void MainWindow::mousePressEvent(QMouseEvent *event) { if (event->button() == Qt::LeftButton) { selectionStart = event->pos(); isSelecting = true; } QMainWindow::mousePressEvent(event); } void MainWindow::mouseReleaseEvent(QMouseEvent *event) { if (isSelecting) { QRect selectionRect(selectionStart, event->pos()); QList<QGraphicsItem*> selectedItems = ui->graphicsView->scene()->items(selectionRect); foreach (QGraphicsItem *item, selectedItems) { ui->graphicsView->scene()->removeItem(item); delete item; } isSelecting = false; } QMainWindow::mouseReleaseEvent(event); }这里我们通过mousePressEvent记录选择起始位置，在mouseReleaseEvent中获取选择区域内的所有图形元素并删除。
保存与加载
保存与加载功能通常使用文件读写操作。我们可以将场景中的图形元素信息，比如位置、类型等保存到文件中。
void saveScene(const QString &fileName) { QFile file(fileName); if (file.open(QIODevice::WriteOnly | QIODevice::Text)) { QTextStream out(&file); QList<QGraphicsItem*> items = scene->items(); foreach (QGraphicsItem *item, items) { out << item->type() << " " << item->pos().x() << " " << item->pos().y() << "\n"; // 如果是连线，还需要记录起始和结束节点信息等 if (item->type() == QGraphicsLineItem::Type) { QGraphicsLineItem *line = static_cast<QGraphicsLineItem*>(item); out << line->line().x1() << " " << line->line().y1() << " " << line->line().x2() << " " << line->line().y2() << "\n"; } } file.close(); } }加载功能则是从文件中读取信息，重新创建图形元素并添加到场景。
void loadScene(const QString &fileName) { QFile file(fileName); if (file.open(QIODevice::ReadOnly | QIODevice::Text)) { QTextStream in(&file); while (!in.atEnd()) { QString line = in.readLine(); QStringList parts = line.split(" "); int type = parts[0].toInt(); qreal x = parts[1].toDouble(); qreal y = parts[2].toDouble(); if (type == QGraphicsLineItem::Type) { QString line2 = in.readLine(); QStringList lineParts = line2.split(" "); qreal x1 = lineParts[0].toDouble(); qreal y1 = lineParts[1].toDouble(); qreal x2 = lineParts[2].toDouble(); qreal y2 = lineParts[3].toDouble(); QGraphicsLineItem *connection = new QGraphicsLineItem(QLineF(QPointF(x1, y1), QPointF(x2, y2))); QPen pen(Qt::black); pen.setWidth(2); connection->setPen(pen); scene->addItem(connection); } else { // 创建其他类型图形元素，比如节点等 } } file.close(); } }通过这样的文件读写操作，我们就能实现场景的保存与加载。
总的来说，这个基于Qt的视觉工具连线Demo源码涵盖了图形化界面开发中多个重要的功能点，通过合理运用Qt的各类图形和文件操作相关类，能高效实现一个功能丰富的视觉工具。希望这篇剖析能帮助大家更好地理解和运用相关知识。
