QT 视图框架总结

Qt 图形视图框架<二>——<QGraphicsView、QGraphicsScene> - 灼光 - 博客园

1 如果在widget里面添加 一个 ui->graphicsView窗口，这里面设置graphicsView的pos，是以widget的原点（左上角（0,0））为坐标，添加一个sence，这里是sence的坐标是以自己的中心为原点，不是窗口的（0，0），这里设置ui->graphicsView的宽和高的一半为sence的坐上的pos的x和y

MyView::MyView()

{

    resize(400, 400);  视图大小

        setBackgroundBrush(QPixmap("../graphicsview03/back.jpg"));

        QGraphicsScene *scene = new QGraphicsScene(this); sence的父亲为view

        scene->setSceneRect(0, 0, 200, 200);//相对于view的坐标

        QGraphicsRectItem *item1 = new QGraphicsRectItem(0,0,20,20);

        item1->setBrush(Qt::red);

        item1->setPos(10,0);//相对于sence坐标

        //scene->addItem(item1);

        QGraphicsRectItem *item2 = new QGraphicsRectItem(0,0,20,20);

        item2->setBrush(Qt::green);

        item2->setPos(40,0);

        //scene->addItem(item2);

        //新建图形项组

        QGraphicsItemGroup *group = new QGraphicsItemGroup;

        group->addToGroup(item1);

        group->addToGroup(item2);

        scene->addItem(group);

        setScene(scene);

        setAlignment(Qt::AlignLeft | Qt::AlignTop);

        //手型拖动

        setDragMode(QGraphicsView::ScrollHandDrag);

        scene->setSceneRect(0, 0, 800, 800);

        QGLWidget *widget =new QGLWidget(this);

        setViewport(widget);

        //输出(10, 0)点的图形项

        qDebug() << "itemAt(10,0) : " <<itemAt(10, 0);

        qDebug() << "itemAt(40,0) : " <<itemAt(40, 0);

        qDebug() << "#################################";

}

2 

boundingRect()这个函数，是说明item的区域范围。在那个范围里面有效，是以scence原点为基础

2 item 设置在窗口里面的位置的时候，也是以view的坐标为pos的x和y,item自己的中心为原点和view不一样

pixItem->setPos(ui->graphicsView->x(),ui->graphicsView->y());//中心位置   我们这里是按照widget的坐标原点设置pos

    QGraphicsScene scene(0, 0, 200, 200);//场景,设置的是基于屏幕原点的坐标

    for(int i=0;i<2;i++)

    {

      MyItem* item = new  MyItem;

      item->setColor(QColor(qrand()%256,qrand()%256,qrand()%256));

      //item->setColor(QColor(200,200,200+10*i));

      item->setPos(0,50*i+2);//这个点是这个item的中心点

      //item->setRect(QRectF(i*50,50,5,5));

      scene.addItem(item);

      qDebug()<<"123454"<<item->boundingRect().width()<<item->boundingRect().height();

    }

    QGraphicsView view;

    view.setScene(&scene);

    view.setSceneRect(0,0,200,200);//设置显示窗口大小

    view.show();

3 item 添加

setFlag(QGraphicsItem::ItemIsFocusable);    setFlag(QGraphicsItem::ItemIsMovable);

可以实现item拖动

4 以鼠标点为中心的放大和缩小添加下面两句

            //以鼠标为中心进行缩放
    setTransformationAnchor(QGraphicsView::AnchorUnderMouse);//当转换时候view应该如何摆放场景的位置
    setResizeAnchor(QGraphicsView::AnchorUnderMouse);

5  滚动滑轮，view 放大和缩小了，并且按照鼠标点击点放大。

void MyGraphicsView::wheelEvent ( QWheelEvent * event )

{

    // 获取当前鼠标相对于view的位置;

    QPointF cursorPoint = event->pos();

    // 获取当前鼠标相对于scene的位置;

    QPointF scenePos = this->mapToScene(QPoint(cursorPoint.x(), cursorPoint.y()));

    // 获取view的宽高;

    qreal viewWidth = this->viewport()->width();

    qreal viewHeight = this->viewport()->height();

    // 获取当前鼠标位置相当于view大小的横纵比例;

    qreal hScale = cursorPoint.x() / viewWidth;

    qreal vScale = cursorPoint.y() / viewHeight;

    // 当前放缩倍数;

    qreal scaleFactor = this->matrix().m11();

    int wheelDeltaValue = event->delta();

    // 向上滚动，放大,只是全部的放大和缩小;

    if (wheelDeltaValue > 0)

    {

        this->scale(1.2, 1.2);

    }

    // 向下滚动，缩小;

    else

    {

        this->scale(1.0 / 1.2, 1.0 / 1.2);

    }

    QPointF viewPoint = this->matrix().map(scenePos);

    // 通过滚动条控制view放大缩小后的展示scene的位置;

    horizontalScrollBar()->setValue(int(viewPoint.x() - viewWidth * hScale));

    verticalScrollBar()->setValue(int(viewPoint.y() - viewHeight * vScale));

}