Qt中绘图框架的使用例子

绘图框架的使用步骤:

1、创建自定类继承QGraphicsView(可以直接用QGraphicsView小部件)。

2、创建QGraphicsScene对象,在创建的时候初始化场景矩形框。并使用QGraphicsView部件的函数setScene将场景设置到视图中,这里小编测试不能再视图中放置多个场景,后面设置的场景会将之前的场景覆盖。但是一个场景可以设置给多个视图。

3、使用QGraphicsItem的子类图形或者自定义继承QGraphicsItem的图形项创建对象,可以使用到QPen、QBrush等相关绘图类进行渲染,之后通过QGraphicsScene的函数addItem()将其设置到场景中。至此简单的绘图框架绘制完成。

绘图框架中视图、场景和图形项位置坐标的对应关系(小编自己总结的)

当在视图中创建场景时,场景的坐标范围为场景矩形框的顶点加上长宽,例如在视图中添加一个场景矩形框为(-100,100,200,200)那么场景区域的左上角坐标为(-100,100),宽度为200,高度为200,也就是说视图的坐标范围为(-100,100)和(100,300),而对应的坐标原点(0,0)不在此范围之内。而场景和视图的对应关系是中心的对齐(通俗点就是视图的中心点和场景的中心点事重合的)。

当在场景中创建图形项的时候,图形项的位置有两种表示:

不设置setpos()坐标,这个时候会默认和场景中的坐标对应,也就是说这种情况下图形项的坐标和场景中的坐标是一一对应的。而图形项中坐标的范围就是图形项设置的矩形框顶点加上长宽(有可能(0,0)也不在这个范围之中)。但是一般情况下载创建图形项的时候会将(0,0)点设置为图形项的中心点。

设置setpos()函数,这个时候图形项的位置将会相对偏移setpos()函数设置的量,因此当设置了setpos()之后,场景和图形项之间就会从在一定的偏移量。

代码如下:

1、自定义的视图类

#ifndef MYGRAPHICSVIEW_H
#define MYGRAPHICSVIEW_H

#include 
#include 
#include 
class MyGraphicsView : public QGraphicsView
{
    Q_OBJECT
public:
    MyGraphicsView(QWidget *parent = 0);

protected:
    void mouseMoveEvent(QMouseEvent *event);
    void mousePressEvent(QMouseEvent *event);

signals:
    void mouseMovePoint(QPoint point);
    void mouseClicked(QPoint point);

};

#endif // MYGRAPHICSVIEW_H

#include "mygraphicsview.h"

MyGraphicsView::MyGraphicsView(QWidget *parent)
{

}

void MyGraphicsView::mouseMoveEvent(QMouseEvent *event)
{
    QPoint point = event->pos();
    emit mouseMovePoint(point);
    QGraphicsView::mouseMoveEvent(event);
}

void MyGraphicsView::mousePressEvent(QMouseEvent *event)
{
    if(event->button() == Qt::LeftButton){
        QPoint point = event->pos();
        emit mouseClicked(point);
    }
    QGraphicsView::mousePressEvent(event);
}

2、创建场景和图形项

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include 
#include 
#include "mygraphicsview.h"
#include 
#include 
#include 
QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();
private:
    Ui::MainWindow *ui;

private:
    QGraphicsScene* scene;
    QGraphicsScene* scene1;
    void initGraphicsSystem();//创建Graphics View各项

protected:
    void resizeEvent(QResizeEvent *event);

private slots:
    void mouseMovePoint(QPoint point);
    void mouseCliched(QPoint point);
};
#endif // MAINWINDOW_H

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    ui->graphicsView->setCursor(Qt::CrossCursor);
    ui->graphicsView->setMouseTracking(true);
    ui->graphicsView->setDragMode(QGraphicsView::RubberBandDrag);

    QObject::connect(ui->graphicsView,&MyGraphicsView::mouseMovePoint,this,&MainWindow::mouseMovePoint);
    QObject::connect(ui->graphicsView,&MyGraphicsView::mouseClicked,this,&MainWindow::mouseCliched);

    initGraphicsSystem();

}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::initGraphicsSystem()
{
    QRectF rect(-200,-100,400,200);
    scene = new QGraphicsScene(rect);//scene 逻辑坐标系定义

    ui->graphicsView->setScene(scene);
    ui->graphicsView_2->setScene(scene);
    //画框
    QGraphicsRectItem *item = new QGraphicsRectItem(rect);
    item->setFlags(QGraphicsItem::ItemIsSelectable|QGraphicsItem::ItemIsFocusable);
    QPen pen;
    pen.setWidth(2);
    item->setPen(pen);
    scene->addItem(item);


    //画框
    QGraphicsRectItem *item1 = new QGraphicsRectItem(-100,-50,200,100);
    item1->setFlags(QGraphicsItem::ItemIsMovable|QGraphicsItem::ItemIsSelectable|QGraphicsItem::ItemIsFocusable);
    item1->setPen(pen);

    scene->addItem(item1);
    scene->clearSelection();

}

void MainWindow::resizeEvent(QResizeEvent *event)
{

}

void MainWindow::mouseMovePoint(QPoint point)
{
    ui->label_view->setText(QString::asprintf("view 坐标 %d,%d",point.x(),point.y()));
    QPointF pointscene = ui->graphicsView->mapToScene(point);
    ui->label_sence->setText(QString::asprintf("scene 坐标 %0.f,%0.f",pointscene.x(),pointscene.y()));
}

void MainWindow::mouseCliched(QPoint point)
{
    QPointF pointscene = ui->graphicsView->mapToScene(point);
    QGraphicsItem *item = nullptr;
    item = scene->itemAt(pointscene,ui->graphicsView->transform());//获取光标下的图形
    if(item != nullptr){
        QPointF pointItem = item->mapFromScene(pointscene);//图形项局部坐标
        ui->label_item->setText(QString::asprintf("item 坐标 %0.f,%0.f",pointItem.x(),pointItem.y()));
    }
}

缩放

//旋转
void MainWindow::on_pushButton_3_clicked()
{
    item1->setRotation(100);//设置旋转角度
    item1->rotation();//开始旋转
}
//缩放
void MainWindow::on_pushButton_2_clicked()
{
    item1->setScale(1.2);//设置缩放系数
    item1->scale();//开始缩放
}

你可能感兴趣的:(Qt笔记,qt)