1. 程式人生 > 其它 >QT之二維繪圖:場景,圖元,檢視

QT之二維繪圖:場景,圖元,檢視

技術標籤:androidjavaqt小程式遊戲開發

1、新建QT GUI專案,基類widget

2、在widget.h中

#include <QGraphicsScene>
#include <QGraphicsView>
#include <QDebug>





private:
     QGraphicsView *_view;
     QGraphicsScene *_scene;

2、在widget的建構函式中:

#include <QGraphicsLineItem>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
     _view = new QGraphicsView(this);
     _view->setScene(_scene = new QGraphicsScene);
     _scene->addItem(new QGraphicsLineItem(QLineF(0, 0, 100, 100)));
}

效果:

1c114a52ac659022ce892119c0e5c28d159.jpg

改程序序:讓_view的效果隨著對話方塊的變大而變大:如果_view小了會顯示一部分scene,並且自動新增場景條。如果_view比_scene大,會全部顯示。

方法1:添加布局,將_view放置為一個box佈局

#include <QGraphicsLineItem>
#include <QVBoxLayout>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    QVBoxLayout *lay = new QVBoxLayout(this);

     _view = new QGraphicsView(this);
     lay->addWidget(_view);   //讓_view自動佈局
     _view->setScene(_scene = new QGraphicsScene);
     _scene->addItem(new QGraphicsLineItem(QLineF(0, 0, 100, 100)));
}

方法2:重寫resizeEvent事件:讓view的大小隨著widget的大小變化而變化

在widget.h中新增:

void resizeEvent(QResizeEvent *);

在widget.cpp中是:

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
     _view = new QGraphicsView(this);
     _view->setScene(_scene = new QGraphicsScene);
     _scene->addItem(new QGraphicsLineItem(QLineF(0, 0, 100, 100)));
}

void Widget::resizeEvent(QResizeEvent *)
{
     //設定_view的大小為widget的大小
    _view->setGeometry(QRect(QPoint(0, 0), size()));
}

--

446ddf05efe6ee7dbda3aec363b4933ec32.jpg

17578e82e92061ebe2e795b22d5327aa1e4.jpg

其座標原點始終在中間

、、-----