Qt模仿Visual Studio停靠窗口效果
前言
眾所周知,停靠窗口可以實現任意拖動效果,本文重點在於如何利用Qt制作與Visual Studio相似的帶有停靠方向標及停靠區域預覽的的停靠窗口框架。
效果圖
功能
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; };
測試代碼
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); }
到此這篇關於Qt模仿Visual Studio停靠窗口效果的文章就介紹到這瞭,更多相關Qt停靠窗口 內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!