Qt5开发从入门到精通——第七篇五节（ 图形视图—— 图元创建 GraphicsItem V1.2）
欢迎小伙伴的点评✨✨，相互学习、互关必回、全天在线
博主 本着开源的精神交流Qt开发的经验、将持续更新续章，为社区贡献博主自身的开源精神
文章目录
- 前言
- 一、 GraphicsItem V1.2升级图元星星移动的功能解析
-
- 1.1、增添Startltem类
- 1.2、图元框架中星星移动的图元
- 二、GraphicsItem V1.2 效果实例
- 三、原码解析
-
- flashitem.h
- mainwindow.h
- startitem.h
- flashitem.cpp
- main.cpp
- mainwindow.cpp
- startitem.cpp
- 四、总结
前言
本章节会给大家带来基于图元创建 GraphicsItem V1.1开发升级到图元创建 GraphicsItem V1.2开发的解析。
一、 GraphicsItem V1.2升级图元星星移动的功能解析
1.1、增添Startltem类
向项目中添加一个新的 C++类，类名命名为" Startltem",。 Startltem 类继承自 QGraphicsltem 类，实际上是一个图片图元。
1.2、图元框架中星星移动的图元
（1）在 “mainwindow.h” 文件中添加代码如下：
public slots:
void slotAddAnimationItem();
private:
QAction *addAnimItemAct;
（2）在 “mainwindow.cpp” 文件中添加代码如下：
#include 其中，在createActionsO函数中添加代码如下：
addAnimItemAct = new QAction(tr(" 加入星星"), this);
connect(addAnimItemAct,SIGNAL(triggered()),this,SLOT(slotAddAnimationItem()));
在 createMenus() 函数中添加代码如下：
itemsMenu->addAction(addAnimItemAct);
在 initScene()函数中添加代码如下：
for(i=0;i<3;i++)
slotAddAnimationItem();
函数 slotAddAnimationItem()的具体实现代码如下：
void MainWindow::slotAddAnimationItem() //在场景中加入一个动画星星
{
StartItem *item= new StartItem;
QGraphicsItemAnimation *anim = new QGraphicsItemAnimation;
anim->setItem(item);
QTimeLine *timeLine = new QTimeLine(4000);
timeLine->setCurveShape(QTimeLine::SineCurve);
timeLine->setLoopCount(0);
anim->setTimeLine(timeLine);
int y =(qrand()%400)-200;
for(int i=0;i<400;i++)
{
anim->setPosAt(i/400.0,QPointF(i-200,y));
}
timeLine->start();
scene->addItem(item);
}
二、GraphicsItem V1.2 效果实例
图一
添加图片到Resources中步骤如下：
图二
三、原码解析
flashitem.h
#ifndef FLASHLTEM_H
#define FLASHLTEM_H
#include mainwindow.h
#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include startitem.h
#ifndef STARTITEM_H
#define STARTITEM_H
#include flashitem.cpp
#include "flashitem.h"
FlashItem::FlashItem(QObject *parent) : QObject(parent)
{
flash=true; //为颜色切换标识赋初值
setFlag(ItemIsMovable); //设置图元的属性， ItemIsMovable 表示此图元是可移动的，可 用鼠标进行拖曳操作。
startTimer(1000); //／启动一个定时器，以 1000 毫秒为时间间隔
}
/*定义图元边界的函数 boundingRect(), 完成以图元坐标系为基础，增加两个像素点的冗余工作。*/
QRectF FlashItem::boundingRect() const
{
qreal adjust= 2;
return QRectF(-10-adjust,-10-adjust,43+adjust,43+adjust);
}
/*自定义图元重绘的函数 paint()的具体实现代码如下*/
void FlashItem::paint (QPainter *painter, const QStyleOptionGraphicsItem *option,QWidget *widget)
{
painter->setPen(Qt::NoPen); //闪烁图元的阴影区不绘制边线
painter->setBrush (Qt:: darkGray); //闪烁图元的阴影区的阴影画刷颜色为深灰
painter->drawEllipse(-7,-7,40,40); //绘制阴影区
painter->setPen(QPen(Qt::black,0));
//闪烁区的椭圆边线颜色为黑色、线宽为 0
/*设置闪烁区的椭圆画刷颜色根据颜色切换标识 flash 决定在椭圆中填充哪种颜色，颜色在红色和黄色之间选择。*/
painter->setBrush(flash?(Qt::red):(Qt::yellow));
/*绘制与阴影区同样形状和大小的椭圆，并错开一定的距离以实现立体的感觉。*/
painter->drawEllipse( -10,-10,40,40); //(b)
}
/*定时器响应函数 timerEvent()完成颜色切换标识的反置，并在每次反置后调用 update()函数
重绘图元以实现闪烁的效果。*/
void FlashItem::timerEvent(QTimerEvent *)
{
flash=!flash;
update();
}
main.cpp
#include "mainwindow.h"
#include mainwindow.cpp
#include "mainwindow.h"
#include "flashitem.h"
#include startitem.cpp
#include "startitem.h"
/*在 Startltem()构造函数中仅完成读取图片信息的工作。*/
StartItem::StartItem()
{
pix.load(":/src/star.png");
}
/*定义图元的边界函数 boundingRect(), 它是所有自定义图元均必须实现的函数*/
QRectF StartItem::boundingRect()const
{
return QRectF (-pix. width() / 2, -pix. height() /2,pix.width () ,pix. height()) ;
}
/*自定义图元重绘函数 paint()*/
void StartItem::paint (QPainter *painter, const QStyleOptionGraphicsItem*option,QWidget *widget)
{
painter->drawPixmap(boundingRect().topLeft(),pix);
}
四、总结
图元创建会在应用程序开发中经常用到的