用Qt实现垂直时间轴

用Qt实现垂直时间轴

在日常的软件开发中，常常需要展示时间线条。为了更好的用户体验，我们可以设计出不同样式、不同功能的时间轴来满足用户需求。这里我们介绍一种基于Qt实现的垂直时间轴控件。

首先，我们创建一个自定义控件类TimeLineWidget，它继承自QWidget类。在其中建立一个QListWidget用于显示时间轴上的事件。我们设置该控件的最小宽度为50，最大宽度为100，高度为400。

class TimeLineWidget : public QWidget
{
    Q_OBJECT
public:
    TimeLineWidget(QWidget *parent = nullptr);

private:
    QListWidget *timeEventsList;
};

接着，在构造函数中对该控件进行初始化，并设置样式表来美化控件。同时，我们需要设置鼠标滚动事件，以便在时间轴上滚动鼠标时，能够自动调整列表内容并更新其它UI效果。

TimeLineWidget::TimeLineWidget(QWidget *parent)
    : QWidget(parent)
{
    setMinimumWidth(50);
    setMaximumWidth(100);
    setFixedHeight(400);

    timeEventsList = new QListWidget(this);
    timeEventsList->setFrameShape