效果圖
功能
1、滑鼠在中間方向标:疊加視窗
2、滑鼠在上下左右方向标:分割目标視窗,并緊挨着目标視窗周邊位置添加新視窗
3、滑鼠在内部最上下左右方向标:目标視窗所在的最上下左右位置添加新視窗
4、滑鼠在外部最上下左右方向标:程式主視窗的最上下左右位置添加新視窗
5、滑鼠在Tab位置上:在目前所在tab頁位置插入新視窗
6、滑鼠在Tab最右側位置上:在tab頁尾部添加新視窗
注釋:Dock停靠優先級:某些情況下,外部最上下左右方向的方向标會和目标視窗方向标重疊,此時遵循 中間停靠優于外部停靠、方向标停靠優于tab頁停靠的原則。
部分頭檔案
#pragma once
#include <QWidget>
#include <QPaintEvent>
#include "QWHDockWidget.h"
class QMainWindow;
class QTabWidget;
class QDockWidget;
class QSplitter;
class QWHTabWidgetMask : public QWidget
{
Q_OBJECT
public:
enum Area
{
None,Top, Right, Bottom, Left, TopMore, RightMore, BottomMore, LeftMore, Center, TopMost, RightMost, BottomMost, LeftMost
};
QWHTabWidgetMask();
~QWHTabWidgetMask();
static QWHTabWidgetMask *getInstance();
// 設定程式主視窗
void setMainWindow(QMainWindow *mainWindow);
// 建立停靠視窗
QWHDockWidget *createDockWidget(QWHDockWidget::AreaMode areaMode, const QString &windowTitle = "");
// 建立分裂器(水準分裂)
QSplitter *createSplitter();
// 建立分裂器(由參數orientation決定分裂方向)
QSplitter *createSplitter(Qt::Orientation orientation);
// 設定程式主分裂器
void setMainSplitter(QSplitter *splitter);
// 設定目标視窗(接收方)
void setTargetWidget(QTabWidget *widget);
// 設定目前頁索引(滑鼠移入目前頁 或 滑鼠移入中心方向标)
void setCurTabIndex(int index);
// 設定滑鼠按下的停靠視窗(準備移動的視窗)
void setMousePressed(QWHDockWidget *moveDockWidget);
// 設定滑鼠釋放
void setMouseReleased();
// 擷取停靠視窗推薦最小尺寸
QSize minimumSizeHint() const override;
// 擷取滑鼠按下的停靠視窗(準備移動或正在移動的視窗)
QDockWidget *moveDockWidget();
// 擷取程式主分裂器
QSplitter *mainSplitter();
// 擷取程式主視窗
QMainWindow *mainWindow();
protected:
void paintEvent(QPaintEvent *event);
private:
// 擷取指定索引的邊界路徑
QPainterPath tabWidgetBorderPath(QTabWidget *tabWidget, int tabIndex);
// 繪制主停靠視窗的訓示器
void drawMainDockIndicator();
// 繪制次停靠視窗的訓示器
void drawMinorDockIndicator();
// 檢查滑鼠所在方向标區域
Area checkArea(QPoint globalPos);
signals:
// 建立停靠視窗
void dockWidgetAdded(QWHDockWidget *newDockWidget);
private:
QMainWindow *m_mainWindow;
QSplitter *m_mainSplitter;
QWHDockWidget *m_moveDockWidget;
QTabWidget *m_targetWidget;
QList<QWHDockWidget *> m_listDockWidgets;
int m_tabIndex;
QColor m_borderColor;
QColor m_bgColor;
QRect m_centerRect; // 中心矩形
QRect m_topRect, m_rightRect, m_bottomRect, m_leftRect; // 四個方位矩形(緊挨着中心矩形)
QRect m_topMoreRect, m_rightMoreRect, m_bottomMoreRect, m_leftMoreRect; // 更加靠邊四個方位矩形(緊挨着四個方位矩形)
QRect m_topMostRect, m_rightMostRect, m_bottomMostRect, m_leftMostRect; // 最靠邊四個方向矩形(緊挨着主視窗四邊)
QPixmap m_centerPixmap;
QPixmap m_topPixmap, m_rightPixmap, m_bottomPixmap, m_leftPixmap;
QPixmap m_topMostPixmap, m_rightMostPixmap, m_bottomMostPixmap, m_leftMostPixmap;
QPixmap m_centerPixmapHover;
QPixmap m_topPixmapHover, m_rightPixmapHover, m_bottomPixmapHover, m_leftPixmapHover;
QPixmap m_topMostPixmapHover, m_rightMostPixmapHover, m_bottomMostPixmapHover, m_leftMostPixmapHover;
};
QT開發交流+赀料君羊:661714027
測試代碼
TestVSWindow::TestVSWindow(QWidget *parent)
: QMainWindow(parent)
{
ui.setupUi(this);
QWHTabWidgetMask::getInstance()->setMainWindow(this);
// 測試左側停靠窗體
QWHDockWidget *dockWidget = QWHTabWidgetMask::getInstance()->createDockWidget(QWHDockWidget::Mode_Minor, "總tab");
QSplitter *splitter = QWHTabWidgetMask::getInstance()->createSplitter();
splitter->addWidget(dockWidget);
dockWidget->setFloating(false);
QWidget *widget1 = new QWidget();
widget1->setMinimumSize(200, 100);
widget1->setStyleSheet("background-color: green;");
dockWidget->tabWidget()->addTab(widget1, "第一頁");
QWidget *widget2 = new QWidget();
widget2->setMinimumSize(200, 100);
widget2->setStyleSheet("background-color: green;");
dockWidget->tabWidget()->addTab(widget2, "第二頁");
QWidget *widget3 = new QWidget();
widget3->setMinimumSize(200, 100);
widget3->setStyleSheet("background-color: green;");
dockWidget->tabWidget()->addTab(widget3, "第三頁");
// 測試中間停靠窗體
QWHDockWidget *dockWidgetCenter = QWHTabWidgetMask::getInstance()->createDockWidget(QWHDockWidget::Mode_Main, "總tabCenter");
splitter->addWidget(dockWidgetCenter);
dockWidgetCenter->setFloating(false);
QWidget *widgetCenter1 = new QWidget();
widgetCenter1->setMinimumSize(200, 100);
widgetCenter1->setStyleSheet("background-color: rgb(255, 174, 201);");
dockWidgetCenter->tabWidget()->addTab(widgetCenter1, "第一頁Center");
QWidget *widgetCenter2 = new QWidget();
widgetCenter2->setMinimumSize(200, 100);
widgetCenter2->setStyleSheet("background-color: rgb(255, 174, 201);");
dockWidgetCenter->tabWidget()->addTab(widgetCenter2, "第二頁Center");
QWidget *widgetCenter3 = new QWidget();
widgetCenter3->setMinimumSize(200, 100);
widgetCenter3->setStyleSheet("background-color: rgb(255, 174, 201);");
dockWidgetCenter->tabWidget()->addTab(widgetCenter3, "第三頁Center");
// 測試右側停靠窗體
QWHDockWidget *dockWidget2 = QWHTabWidgetMask::getInstance()->createDockWidget(QWHDockWidget::Mode_Minor, "總tab2");
splitter->addWidget(dockWidget2);
dockWidget2->setFloating(false);
QWidget *widget12 = new QWidget();
widget12->setMinimumSize(200, 100);
widget12->setStyleSheet("background-color: gray;");
dockWidget2->tabWidget()->addTab(widget12, "第一頁2");
QWidget *widget22 = new QWidget();
widget22->setMinimumSize(200, 100);
widget22->setStyleSheet("background-color: gray;");
dockWidget2->tabWidget()->addTab(widget22, "第二頁2");
QWidget *widget32 = new QWidget();
widget32->setMinimumSize(200, 100);
widget32->setStyleSheet("background-color: gray;");
dockWidget2->tabWidget()->addTab(widget32, "第三頁2");
QWHTabWidgetMask::getInstance()->setMainSplitter(splitter);
}