QT学习_QT图形视图

最新推荐文章于 2024-05-05 21:57:11 发布
最新推荐文章于 2024-05-05 21:57:11 发布
阅读量462 收藏 7
点赞数
分类专栏： QT学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44342705/article/details/119609756
版权

QT图形视图框架Graphics View

一、主要特点

  • 系统可以利用openGL工具改善绘图性能
  • 支持事件传播体系结构
  • 通过二元空间划分树提供快速的图元查找

二、三元素

  1. 场景类(QGraphicsScene)：用于放置图元的容器，本身不可见，需要搭配视图类和外界互动.

    • QGraphicsScene::addItem(QGraphicsItem*) : void
    • QGraphicsScene::removeItem(QGraphicsItem*) : void
    • QGraphicsScene::items() : QList<QGraphicsItem*>
    • QGraphicsScene::itemAt(int) : QGraphicsItem*
    • QGraphicsScene::selectedItems() : QList<QGraphicsItem*>

  2. 视图类(QGraphicsView)：提供可视窗口，用于显示场景中的图元

    • 场景有关函数
      • QGraphicsView::setScene()
      • QGraphicsView::setSceneRect()
    • 场景和视图坐标转换函数
      • QGraphicsView::mapToScene() : QPointF
      • QGraphicsView::mapFromScene() : QPointF

  3. 图元类(QGraphicsItem)

    • 预置派生类：
      • QGraphicsLineItem
      • QGraphicsEllipseItem
      • QGraphicsTextItem
      • QGraphicsRectItem
      • QGraphicsPolygonItem
      • QGraphicsPathItem
    • 主要绘制函数：
      • QGraphicsItem::setFlags()
      • QGraphicsItem::setBrush()
      • QGraphicsItem::setZValue()
      • QGraphicsItem::setPos()
      • QGraphicsItem::setData()
    • 坐标变换函数：
      • QGraphicsItem::scale()
      • QGraphicsItem::setScale()
      • QGraphicsItem::rotation()
      • QGraphicsItem::setRotation()
      • QGraphicsItem::resetTransform()
    • 主要功能：
      • 处理鼠标按下、移动、释放、双击、悬停、滚轮和右键菜单事件
      • 处理键盘输入事件
      • 处理拖拽事件
      • 分组
      • 碰撞检测

  4. 坐标系

    • 场景类的坐标系原点在其中心点
    • 视图类坐标系原点在其左上角

项目界面

在这里插入图片描述

三、代码分析

  1. 创建场景

    //创建场景
scene = new QGraphicsScene(-300,-200,600,200);
ui->View->setScene(scene);

  2. 创建并显示图元

    //椭圆
void MainWindow::on_actItem_Ellipse_triggered()
{
    QGraphicsEllipseItem *item = new QGraphicsEllipseItem(-50,-30,100,60);
    item->setFlags(QGraphicsItem::ItemIsSelectable|
                   QGraphicsItem::ItemIsFocusable|
                   QGraphicsItem::ItemIsMovable);
    item->setBrush(QBrush(Qt::blue));
    item->setZValue(++frontZ);//叠放顺序
    item->setPos((qrand()%100)-50,(qrand()%100)-50);
    item->setData(ItemId,++seqNum); //key,value
    item->setData(ItemDescription,"Ellipse");

    scene->addItem(item);
    scene->clearSelection();
    item->setSelected(true);
}

//矩形
QGraphicsRectItem *item = new QGraphicsRectItem(-50,-30,100,60);

//圆形
QGraphicsEllipseItem *item = new QGraphicsEllipseItem(-50,-50,100,100);

//三角形
QGraphicsPolygonItem *item = new QGraphicsPolygonItem(QPolygonF(QVector<QPointF>{{0,0},{120,0},{0,-160}}));

//梯形
QGraphicsPolygonItem *item = new QGraphicsPolygonItem(QPolygonF(QVector<QPointF>{{0,0},{50,-100},{150,-100},{200,0}}));

//文字
QGraphicsTextItem *item = new QGraphicsTextItem("hello");

  3. 合并代码

    enum SHAPE{
        RECT,
        ELLIPSE,
        CIRCLE,
        TRIANGLE,
        POLYGON,
        TEXT,
        LINE,
        last
    };

//draw--------------------------------------------------------------------------------
void MainWindow::on_actItem_Rect_triggered()
{
    drawItem(SHAPE::RECT);
}

