用QT实现垂直时间轴

用QT实现垂直时间轴

在本篇文章中，我们将会介绍如何使用Qt实现一个简单的垂直时间轴。垂直时间轴的基本思路是，在一个QGraphicsView中以一条竖直的线为基准，上下排列许多表示事件的条目。每个条目都有一个时间戳、标题和内容。

首先我们需要新建一个Qt Widgets应用程序并添加如下代码。

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QGraphicsScene>
#include <QGraphicsView>

class MainWindow : public QMainWindow
{
    Q_OBJECT

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

private:
    QGraphicsScene* scene_;
    QGraphicsView* view_;
};

#endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"

#include <QDateTime>

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent),
      scene_(new QGraphicsScene(this)),
      view_(new QGraphicsView(this)