基于Qt的UI框架(windows)

 类图结构如下：

 整个框架只需要继承想要的基类，编写好qss文件就可以了，如上的效果实现代码如下：分别为.h、.cpp、.qss代码

#pragma once
#include "CMenuBar.h"
#include "CToolBar.h"
#include "CTitleWidget.h"
#include "CStatusWidget.h"
#include "CMainWindowBase.h"

class MainMenuBar : public MenuBar
{
    Q_OBJECT
public:
    MainMenuBar(QWidget* parent = Q_NULLPTR) : MenuBar(parent) { 
        Init(); 
    }
    ~MainMenuBar() {}

protected:
    void Init();

public:
    //数据
    QAction* subscribe;//订阅设置
    QAction* recive;//开始接收
    QAction* sync_tick;//同步tick
    QAction* sync_kline;//同步k线
    
    //回测
    QAction* hc_cpp/*c++策略*/;
};

class TitleWindow : public TitleWidget
{
    Q_OBJECT
public:
    TitleWindow(QWidget* parent);

    void Init() override;


public:
    MainMenuBar* menu_bar;
};

class MainToolBar : public ToolBar
{
    Q_OBJECT
public:
    MainToolBar(QWidget* parent = Q_NULLPTR) : ToolBar(parent) {
        Init();
    }
    ~MainToolBar() {}

protected:
    void Init();
};

class MainStatus : public StatusWidget
{
    Q_OBJECT
public:
    MainStatus(QWidget* parent = Q_NULLPTR) : StatusWidget(parent) { Init(); }
    ~MainStatus() {}

    void Init() override;

protected slots:
    void OnServerStatus(bool);
    void OnCtpStatus(bool);

public:
    QLabel* label_server, *label_ctp;//服务器、ctp连接状态
};

class MainWidowEntity : public MainWindowImpl
{
public:
    MainWidowEntity(QWidget* parent = Q_NULLPTR);
    ~MainWidowEntity();

    void InitWindow() override;
    void InitSignal() override;
};

class MainWindow : public MainWindowBase
{
public:
    MainWindow();
    ~MainWindow();

    MainWindowImpl* CreateImpl();
};

#include "MainWindow.h"
#include "CStatusWidget.h"
#include <QMenuBar>
#include <QToolBar>
#include <QButtonGroup>

void MainMenuBar::Init()
{
    QMenu* menu_system = new QMenu(u8"系统");
    QAction* system_setting = make_name<QAction>("system_setting");
    system_setting->setText(u8"设置");
    menu_system->addAction(system_setting);

    QMenu* menu_data = new QMenu(u8"数据");
    QMenu* menu_realtime = menu_data->addMenu(u8"实时数据");
    menu_realtime->addAction(subscribe = make_name<QAction>("subscribe", u8"订阅设置"));
    menu_realtime->addAction(recive = make_name<QAction>("recive", u8"开始|停止接收"));
    QMenu* menu_history = menu_data->addMenu(u8"历史数据");
    menu_history->addAction(sync_tick = make_name<QAction>("sync_tick", u8"同步tick"));
    menu_history->addAction(sync_kline = make_name<QAction>("sync_kline", u8"同步k线"));
    QMenu* menu_analyze = new QMenu(u8"分析");
    QMenu* menu_backtest = new QMenu(u8"回测");
    QMenu* menu_trade = new QMenu(u8"交易");

    AddMenu({ menu_system, menu_data, menu_analyze, menu_backtest, menu_trade });
    CalcGeometry();
}

//////////////////////////////////////////////////////////////////////////
TitleWindow::TitleWindow(QWidget* parent) : TitleWidget(parent) {
    Init();
}

void TitleWindow::Init()
{
    TitleWidget::Init();
    menu_bar = new MainMenuBar();
    InsertWidget(0, menu_bar);
}

//////////////////////////////////////////////////////////////////////////