void MainWindow::on_actItem_Ellipse_triggered()
{
    drawItem(SHAPE::ELLIPSE);
}

void MainWindow::on_actItem_Line_triggered()
{
    drawItem(SHAPE::LINE);
}

void MainWindow::on_actItem_Circle_triggered()
{
    drawItem(SHAPE::CIRCLE);
}

void MainWindow::on_actItem_Triangle_triggered()
{
    drawItem(SHAPE::TRIANGLE);
}

void MainWindow::on_actItem_Polygon_triggered()
{
    drawItem(SHAPE::POLYGON);
}

void MainWindow::on_actItem_Text_triggered()
{
    drawItem(SHAPE::TEXT);
}

void MainWindow::drawItem(int type)
{
    QGraphicsItem *item=nullptr;
    switch (type) {
    case SHAPE::LINE:
    {
        item = new QGraphicsLineItem(-50,-30,100,60);
        QPen pen(QBrush(Qt::blue),10);
        static_cast<QGraphicsLineItem*>(item)->setPen(pen);
        item->setData(ItemId,SHAPE::LINE);
        item->setData(ItemDescription,"Line");
        break;
    }
    case SHAPE::RECT:
        item = new QGraphicsRectItem(-50,-30,100,60);
        static_cast<QGraphicsRectItem*>(item)->setBrush(QBrush(Qt::blue));
        item->setData(ItemId,SHAPE::RECT);
        item->setData(ItemDescription,"Ractangle");
        break;
    case SHAPE::CIRCLE:
        item = new QGraphicsEllipseItem(-50,-50,100,100);
        static_cast<QGraphicsEllipseItem*>(item)->setBrush(QBrush(Qt::blue));
        item->setData(ItemId,SHAPE::CIRCLE);
        item->setData(ItemDescription,"Circle");
        break;
    case SHAPE::ELLIPSE:
        item = new QGraphicsEllipseItem(-50,-30,100,60);
        static_cast<QGraphicsEllipseItem*>(item)->setBrush(QBrush(Qt::blue));
        item->setData(ItemId,SHAPE::ELLIPSE);
        item->setData(ItemDescription,"Ellipse");
        break;
    case SHAPE::TRIANGLE:
        item = new QGraphicsPolygonItem(QPolygonF(QVector<QPointF>{{0,0},{120,0},{0,-160}}));
        static_cast<QGraphicsPolygonItem*>(item)->setBrush(QBrush(Qt::blue));
        item->setData(ItemId,SHAPE::TRIANGLE);
        item->setData(ItemDescription,"Triangle");
        break;
    case SHAPE::POLYGON:
        item = new QGraphicsPolygonItem(QPolygonF(QVector<QPointF>{{0,0},{50,-100},{150,-100},{200,0}}));
        static_cast<QGraphicsPolygonItem*>(item)->setBrush(QBrush(Qt::blue));
        item->setData(ItemId,SHAPE::POLYGON);
        item->setData(ItemDescription,"Polygon");
        break;
    case SHAPE::TEXT:
        item = new QGraphicsTextItem("hello");
        item->setData(ItemId,SHAPE::TEXT);
        item->setData(ItemDescription,"Text");
        break;
    default:return;
    }

    item->setFlags(QGraphicsItem::ItemIsSelectable|
                   QGraphicsItem::ItemIsFocusable|
                   QGraphicsItem::ItemIsMovable);
    item->setZValue(++frontZ);//叠放顺序
    item->setPos((qrand()%100)-50,(qrand()%100)-50);

    scene->addItem(item);
    scene->clearSelection();
    item->setSelected(true);
}

  4. 图元放大缩小

    void MainWindow::on_actZoomIn_triggered()
{
    int cnt = scene->selectedItems().count();
    if(cnt!=0){
        QGraphicsItem* item;
        for(int i=0;i<cnt;i++){
            item=scene->selectedItems().at(i);
            item->setScale(item->scale()+0.1);
}}}

void MainWindow::on_actZoomOut_triggered()
{
    int cnt = scene->selectedItems().count();
    if(cnt!=0){
        QGraphicsItem* item;
        for(int i=0;i<cnt;i++){
            item=scene->selectedItems().at(i);
            item->setScale(item->scale()-0.1);
}}}

  5. 图元左转右转

    void MainWindow::on_actRotateLeft_triggered()
{
    int cnt = scene->selectedItems().count();
    if(cnt!=0){
        QGraphicsItem* item;
        for(int i=0;i<cnt;i++){
            item=scene->selectedItems().at(i);
            item->setRotation(-30+item->rotation());
}}}

