QT实现自定义标题栏带阴影的窗口资源-CSDN文库

共23个文件

svg：10个

cpp：5个

h：4个

需积分: 28 98 浏览量 2023-02-07 23:47:26 上传评论 2 收藏 16KB ZIP 举报

在QT编程环境中，创建一个带有自定义标题栏和阴影效果的窗口是一项常见的需求，这能够为应用程序提供独特的视觉体验和用户交互方式。本教程将详细解释如何实现这一目标。我们要理解QT中的窗口系统。QT框架提供了QWindow和QWidget两类来处理窗口。QWindow是基本的图形窗口对象，它直接与操作系统交互，而QWidget是更高级的抽象，用于构建用户界面。为了实现自定义标题栏，我们通常会创建一个继承自QWidget的类，然后在这个类上实现标题栏的功能。 1. **实现窗口拖拽缩放**：在自定义标题栏上添加鼠标事件处理器是关键。你需要监听鼠标按下、移动和释放事件。当鼠标按下时记录当前位置，然后在移动事件中计算窗口的新位置，根据鼠标的移动距离更新窗口坐标。对于窗口缩放，可以添加一个边角图标，当鼠标在该图标上按下并移动时，根据鼠标移动的距离调整窗口大小。示例代码（未完整）： ```cpp void CustomTitleBar::mousePressEvent(QMouseEvent *event) { if (event->button() == Qt::LeftButton) { m_dragPos = event->globalPos(); } } void CustomTitleBar::mouseMoveEvent(QMouseEvent *event) { if (event->buttons().testFlag(Qt::LeftButton)) { move(event->globalPos() - m_dragPos); } } ``` 2. **自实现标题栏**：创建一个名为CustomTitleBar的QWidget子类，添加必要的UI元素，如关闭、最小化和最大化按钮，以及标题文本。通过布局管理器如QHBoxLayout或QVBoxLayout组织这些元素。为每个按钮添加信号槽连接，处理点击事件。示例代码（未完整）： ```cpp CustomTitleBar::CustomTitleBar(QWidget *parent) : QWidget(parent) { setupUI(); } void CustomTitleBar::setupUI() { // 创建按钮、设置图标、添加信号槽等 } ``` 3. **实现窗口阴影**： QT提供QGraphicsDropShadowEffect类来实现阴影效果。你可以将这个效果应用到你的CustomTitleBar上，或者如果希望整个窗口有阴影，可能需要对QWindow进行处理。由于QWindow不直接支持QGraphicsEffect，一种方法是将窗口内容渲染到一个QPixmap，然后在这个Pixmap上应用阴影效果。示例代码（未完整）： ```cpp CustomTitleBar::CustomTitleBar(QWidget *parent) : QWidget(parent) { shadowEffect = new QGraphicsDropShadowEffect(this); shadowEffect->setBlurRadius(10); shadowEffect->setOffset(0, 3); setGraphicsEffect(shadowEffect); } ``` 在实际开发中，你可能还需要考虑更多的细节，比如跨平台兼容性、窗口状态管理（最大化、最小化、恢复）以及样式定制等。通过学习QT的文档和实践，你可以完善这些功能，并创建出符合需求的自定义窗口。压缩包中的`titleBar`文件可能包含了示例代码、资源文件或者完整的实现，你可以参考这些内容来加深理解并应用于自己的项目中。

资源推荐

资源详情

资源评论

收起资源包目录

titleBar.zip （23个子文件）

titleBar

CTitleBar.ui 4KB

MainWidget.h 560B

CTopWidget.h 271B

MainWidget.cpp 2KB

CTitleBar.cpp 5KB

qrc.qrc 589B

CFrameLessWidgetBase.h 389B

CTopWidget.cpp 996B

resource

titlebar

normal.svg 1KB

set.svg 1KB

max.svg 1KB

max_hover.svg 1KB

min.svg 436B

close_hover.svg 1KB

close.svg 1KB

normal_hover.svg 1KB

set_hover.svg 1KB

min_hover.svg 436B

untitled10.pro.user 18KB

main.cpp 186B

untitled10.pro 782B

CFrameLessWidgetBase.cpp 2KB

CTitleBar.h 577B

