Qt::动画框架-相机工具-移动|变焦|旋转

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

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

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


目录

相机工具

一、相机工具原理

二、镜头移动实现

1.代码示例

2.示例效果

三、镜头变焦实现

1.代码示例

2.示例效果

四、镜头旋转实现

1.代码示例

2.示例效果​​​​​​​

​​​​​​​​​​​​​​五、相机工具测试视频

结束语


相机工具

本篇介绍软件左侧工具栏→相机工具

相机工具操作包括3个:

1)镜头移动;

2)镜头变焦

3)镜头旋转

​​​​​​​
​​​​​​​


一、相机工具原理

本软件通过QGraphicsItem自带的相关方法实现相机工具的功能。

① 镜头移动:相比于QGraphicsItem的setPos()方法,本软件采用QGraphicsItem的moveBy()方法(参数详见Qt官方文件),该函数可以更方便的在mouseMoveEvent()中实现物体可鼠标移动的一致性;

② 镜头变焦:由于相机变焦在各个方向上变化相同,不存在在x轴、y轴上缩放不一致的现象,故而可以直接采用QGraphicsItem的setScale()方法实现;

③ 镜头旋转:采用QGraphicsItem的setRotation()方法实现,难点在于如何保持相机和鼠标旋转角度一致,本软件采用QLineF类中的angleTo()方法,计算鼠标实时旋转角度,在旋转前,记录相机原始角度,当鼠标旋转时,相机在原始角度基础上保持同样的角度位移。

二、镜头移动实现

1.代码示例

.h文件变量申明:

QGraphicsItem *cameraItem;

QPointF startNodePos,endNodePos;

void Scene::mouseMoveEvent(QGraphicsSceneMouseEvent *mouseEvent)
{
    endNodePos = mouseEvent->scenePos();
    cameraItem->moveBy(endNodePos.x() - startNodePos.x(),endNodePos.y() - startNodePos.y());
    startNodePos = mouseEvent->scenePos();
}

2.示例效果

详见本文第5节。

三、镜头变焦实现

1.代码示例

.h文件变量申明:

QGraphicsItem *cameraItem;

QPointF startNodePos,endNodePos;

void Scene::mouseMoveEvent(QGraphicsSceneMouseEvent *mouseEvent)
{
    endNodePos = mouseEvent->scenePos();
    cameraItem->setScale(cameraItem->scale()+0.005*(endNodePos.x()-startNodePos.x()));
    startNodePos = mouseEvent->scenePos();
}

2.示例效果

详见本文第5节。

四、镜头旋转实现

1.代码示例

.h文件变量申明:

QGraphicsItem *cameraItem;

QPointF startNodePos,endNodePos;

QList<qreal> OriginR;

QLineF line1,line2;

void Scene::mousePressEvent(QGraphicsSceneMouseEvent *mouseEvent)
{
    OrginR.clear();
    OrginR.append(cameraItem->rotation());
    line1.setPoints(cameraItem->scenePos(), mouseEvent->scenePos());
    line2.setP1(cameraItem->scenePos());
}

void Scene::mouseMoveEvent(QGraphicsSceneMouseEvent *mouseEvent)
{
    line2.setP2(mouseEvent->scenePos());
    if(OrginR[0] + line2.angleTo(line1) > 180)
       cameraItem->setRotation(OrginR[0] + line2.angleTo(line1) - 360);
    else
       cameraItem->setRotation(OrginR[0] + line2.angleTo(line1));
}

2.示例效果

详见本文第5节。

​​​​​​​​​​​​​​五、相机工具测试视频

相机工具

​​​​​​​


结束语

本文简要梳理了软件【相机工具】的实现框架,内容均为原创。

作者文笔水平一般,请大家多多包涵和指正,十分欢迎进一步交流学习。

若需,请联系本人小红书(小红书号:YzLab96),谢谢​​​​​​​。

链接:  软件开发及测试所有视频合集见小红书​​​​​​​

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据你提供的代码,这部分代码主要是创建了一个 `penColorComboBox` 下拉框,并添加了一些颜色选项。每个颜色选项都使用一个 QPixmap 来生成相应的图标,并设置了对应的颜色作为用户数据。 在 `MainWindow` 类中,通过连接 `penColorComboBox` 的 `currentIndexChanged` 信号到槽函数 `onPenColorChanged` 上,当用户选择不同的颜色时,槽函数会被触发。 以下是对你提供的代码进行一些修改和完善: ```cpp penColorComboBox = new QComboBox(this); QPixmap pix(16, 16); QPainter painter(&pix); painter.fillRect(0, 0, 16, 16, Qt::black); penColorComboBox->addItem(QIcon(pix), tr("黑色"), QColor(Qt::black)); painter.fillRect(0, 0, 16, 16, Qt::white); penColorComboBox->addItem(QIcon(pix), tr("白色"), QColor(Qt::white)); painter.fillRect(0, 0, 16, 16, Qt::red); penColorComboBox->addItem(QIcon(pix), tr("红色"), QColor(Qt::red)); painter.fillRect(0, 0, 16, 16, Qt::blue); penColorComboBox->addItem(QIcon(pix), tr("蓝色"), QColor(Qt::blue)); painter.fillRect(0, 0, 16, 16, Qt::green); penColorComboBox->addItem(QIcon(pix), tr("绿色"), QColor(Qt::green)); painter.fillRect(0, 0, 16, 16, Qt::yellow); penColorComboBox->addItem(QIcon(pix), tr("黄色"), QColor(Qt::yellow)); penColorComboBox->addItem(tr("无颜色"), QColor(Qt::transparent)); toolBar->addWidget(penColorComboBox); toolBar->setMovable(true); // 设置工具栏可移动 connect(penColorComboBox, SIGNAL(currentIndexChanged(int)), this, SLOT(onPenColorChanged(int))); void MainWindow::onPenColorChanged(int index) { QColor color = penColorComboBox->itemData(index, Qt::UserRole).value<QColor>(); area->setPenColor(color); } ``` 这里主要的修改是将 `penColorComboBox` 的命名更正为 `brushColorComboBox`,并将槽函数 `onpenColorchanged` 修改为 `onPenColorChanged`。同时,在槽函数中获取选中的颜色时,使用 `itemData` 函数获取对应的用户数据,并将其转换为 `QColor`。 另外,需要注意的是,在 `MainWindow` 类中必须定义一个 `onPenColorChanged` 的槽函数,以便在用户选择不同颜色时执行相应的操作。你需要根据实际需求,将获取到的颜色传递给画布类(例如 `area`)中的相应函数来设置绘画工具的颜色。 希望这可以帮助你在选择颜色后在画布上使用对应的颜色进行绘画。如果你有其他问题,请提供更多相关的代码或要求的信息。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值