void MainWindow::on_actRotateRight_triggered()
{
    int cnt = scene->selectedItems().count();
    if(cnt!=0){
        QGraphicsItem* item;
        for(int i=0;i<cnt;i++){
            item=scene->selectedItems().at(i);
            item->setRotation(30+item->rotation());
}}}

  6. 图元组合和打散

    void MainWindow::on_actGroup_triggered()
{
    int cnt = scene->selectedItems().count();
    if(cnt>1){
        QGraphicsItemGroup *group = new QGraphicsItemGroup; //create group
        scene->addItem(group); //add to scene

        QGraphicsItem* item;
        for(int i=0;i<cnt;i++){
            item=scene->selectedItems().at(0);//注意这里必须为0，加入group后会从scene中删去
            item->setSelected(false);
            item->clearFocus();
            group->addToGroup(item);
        }

        group->setFlags(QGraphicsItem::ItemIsSelectable|
                        QGraphicsItem::ItemIsFocusable|
                        QGraphicsItem::ItemIsMovable);
        group->setZValue(++frontZ);
        scene->clearSelection();
        group->setSelected(true);
    }
}

void MainWindow::on_actGroupBreak_triggered()
{
    int cnt = scene->selectedItems().count();
    if(cnt>0){
        QGraphicsItemGroup *group;
        for(int i=0;i<cnt;i++){
            group = static_cast<QGraphicsItemGroup*>(scene->selectedItems().at(0));
            scene->destroyItemGroup(group);
        }
    }
}

  7. 按键

    void MainWindow::on_keyPress(QKeyEvent *event)
{
    if(scene->selectedItems().count()!=1)return; //只能选择一个图形操作

    QGraphicsItem *item = scene->selectedItems().at(0);

    switch (event->key()) {
    case Qt::Key_Delete:
        scene->removeItem(item);
        break;
    case Qt::Key_Space:
        item->setRotation(90+item->rotation());
        break;
    case Qt::Key_PageUp:
        item->setScale(item->scale()+0.1);
        break;
    case Qt::Key_PageDown:
        item->setScale(item->scale()-0.1);
        break;
    case Qt::Key_Left:
        item->setX(-1+item->x());
        break;
    case Qt::Key_Right:
        item->setX(1+item->x());
        break;
    case Qt::Key_Up:
        item->setY(-1+item->y());
        break;
    case Qt::Key_Down:
        item->setY(1+item->y());
        break;
    }
}

  8. 单击双击事件

    void MainWindow::on_mouseClicked(QPoint point)
{
    QPointF pointScene = ui->View->mapToScene(point);
    QGraphicsItem *item = NULL;
    item = scene->itemAt(pointScene,ui->View->transform());
    if(item != NULL){
        QPointF pointItem = item->mapFromScene(pointScene);
        labItemCord->setText(QString::asprintf("Item cord:%.0f %.0f",pointItem.x(),pointItem.y()));
        labItemInfo->setText(item->data(ItemDescription).toString());
    }
    else {
        labItemCord->setText(" item cord ");
        labItemInfo->setText(" item info ");
    }
}

//双击编辑颜色
template<class T>
void setBrushColor(T *item)
{
    QColor color = item->brush().color();
    color = QColorDialog::getColor(color,nullptr,"choose color");
    if(color.isValid()) item->setBrush(QBrush(color));
}