void MainToolBar::Init()
{
    //主面板操作按钮
    AddToolButton(make_name<QToolButton>("back"));
    AddToolButton(make_name<QToolButton>("ahead"));
    AddSeparator();
    //周期按钮
    QButtonGroup* group_cycle = new QButtonGroup(this);
    group_cycle->setExclusive(true);//设置互斥
    group_cycle->addButton(make_name<QToolButton>("1m"), 0);
    group_cycle->addButton(make_name<QToolButton>("3m"), 1);
    group_cycle->addButton(make_name<QToolButton>("5m"), 2);
    group_cycle->addButton(make_name<QToolButton>("nm"), 3);
    group_cycle->addButton(make_name<QToolButton>("1d"), 4);
    AddToolButton((QToolButton*)group_cycle->button(0), true);
    AddToolButton((QToolButton*)group_cycle->button(1), true);
    AddToolButton((QToolButton*)group_cycle->button(2), true);
    AddToolButton((QToolButton*)group_cycle->button(3), true);
    AddToolButton((QToolButton*)group_cycle->button(4), true);
    //((QToolButton*)group_cycle->button(1))->setChecked(true);
    AddSeparator();
}

//////////////////////////////////////////////////////////////////////////
void MainStatus::Init()
{
    QHBoxLayout* layout_ = make_layout<QHBoxLayout>();
    layout_->setContentsMargins(10, 0, 0, 10);
    layout_->setSpacing(2);
    layout_->addWidget(status);
}

void MainStatus::OnServerStatus(bool b)
{

}

void MainStatus::OnCtpStatus(bool b)
{

}

//////////////////////////////////////////////////////////////////////////
MainWidowEntity::MainWidowEntity(QWidget * parent) : MainWindowImpl(parent)
{
}

MainWidowEntity::~MainWidowEntity()
{

}

void MainWidowEntity::InitWindow()
{
    title = new TitleWindow(this);
    toolbar = new MainToolBar(this);

    body = new StyleWidget(this);
    body->setObjectName("body");
        
    status = new MainStatus(this);
    layout()->addWidget(title);
    layout()->addWidget(toolbar);
    layout()->addWidget(body);
    layout()->addWidget(status);
    InitSignal();
}

#include "DlgSyncTick.h"
#define TITLE_WINDOW (qobject_cast<TitleWindow*>(title))
void MainWidowEntity::InitSignal()
{
    MainWindowImpl::InitSignal();
    connect(TITLE_WINDOW->menu_bar->subscribe, &QAction::triggered, this, []() {});
    connect(TITLE_WINDOW->menu_bar->recive, &QAction::triggered, this, []() {});
    connect(TITLE_WINDOW->menu_bar->sync_tick, &QAction::triggered, this, [this]() {
        DlgSyncTick* dlg = new DlgSyncTick();
        dlg->show();
    });
    connect(TITLE_WINDOW->menu_bar->sync_kline, &QAction::triggered, this, []() {});
}

//////////////////////////////////////////////////////////////////////////
MainWindow::MainWindow()
{
}


MainWindow::~MainWindow()
{
}

MainWindowImpl* MainWindow::CreateImpl()
{
    return new MainWidowEntity(this);
}

/*标题栏*/
TitleWidget  
{
    min-height: 25px;
    max-height: 25px;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1,stop:0 #e5e5e5, stop:0.3 #F4F4F4, stop:1 #cacaca);
}

TitleWidget QToolButton
{
    min-height: 20px;
    max-height: 20px;
}
MainMenuBar QMenuBar
{
    background: transparent;
}
MainMenuBar QMenuBar::item
{
    background: transparent;
}

/* 最小化按钮 */
QToolButton#button_min
{
    min-width: 23px;
    max-width: 23px;
    border-image: url(:/skin/MainWindow/minnormal.bmp) 0 3 24 1;
}
/* 最大化按钮 */
QToolButton#button_max[status="0"]
{
    min-width: 22px;
    max-width: 22px;
    border-image: url(:/skin/MainWindow/maxnormal.bmp) 0 1 24 1;
}
/* 还原按钮 */
QToolButton#button_max[status="1"]
{
    min-width: 22px;
    max-width: 22px;
    border-image: url(:/skin/MainWindow/restorenormal.bmp) 0 1 24 1;
}
/* 关闭按钮 */
QToolButton#button_close
{
    min-width: 32px;
    max-width: 32px;
    border-image: url(:/skin/MainWindow/closenormal.bmp) 0 1 24 1;
}
QToolButton#button_close:hover
{
    border-image: url(:/skin/MainWindow/closenormal.bmp) 0 1 24 1;
}
QToolButton#button_close:pressed
{
    border-image: url(:/skin/MainWindow/closenormal.bmp) 0 1 24 1;
}

