Qt/C++ 打造逻辑电路设计软件：绘制原理图那些事儿

Qt/C实现的绘制原理图的逻辑电路设计软件打开或新建图片文件作为背景设计的原理图能以图片进行保存用户在元件库中选择需要的元件可以进行擦除等操作文件区域可以选择对画笔粗细和颜色进行更改。 附带程序开发文档。 源码 使用Qt5.6.1_MinGW、Qt5.13.1_MinGW编译通过其他版本自行尝试。最近搞了个用Qt/C实现的绘制原理图的逻辑电路设计软件感觉还挺有意思来跟大家分享分享。一、功能概述这个软件主要有这么几个核心功能背景操作可以打开已有的图片文件当作背景也能新建图片文件作为背景。想象一下就像我们画画前先准备好画布一样这背景就是我们绘制原理图的基础。元件操作用户能在元件库里挑选自己需要的元件就好比在工具盒里拿工具然后进行绘制。要是画错了也不怕还能进行擦除操作。保存功能设计好的原理图可以保存为图片方便我们分享或者后续查看。画笔设置在文件区域能够更改画笔的粗细和颜色这样绘制出来的原理图就更加个性化。二、代码实现剖析打开和新建图片文件作为背景在Qt中使用QFileDialog来实现文件选择功能。比如打开图片QString filePath QFileDialog::getOpenFileName(this, tr(Open Image), , tr(Image Files (*.png *.jpg *.bmp))); if (!filePath.isEmpty()) { QImage image(filePath); // 将image设置为背景这里假设存在一个专门设置背景的函数setBackgroundImage setBackgroundImage(image); }代码解释QFileDialog::getOpenFileName弹出文件选择对话框限制只能选择.png、.jpg、.bmp格式的图片。获取到文件路径后用QImage加载图片然后调用自定义的setBackgroundImage函数设置为背景。Qt/C实现的绘制原理图的逻辑电路设计软件打开或新建图片文件作为背景设计的原理图能以图片进行保存用户在元件库中选择需要的元件可以进行擦除等操作文件区域可以选择对画笔粗细和颜色进行更改。 附带程序开发文档。 源码 使用Qt5.6.1_MinGW、Qt5.13.1_MinGW编译通过其他版本自行尝试。新建图片文件稍微复杂点涉及到创建一个空白的QImage对象int width 800; // 假设默认宽度 int height 600; // 假设默认高度 QImage newImage(width, height, QImage::Format_RGB32); newImage.fill(Qt::white); // 填充白色背景 // 同样调用设置背景函数 setBackgroundImage(newImage);这里创建了一个宽800高600格式为RGB32的空白图片并填充为白色再设置为背景。元件操作元件库可以用一个类来管理比如ComponentLibrary类。用户选择元件后在绘制区域绘制。假设Component类表示一个元件有绘制函数draw。class Component { public: virtual void draw(QPainter painter) 0; }; class Resistor : public Component { public: void draw(QPainter painter) override { // 绘制电阻的逻辑这里简单画个矩形代表电阻 painter.drawRect(100, 100, 50, 20); } };在主绘制函数中当用户选择了元件后void MainWindow::paintEvent(QPaintEvent* event) { Q_UNUSED(event); QPainter painter(this); if (currentComponent) { currentComponent-draw(painter); } }这里currentComponent是当前选中的元件当它不为空时调用其draw函数在窗口上绘制。擦除操作擦除操作可以理解为在绘制区域用背景色覆盖掉之前绘制的内容。假设背景色为白色void MainWindow::erase() { QPainter painter(this); painter.fillRect(eraseRect, Qt::white); // eraseRect是需要擦除的区域 }这里的eraseRect可以通过鼠标事件获取比如鼠标按下和释放的区域。保存原理图为图片利用QPixmap和QImage的转换来保存图片。void MainWindow::saveSchematicAsImage() { QPixmap pixmap QPixmap::grabWidget(this); QImage image pixmap.toImage(); QString filePath QFileDialog::getSaveFileName(this, tr(Save Image), , tr(Image Files (*.png))); if (!filePath.isEmpty()) { image.save(filePath); } }首先用QPixmap::grabWidget抓取窗口内容生成QPixmap再转换为QImage通过文件对话框获取保存路径最后保存图片。画笔粗细和颜色更改更改画笔粗细和颜色主要涉及QPen类。// 更改画笔粗细 void MainWindow::setPenWidth(int width) { QPen pen painter.pen(); pen.setWidth(width); painter.setPen(pen); } // 更改画笔颜色 void MainWindow::setPenColor(const QColor color) { QPen pen painter.pen(); pen.setColor(color); painter.setPen(pen); }这里painter是用于绘制的QPainter对象通过设置QPen的宽度和颜色来改变画笔的属性。三、程序开发文档程序开发文档主要记录了软件的需求分析、设计架构、功能模块说明以及使用说明等。需求分析明确了软件要实现打开/新建背景、元件操作、保存图片、画笔设置等功能。设计架构采用了Qt的MVCModel - View - Controller架构思想将数据元件数据等、显示绘制界面和控制用户操作响应分离便于维护和扩展。功能模块说明对每个功能模块如背景模块、元件库模块、保存模块等进行详细的原理和实现说明就像上面代码分析那样。使用说明告诉用户如何使用这个软件比如怎么打开背景、选择元件、保存图片等操作步骤。四、源码说明源码使用Qt5.6.1MinGW、Qt5.13.1MinGW编译通过其他版本大家可以自行尝试。Qt版本不同可能会有些API的差异要是遇到问题可以去Qt官方文档查找相应版本的说明相信大家都能顺利运行起来。希望这个分享能给对逻辑电路设计软件或者Qt开发感兴趣的小伙伴一些启发欢迎交流讨论