void MainWindow::on_mouseDoubleClick(QPoint point)
{
    QPointF pointScene = ui->View->mapToScene(point);
    QGraphicsItem *item = NULL;
    item = scene->itemAt(pointScene,ui->View->transform());
    if(item != NULL){
        switch (item->data(ItemId).toInt()) {
        case SHAPE::RECT:
            setBrushColor<QGraphicsRectItem>(static_cast<QGraphicsRectItem*>(item));
            break;
        case SHAPE::CIRCLE:
            setBrushColor(static_cast<QGraphicsEllipseItem*>(item));
            break;
        case SHAPE::ELLIPSE:
            setBrushColor(static_cast<QGraphicsEllipseItem*>(item));
            break;
        case SHAPE::TRIANGLE:
            setBrushColor(static_cast<QGraphicsPolygonItem*>(item));
            break;
        case SHAPE::POLYGON:
            setBrushColor(static_cast<QGraphicsPolygonItem*>(item));
            break;
        case SHAPE::LINE:
        {
           QGraphicsLineItem* item1 = static_cast<QGraphicsLineItem*>(item);
           QPen pen = item1->pen();
           QColor color = item1->pen().color();
           color = QColorDialog::getColor(color,this,"choose line color");
           if(color.isValid()){
               pen.setColor(color);
               item1->setPen(pen);
           }
           break;
        }
        case SHAPE::TEXT:
            {
                QGraphicsTextItem* item1 = static_cast<QGraphicsTextItem*>(item);
                QFont font = item1->font();
                bool ok = false;
                font = QFontDialog::getFont(&ok,font,this,"set font");
                if(ok) item1->setFont(font);
                break;
            }
        }
    }
}
Leslie X徐
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
QGraphicsView 框架学习（三),图形对象的剪贴板操作。
firebolt2002的博客
07-05 2630
图形编辑必备功能，剪贴板。 Qt本身提供 QClipboard 对象，它使用也很方便，有轮子就不用自己造轮子，不说废话，我们需要利用QMimeData对象来存储我们的图形元素，所以我们要声明一个QMimeData的派生类。
cardview:卡片视图的Qt实现
06-12
卡片视图库 卡片视图的 Qt 实现。 包括自定义模型的包装代理和用于在卡片中显示模型数据的 QAbstractItemView 的实现。
Qt QGraphicsItem的使用
m0_73443478的博客
01-10 2125
Qt QGraphicsItem的使用
Qt之视图QTableView
最新发布
weixin_44875787的博客
05-05 188
模型QStandardItemModel，视图QTableView，代理QDelegateItem
图形视图框架QGraphicsScene（场景，概念）
qq_45303986的博客
03-18 2796
该类充当 QGraphicsItems 的容器。它与 QGraphicsView 一起使用，用于在 2D 表面上可视化图形项目，例如线条、矩形、文本甚至自定义项目。创建一个椭圆项添加到项目中返回QGraphicsEllipseItem*添加项目，使用QGraphicsItem*添加创建一个线段项添加到项目中返回QGraphicsLineItem*创建一个路径项添加到项目中返回QGraphicsPathItem*创建一个图片项添加到项目中返回QGraphicsPixmapItem*创建一个多边形项添加到项目中
Qt图形视图框架：QGraphicsItem详解（长文）
友善啊，朋友的博客
05-25 3万+
一、类型成员 1.1、QGraphicsItem::CacheMode：图形项的缓存模式 缓存图形加快渲染速度，当需要重新绘制时图形项使用缓存的图形。 1、NoCache 默认值，所有图形项缓存均已禁用。每次需要重新绘制图形项时，都会调用QGraphicsItem::paint()。 2、ItemCoordinateCache 为图形项的逻辑（本地）坐标系启用了缓存。 图形项创建一个具有可配置大小/分辨率的屏幕外像素缓冲区。呈现质量通常会下降，具体取决于缓存的分辨率和图形项转换。第一次绘制
QGraphicsView 框架学习（二),组合与撤销组合
tianyu的专栏 - Linux site:blog.csdn.net/wishfly
02-23 1129
 QGraphicsItemGroup 是Qt二维图形框架提供的对图元进行组合操作的类。它提供了了void addToGroup(QGraphicsItem * item) 和 void removeFromGroup（QGraphicsItem *)；两个方法。实际使用中可以通过 scene的createItemGroup()方法来创建组合对象，通过destroyItemGroup方法撤销组合。...
