QT上位机开发（键盘绘图控制）-编程知识

QT上位机开发（键盘绘图控制）

绘图是qt很基础的一个功能。通常，我们进行qt绘图的时候，一般会先创建一个qt view，这个相当于视图。接着创建一个场景scene，场景和视图是一对多的关系，比如相同的场景可以正着看、反着看、旋转着看等等，这样就会有多个view。有了场景之后呢，我们就可以在上面添加物体了，这个物体就是各种各样形状的内容。今天，我们借着键盘绘图的需求，看下qt下面view-scene-item是怎么一个情况。

1、首先创建一个widget工程

widget工程是我们开发的一个基础，虽然里面的代码基本不用，但是需要这样的一个基本框架。

2、接着创建绘制的物体

绘制的物体一般都要继承QGraphicsPolygonItem，后期这个类就会被添加到scene当中。因为本次的需求是响应各种按键功能，所以还要重写一下keyPressEvent函数。

#include <QApplication>
#include <QGraphicsView>
#include <QGraphicsScene>
#include <QGraphicsPolygonItem>
#include <QKeyEvent>class TriangleItem : public QGraphicsPolygonItem
{
public:TriangleItem(QGraphicsItem* parent = nullptr) : QGraphicsPolygonItem(parent){QPolygonF triangle;triangle << QPointF(0, -50) << QPointF(25, 25) << QPointF(-25, 25);setPolygon(triangle);}~TriangleItem(){}void keyPressEvent(QKeyEvent* event) override{QPointF currentPosition = pos();switch (event->key()){case Qt::Key_Up:currentPosition.setY(currentPosition.y() - 10);break;case Qt::Key_Down:currentPosition.setY(currentPosition.y() + 10);break;case Qt::Key_Left:currentPosition.setX(currentPosition.x() - 10);break;case Qt::Key_Right:currentPosition.setX(currentPosition.x() + 10);break;default:break;}setPos(currentPosition);}
};

3、重写QGraphicsView类

当view中接收到按键消息之后，第一个处理的，一般是view里面的keyPressEvent函数。我们目前的处理方法就是，首先在view里面识别到按键事件，然后判断当前按键是不是TriangleItem，如果是，就继续调用对应类的keyPressEvent函数。

class GraphicsView : public QGraphicsView
{
public:GraphicsView(QGraphicsScene* scene, QWidget* parent = nullptr) : QGraphicsView(scene, parent) {}~GraphicsView(){}protected:void keyPressEvent(QKeyEvent* event) override{QGraphicsScene* graphicsScene = scene();if (graphicsScene){QList<QGraphicsItem*> items = graphicsScene->items();for (QGraphicsItem* item : items){if (TriangleItem* triangle = dynamic_cast<TriangleItem*>(item)){triangle->keyPressEvent(event);return;}}}QGraphicsView::keyPressEvent(event);}
};

4、构建基本的view-scene-item流程

qt下面的构建方法还是比较清晰的，首先是创建一个scene变量，用scene变量创建一个view变量。简单设置好大小之后，创建一个triangle的item，保存在scene场景中。最后view简单设置了属性之后，直接show出来。基本逻辑就是这样。

另外需要注意的是，这里的view，就可以看成一种普通的控件。它和标准的ListView、TreeView、TableView等等，都是一样的。本身也可以集成到main window下面。

int main(int argc, char *argv[])
{QApplication app(argc, argv);QGraphicsScene scene;GraphicsView view(&scene);view.resize(600, 450);TriangleItem *triangle = new TriangleItem();scene.addItem(triangle);view.setRenderHint(QPainter::Antialiasing);view.setRenderHint(QPainter::SmoothPixmapTransform);view.show();return app.exec();
}