#include "CTitleBar.h" #include <QMouseEvent> #include <QStyleOption> #include <QPushButton> #include <QPainter> #include <qt_windows.h> #pragma comment(lib, "user32.lib") CTitleBar::CTitleBar(QWidget *parent) : QWidget(parent) { ui.setupUi(this); //禁止父窗口影响子窗口样式 setAttribute(Qt::WA_StyledBackground); //左上，右上圆角10；左下，右下圆角0 this->setStyleSheet("QWidget{background-color:rgb(54,54,54); \ border-top-left-radius:10px; \ border-top-right-radius:10px; \ border-bottom-left-radius:0px; \ border-bottom-right-radius:0px;}"); ui.label_title->setText(u8"我是标题"); ui.label_title->setStyleSheet("QLabel{font-family: Microsoft YaHei; \ font-size:18px; \ color:#BDC8E2;background-color:rgb(54,54,54);}"); ui.btnSet->setFixedSize(32, 32); ui.btnSet->setText(""); ui.btnSet->setFlat(true); ui.btnSet->setStyleSheet("QPushButton{background-image:url(:/titlebar/resource/titlebar/set.svg);border:none}" \ "QPushButton:hover{" \ "background-color:rgb(99, 99, 99);" \ "background-image:url(:/titlebar/resource/titlebar/set_hover.svg);border:none;}"); ui.btnMin->setFixedSize(32, 32); ui.btnMin->setText(""); ui.btnMin->setFlat(true); ui.btnMin->setStyleSheet("QPushButton{background-image:url(:/titlebar/resource/titlebar/min.svg);border:none}" \ "QPushButton:hover{" \ "background-color:rgb(99, 99, 99);" \ "background-image:url(:/titlebar/resource/titlebar/min_hover.svg);border:none;}"); ui.btnMax->setFixedSize(35, 35); ui.btnMax->setFlat(true); ui.btnMax->setText(""); ui.btnMax->setStyleSheet("QPushButton{background-image:url(:/titlebar/resource/titlebar/normal.svg);border:none; \ background-position:center; \ background-repeat:no-repeat;} \ QPushButton:hover{ \ background-color:rgb(99, 99, 99); \ background-image:url(:/titlebar/resource/titlebar/normal_hover.svg);border:none;}"); ui.btnClose->setFixedSize(32, 32); ui.btnClose->setFlat(true); ui.btnClose->setText(""); ui.btnClose->setStyleSheet("QPushButton{background-image:url(:/titlebar/resource/titlebar/close.svg);border:none}" \ "QPushButton:hover{" \ "background-color:rgb(99, 99, 99);" \ "background-image:url(:/titlebar/resource/titlebar/close_hover.svg);border:none;}"); connect(ui.btnMin, SIGNAL(clicked(bool)), this, SLOT(on_Clicked())); connect(ui.btnMax, SIGNAL(clicked(bool)), this, SLOT(on_Clicked())); connect(ui.btnClose, SIGNAL(clicked(bool)), this, SLOT(on_Clicked())); } CTitleBar::~CTitleBar() { } void CTitleBar::paintEvent(QPaintEvent* event) { //决定样式表是否起作用 /*QStyleOption opt; opt.init(this); QPainter p(this); style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this); QWidget::paintEvent(event);*/ } void CTitleBar::on_Clicked() { QPushButton* pButton = qobject_cast<QPushButton*>(sender()); QWidget* pWindow = this->window(); if (pWindow->isTopLevel()) { if (pButton == ui.btnMin) { pWindow->showMinimized(); } else if (pButton == ui.btnMax) { if (pWindow->isMaximized()) { pWindow->showNormal(); ui.btnMax->setStyleSheet("QPushButton{background-image:url(:/titlebar/resource/titlebar/normal.svg);border:none; \ background-position:center; \ background-repeat:no-repeat;} \ QPushButton:hover{ \ background-color:rgb(99, 99, 99); \ background-image:url(:/titlebar/resource/titlebar/normal_hover.svg);border:none;}"); emit sig_max(false); } else { pWindow->showMaximized(); ui.btnMax->setStyleSheet("QPushButton{background-image:url(:/titlebar/resource/titlebar/max.svg);border:none; \ background-position:center; \ background-repeat:no-repeat;} \ QPushButton:hover{ \ background-color:rgb(99, 99, 99); \ background-image:url(:/titlebar/resource/titlebar/max_hover.svg);border:none;}"); emit sig_max(true); } } else if (pButton == ui.btnClose) { emit sig_close(); } } } void CTitleBar::mousePressEvent(QMouseEvent* event) { if (ReleaseCapture()) { QWidget* pWindow = this->window(); if (pWindow->isTopLevel()) { SendMessage(HWND(pWindow->winId()), WM_SYSCOMMAND, SC_MOVE + HTCAPTION, 0); } } event->ignore(); } void CTitleBar::mouseDoubleClickEvent(QMouseEvent* event) { emit ui.btnMax->clicked(); }

评论收藏

内容反馈