Qt Examples

QT自带例程Boxes使用QT Graphics View框架实现了2D图形和3D图形的混合渲染，综合性比较强，整合知识较多，值得学习。

可以使用鼠标通过以下方式控制演示中的元素：
按住鼠标左键的同时拖动鼠标可以旋转中心的Box。
按住鼠标右键的同时拖动鼠标会旋转卫星箱。
按住鼠标滚轮的同时拖动鼠标会旋转整个3D背景层。
滚动鼠标滚轮可放大和缩小场景。

选项窗格可用于微调Demo中的各种参数，包括颜色和像素着色器

原始的在Widget中绘图通过重写paintEvent绘图响应函数，在其中使用QPainter来绘制。

存在问题：

1、支持更多的图形时函数体会很长

2、移动操作图形时会很费劲

Graphics View基本架构

Graphics View设计为管理大量2D图形，每一个2D图形都是一个item，其类为QGraphicsItem，QT内置了椭圆、矩形、直线、路径、图像、多边形和文本等基本item，可以通过派生QGraphicsItem来实现自定义的item，需要重写boundingRect以及paint函数。

QGraphicsScene场景类包含所有的items，并且充当了一个view与items之间的接口桥梁。其拥有所有的图形item，可以传播绘制事件以及其他鼠标事件，而且提供了定位和管理图形item的各种方便的方法。

场景初始化：

QGraphicsScene *scene = new QGraphicsScene(this);

scene->setSceneRect(-100, -100, 201, 201);

场景中添加图形item:

QGraphicsItem *item = scene->addRect(20, 20, 60, 60,

QPen(Qt::red, 3),

QBrush(Qt::green));

QGraphicsView视图类widget充当了显示一个场景（场景是虚拟的）的视口。

QGraphicsView *view = new QGraphicsView();

QGraphicsScene *scene = setupScene();

view->setScene(scene);

为了能在场景中添加QT基本的图形组件（如PushButton、LineEdit等），QT提供了QGraphicsWidget类，为了进一步能使得图形item使用信号-槽的功能，QT又提供了QGraphicsObject类，非常的全面周到。

QGraphicsProxyWidget *button = scene->addWidget(new QPushButton(tr("Click me!")));

button->setPos(20, -30);

图形项item交互操作

图形项item的flags控制着它们如何可以与之互动

ItemIsMovable - 一个方便的功能，原始鼠标事件方法让用户拖动
ItemIsSelectable - 使用setSelected和QGraphicsScene :: setSelectionArea方法选择
ItemIsFocusable - 获取键盘焦点

场景通过BSP树管理图形项item，二进制空间分区树存储图形项于一棵树中，主要取决于它们在空间的位置。

绘制各种2D图形项

OpenGL渲染

为了使用OpenGL渲染场景，需要更改view的视口widget：

QGraphicsView *view = new QGraphicsView();

view->setViewport(new QGLWidget);

绘制3D图形项

一般地，图形项的绘制时在paint函数中使用QPainter来绘制，QPainer是绘制2D图形的类，而想绘制3D图形则需要使用OpenGL API，同样滴，在paint中是OpenGL命令代码如下：

 C++ Code 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

class MyItem : public QGraphicsItem
{
public:
    MyItem( QGraphicsItem *parent = 0 ) : QGraphicsItem(parent), w(200), h(200) {}
    void paint(QPainter *painter,
               const QStyleOptionGraphicsItem *option,
               QWidget *widget)
    {
        painter->drawRect(boundingRect());
        painter->beginNativePainting();
        /* Reset The Current Viewport And Perspective Transformation */

        glViewport(20, 20, w, h);
        glMatrixMode(GL_PROJECTION);
        glLoadIdentity();
        gluPerspective(45.0f, (GLfloat)w / (GLfloat)h, 0.1f, 100.0f);
        glMatrixMode(GL_MODELVIEW);

        glLoadIdentity();
        glTranslatef(0.0f , 0.0f, -6.0f);
        glBegin(GL_TRIANGLES);
        glVertex3f(0.0f, 1.0f, 0.0f);
        glVertex3f(-1.0f, -1.0f, 0.0f);
        glVertex3f(1.0f, -1.0f, 0.0f);
        glEnd();

        painter->endNativePainting();
    }

    QRectF boundingRect () const
    {
        return QRectF(20, 20, w, h);
    }

private:
    int w, h;
};

绘制3D场景

QGraphicsScene类提供了三个层面：背景层、图元层和前景层。上面2D图形项的绘制都是在图元层，是一个2D场景，如果我们想要实现一个3D场景，则可以在背景或前景层使用OpenGL命令，而底层是3D场景，上面是2D场景的情况很类似于我们玩网络游戏的情景，所以常在背景层绘制3D场景。各层绘制顺序：背景层-图元层-前景层

 C++ Code 

1
2
3
4
5
6

void QGraphicsScene::drawBackground(QPainter *painter, const QRectF &rect)
{
    painter->beginNativePainting();
    // do opengl draw…
    painter->endNativePainting();
}

Box例程学习：

在Windows上安装的QT版本在build该例程时会出现错误，提示缺少opengl-desktop版本的支持，这是由于windows的发布版本QT没有使用该选项（只能重新编译QT源代码了），而linux版本使用了该选项可以正常构建运行。

Qt Graphics View + OpenGL Render：

QGLWidget *widget = new QGLWidget(QGLFormat(QGL::SampleBuffers));

widget->makeCurrent();

Scene scene(1024, 768, maxTextureSize);

GraphicsView view;

view.setViewport(widget);

view.setViewportUpdateMode(QGraphicsView::FullViewportUpdate);

view.setScene(&scene);

view.show();

类图：