Qt::绘制框架-绘制图形-矩形|圆形|自定义图形

Yz力

已于 2023-09-06 20:46:13 修改

阅读量437

点赞数 3

文章标签： qt c++ 个人开发动画 ai绘画

于 2023-09-06 20:44:13 首次发布

本文链接：https://blog.csdn.net/yzl140/article/details/132699416

版权

二维矢量动画智能制作软件开发合集

链接：软件开发技术分享及记录合集

个人开发二维矢量动画智能制作软件界面如下：

绘制图形

本篇介绍软件左侧工具栏→绘制工具→绘制图形和

本软件将绘制图形分为两类：

1）常规图形绘制；

2）自定义图形绘制。

一、绘制图形原理

绘制成组图形，即绘制常用形状，该功能够提高绘图人员的绘制效率。本软件提供2种成组图形绘制操作，分别是常规图形绘制和自定义图形绘制。实现该功能的思路为：1）绘制图形；2）根据鼠标移动对图形进行按需缩放。

常规图形绘制实现的核心在于需要人工设置图形的节点参数，但绘制图形较为简单，实现难度不大；复杂的图形可通过增加自定义图形，自动识别图形数据，避免人工手动置数。

二、矩形绘制实现

1.代码示例

.h文件变量申明：

QPointF startNodePos;

QList<QPointF> nodeList;

QList<QPointF> curveStartList;

QList<QPointF> curveEndList;

nodeList.append(startNodePos + QPointF(-0.3,-0.3));
nodeList.append(startNodePos + QPointF(0.3,-0.3));
nodeList.append(startNodePos + QPointF(0.3,0.3));
nodeList.append(startNodePos + QPointF(-0.3,0.3));
curveStartList.append(startNodePos + QPointF(-0.2,-0.3));
curveStartList.append(startNodePos + QPointF(0.3,-0.2));
curveStartList.append(startNodePos + QPointF(0.2,0.3));
curveStartList.append(startNodePos + QPointF(-0.3,0.2));
curveEndList.append(startNodePos + QPointF(0.2,-0.3));
curveEndList.append(startNodePos + QPointF(0.3,0.2));
curveEndList.append(startNodePos + QPointF(-0.2,0.3));
curveEndList.append(startNodePos + QPointF(-0.3,-0.2));

2.示例效果

矩形

三、圆形绘制实现

1.代码示例

.h文件变量申明：

QPointF startNodePos;

QList<QPointF> nodeList;

QList<QPointF> curveStartList;

QList<QPointF> curveEndList;

nodeList.append(startNodePos + QPointF(0,0.2));
nodeList.append(startNodePos + QPointF(0.2,0));
nodeList.append(startNodePos + QPointF(0,-0.2));
nodeList.append(startNodePos + QPointF(-0.2,0));
curveStartList.append(startNodePos + QPointF(0.1,0.2));
curveStartList.append(startNodePos + QPointF(0.2,-0.1));
curveStartList.append(startNodePos + QPointF(-0.1,-0.2));
curveStartList.append(startNodePos + QPointF(-0.2,0.1));
curveEndList.append(startNodePos + QPointF(0.2,0.1));
curveEndList.append(startNodePos + QPointF(0.1,-0.2));
curveEndList.append(startNodePos + QPointF(-0.2,-0.1));
curveEndList.append(startNodePos + QPointF(-0.1,0.2));

2.示例效果

圆形

四、自定义图形绘制实现

1.代码示例

.h文件变量申明：

QList<QPointF> nodeList;

QList<QPointF> curveStartList;

QList<QPointF> curveEndList;

for(int i = 0; i<customNode.count(); i++)
{
    nodeList.append(mouseEvent->scenePos() + customNode[i]);
    curveStartList.append(mouseEvent->scenePos() + customCurveStart[i]);
    curveEndList.append(mouseEvent->scenePos() + customCurveEnd[i]);
}