qt图形框架基础归纳.rar_QT_QT 图形处理_qt 视图框架_图形_图形 qt
09-24
该文档是关于图形框架的开发，场景，图形图项，视图；事件处理，图形项组，动画。为编写游戏提供了入门基础。
Qt图形视图框架详解
06-09
介绍Qt中的Graphics View Framework，涉及View、Scene、Item的关系，如何自定义QGraphicsItem、处理Item之间的关联、如何布局及定义自己的布局Item、如何变幻Item、如何应用动画、如何处理拖放、如何给Item应用图形...
QT图形视图框架(QGraphicsView)绘图并调用libusb通讯
11-15
2、qt图形视图框架的基本使用。 安装教程 使用QT打开工程文件； 修改.pro文件中的库路径； 设置kits，编译运行。 使用说明 主要介绍了libusb的设备打开，端口打开，以及中断方式传输数据； 主要介绍了Qt的视图...
【Qt】2D绘图之图形视图框架(一).rar
03-24
【Qt】2D绘图之图形视图框架(一).rar
Qt学习笔记--图形视图框架
10-03
Qt学习笔记--图形视图框架很好的，步骤清楚，手把手的教你使用Qt绘制图形视图
(转)Qt图形视图框架（一）
viclee
10-12 1万+
优点：处理多个图元，单击，拖动，选择图元架构：一个场景，多个图元位于其中，通过视图显示主要应用: 绘图软件，显示地图软件当使用没有变换的视图观察场景时，场景中的一个单元对应屏幕上的一个像素图元坐标通常以图元中心为原点，X轴正方向为向右，Y轴正方向为向下场景坐标的原点在场景中心，X轴正方向为向右，Y轴正方向为向下视图坐标以左上角为原点，X轴正方向为向右，Y轴正方向为向下所有的鼠标事件最开始都是使用视图坐标场景：图元的容器1.提供管理很多图元的接口2.传播事件到图元中3.管理图元状态，例如选择和焦点处理4.提供
qt Graphic View 学习
baidu_16370559的博客
08-12 1480
是一种基于图形项的（Graphic Item）模型/视图模式。 由场景、视图、图形项组成。 1.场景 2.视图 3.图形项
Qt图形视图框架：QGraphicsView 详解
热门推荐
友善啊，朋友的博客
05-30 5万+
Qt图形视图框架：QGraphicsView详解
Qt应用：使用深度优先搜索将有向图的根标记为红色。另外有一事不明。
qq_40878688的博客
01-07 287
采用邻接矩阵存储。设计一个算法判断有向图是否存在根？如果，将图的顶点标记为红色。分析：题目其实不难。主要分为两部分，一是求根算法，二是界面展示。因此，我设计的是顶点数和邻接矩阵。是在界面上生成图，将根标记为红色。
图拓扑关系可视化的qt实现——有向图
千人斩的博客
06-30 3337
原来写过一篇博客，是图拓扑关系可视化的qt实现， 这里面是无向图，后来需求升级，改为了有向图。 改动的思路主要是在连接节点时记住哪个节点先点，哪个节点后点，同时用二维数组记录节点连接状态。 上一篇无向图的博客下面有人在求源码，但笔者在博客中已经把工程基于的Qt Demo和具体改动的地方都写出来了，还是有人不愿意花时间去调试，上来就要源码。笔者遇到问题也看一些别人写的技术博客，一般都是按照博客内容先尝试复现一遍，如果最后由于自己能力问题和或者作者没有表述清楚的问题实在调不通才会去麻烦作者。因此笔者在此给看到这
Qt及Qt Quick开发实战精解项目二俄罗斯方块 items方法报错
征途人生&梦
05-20 628
在练习《Qt及Qt Quick开发实战精解》第二章的项目时，在MyView::clearFullRows中有这样一行代码 QList<QGraphicsItem*> list = scene()->items(199, y, 202, 22, Qt::ContainsItemShape); 编辑器就直接报错了，报错信息如下 myview.cpp:75:47: error: no matching member function for call to 'items' qgraphi
[Qt] 图的可视化编程 - Graph Visualization
RyuZhihao123 的博客
07-20 1万+
最近帮我同学的同学，写了一份课程设计，哈哈哈哈（不要举报哦，小宝贝）。简单描述一下题目：无向图最短路径的动态规划求解，及界面演示。我采用的方法是Floyd算法，这个在我之前的博客中也有写到，这里也不再多说了。但是我一直想尝试一下利用编程的手段，将图结构展示出来，所以正好趁着这次机会，我就做了这样的一个程序，也顺便写一篇博文记录一下如何实现图的可视化编程（Graph Visualizetion）。
qt创建图形视图场景
07-28
在Qt中创建图形视图场景可以通过使用QGraphicsScene和QGraphicsView类来实现。以下是一个简单的示例代码，演示了如何创建一个基本的图形视图场景： ```cpp #include #include #include #include int main(int ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值