/* 工具栏 */
MainToolBar {
    min-height: 30px;
    max-height: 30px;
    background-color: rgb(235,235,235);
}

QToolBar
{
    min-height:24px;
    max-height:24px;
    spacing:4px;
}

MainToolBar QToolButton
{
    min-height: 22px;
    max-height: 22px;
    min-width: 22px;
    max-width: 22px;
}

MainToolBar QToolButton:hover,QToolButton:checked
{
    border:1px solid black;
    border-radius:4px;
    padding:4px;
}

/*top,right,bottom,left*/
QToolButton#back
{
    background: url(:/skin/MainWindow/toolbar/back.png) no-repeat center;
}
QToolButton#ahead
{
    background: url(:/skin/MainWindow/toolbar/ahead.png) no-repeat center;
}

QToolButton#1m
{
    background: url(:/skin/MainWindow/toolbar/1m.png) no-repeat center;
}
QToolButton#3m
{
    background: url(:/skin/MainWindow/toolbar/3m.png) no-repeat center;
}
QToolButton#5m
{
    background: url(:/skin/MainWindow/toolbar/5m.png) no-repeat center;
}
QToolButton#nm
{
    background: url(:/skin/MainWindow/toolbar/nm.png) no-repeat center;
}
QToolButton#1d
{
    background: url(:/skin/MainWindow/toolbar/1d.png) no-repeat center;
}

/*主体*/
StyleWidget#body
{
    background-color: rgb(10,10,10);
}

/*状态栏*/
StatusWidget
{
    min-height: 25px;
    max-height: 25px;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1,stop:0 #e5e5e5, stop:0.4 #e8e8e8, stop:1 #cacaca);
}

实现简单的对话框也很容易：

#pragma once
#include "CDialog.h"
#include "CToolBar.h"
#include "CTitleWidget.h"

class TitleBar : public TitleWidget
{
    Q_OBJECT
public:
    TitleBar(QWidget* parent = Q_NULLPTR) : TitleWidget(parent) {}
    void Init() {
        btns[button_min] = make_name<StatusToolButton>("button_min");
        btns[button_close] = make_name<StatusToolButton>("button_close");
        QHBoxLayout* layout_ = make_layout<QHBoxLayout>();
        layout_->addStretch();
        layout_->addWidget(btns[button_min], 0, Qt::AlignTop);
        layout_->addWidget(btns[button_close], 0, Qt::AlignTop);
        setLayout(layout_);
        title = new QLabel(u8"软件标题");
        InsertWidget(0, title, 1, Qt::AlignCenter);
        connect(btns[button_min], &QToolButton::clicked, [&]() {
            emit buttonClick(btns[button_min]);
        });
        connect(btns[button_close], &QToolButton::clicked, [&]() {
            emit buttonClick(btns[button_close]);
        });
    }
};

class StatusBar : public ToolBar
{
    Q_OBJECT
public:
    StatusBar(QWidget* parent = Q_NULLPTR) : ToolBar(parent) {}

    void Init()
    {
        AddToolButton(make_name<QToolButton>("trade"));
        AddToolButton(make_name<QToolButton>("market"));
        AddSeparator();
    }

public:
    QToolButton* btn_trade, *btn_market;
};

class ManualTrade : public Dialog
{
    Q_OBJECT

public:
    ManualTrade(QWidget *parent = Q_NULLPTR);

public:
    void Init();

private:
};

#include "ManualTrade.h"

ManualTrade::ManualTrade(QWidget *parent)
    : Dialog(parent)
{

}

void ManualTrade::Init()
{
    Dialog::Init(new TitleBar(this), nullptr, new StatusBar(this));
    layout->addWidget(status_bar);

    SetTitle(u8"<span style='color:#9E0404'>期海捕鱼</span>");
}

以上全是个人兴趣写的，暂时满足了我对windows软件漂亮UI的需求。