Qt中自定义标题栏（C++）(附源码)

已于 2024-06-14 16:27:21 修改
阅读量168 收藏
点赞数 3
分类专栏： C++ Qt 文章标签： c++ qt
于 2024-06-14 16:25:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/he1234519/article/details/138619879
版权
C++ 同时被 2 个专栏收录
6 篇文章 0 订阅
订阅专栏
Qt
5 篇文章 0 订阅
订阅专栏

1、在开发软件时，往往会根据需求自定义标题栏，由于qt自带的标题栏不支持自定义。因此以下是一个自定义标题栏的class;

2、此自定义标题栏包括自定义标题栏icon、标题栏文本、标题栏背景、放大、缩小、关闭按钮图标自定义、以及自定义按钮组背景图片；

废话不多说，上源码，直接加入到工程中引用：

头文件 subTitleBar.h

#ifndef SUBTITLEBAR_H
#define SUBTITLEBAR_H


#include <QObject>
#include <QWidget>
#include <QPushButton>
#include <QLabel>
#include <QFont>
#include <QStyle>
#include <QDebug>
#include <QListView>
#include <QShortcut>
#include <QComboBox>
#include <QHBoxLayout>
#include <QMouseEvent>
#include <QVBoxLayout>
#include <QMessageBox>
#include <QPropertyAnimation>
#include <QParallelAnimationGroup>
#include <QGraphicsDropShadowEffect>
#include <QDesktopWidget>
#include <QApplication>
#include "windows.h"

class subTitleBar : public QWidget
{
	Q_OBJECT

public:
	explicit subTitleBar(QWidget *parentWidget = nullptr);
	~subTitleBar();
	void Init_Botton();                             //初始化按钮
	void setWindowTitle(const QString &title);      //设置标题
	void setWindowIcon(const QString &icon);        //设置图标
	void setMaxIcon(const QString &icon);			//设置图标
	void setMinIcon(const QString &icon);			//设置图标
	void setCloseIcon(const QString &icon);        //设置图标
	void Shadow_Warning();                          //设置阴影
	void Set_MaximizeFlag();                        //设置双击标题栏是否可以最大、最小化
	const static int TITLEBARHEIGHT = 50;           //标题栏高度
	const static int CONTROLWIDTH = 30;           //控件宽度


public slots:
	void showMax();                                 //最大化窗口
	void showMin();                                 //最小化窗口
	void showClose();                               //关闭窗口
	void set_ChildWindowColor(int R, int G, int B);   //设置标题栏背景色

signals:
	void send_close();                  //发送关闭信号
	void send_switch();
	void send_ResizePushButton();                   //全屏调整按钮大小

private:

	bool            mousePress;                     //按钮点击标志位
	QPoint          movePoint;                      //鼠标移动
	QPushButton     *maxButton;                     //最大化按钮
	QPushButton     *minButton;                     //最小化按钮
	QPushButton     *closeButton;                   //关闭按钮
	QLabel          *imgLabel;                      //图片框
	QWidget         *parentWidget;                  //父窗口
	QLabel          *titleLabel;                    //标题名

	int             switchFlag;
	int             MaximizeFlag;                   //双击是否最大化
	int             Original_window_x;              //窗口x坐标
	int             Original_window_y;              //窗口y坐标
	int             Original_window_Mywidth;        //窗口宽度
	int             Original_window_Myheight;       //窗口高度

	void initValue();                               //初始化值
	void mousePressEvent(QMouseEvent * event);      //鼠标点击事件
	void mouseReleaseEvent(QMouseEvent *);          //鼠标释放事件
	void mouseMoveEvent(QMouseEvent * event);       //鼠标移动事件
	void mouseDoubleClickEvent(QMouseEvent *event); //鼠标双击事件
};

#endif // SUBTITLEBAR_H

源文件subTitleBar.cpp

#include "subTitleBar.h"

/***************************            构造函数              ***************************/
subTitleBar::subTitleBar(QWidget *parent) : QWidget(parent)
{
	
	//初始化按钮
	Init_Botton();
	//设置背景色
	set_ChildWindowColor(23, 40, 68);
	//重置窗口大小
	this->resize(parent->width(), TITLEBARHEIGHT);
	//设置父类窗口
	parentWidget = parent;
	//初始化
	initValue();
	//设置阴影
	Shadow_Warning();	
}

subTitleBar::~subTitleBar()
{
	if (parentWidget)
	{
		parentWidget = nullptr;
		//delete parentWidget;
	}
}

void subTitleBar::Init_Botton()
{
	//最大化按钮设置图标
	maxButton = new QPushButton(this);
	//最小化按钮设置图标
	minButton = new QPushButton(this);
	//关闭按钮设置图标
	closeButton = new QPushButton(this);
	//设置标签
	imgLabel = new QLabel(this);
	titleLabel = new QLabel(this);
	titleLabel->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
	titleLabel->setAlignment(Qt::AlignVCenter);

	//设置控件大小
	//imgLabel->setFixedSize(CONTROLWIDTH, CONTROLWIDTH);
	//imgLabel->setScaledContents(true);

	//设置控件大小
	minButton->setFixedSize(CONTROLWIDTH, CONTROLWIDTH);
	maxButton->setFixedSize(CONTROLWIDTH, CONTROLWIDTH);
	closeButton->setFixedSize(CONTROLWIDTH, CONTROLWIDTH);

	//设置鼠标移至按钮上的提示信息
	closeButton->setShortcut(tr("Ctrl+w"));

	//设置布局
	QHBoxLayout *hBoxLayout = new QHBoxLayout(this);
	//hBoxLayout->addSpacing(5);
	QLabel *label = new QLabel(this);
	label->setStyleSheet("QLabel{background-color: rgb(23, 40, 68);color: rgb(255, 255, 255);}");
	label->setMinimumSize(QSize(10,0));
	hBoxLayout->addWidget(label);
	hBoxLayout->addWidget(imgLabel);
	QLabel *label2 = new QLabel(this);
	label2->setStyleSheet("QLabel{background-color: rgb(23, 40, 68);color: rgb(255, 255, 255);}");
	label2->setMinimumSize(QSize(10, 0));
	hBoxLayout->addWidget(label2);
	hBoxLayout->addWidget(titleLabel);
	hBoxLayout->addSpacing(0);
	QWidget* widget = new QWidget(this);
	QHBoxLayout *widgetLayout = new QHBoxLayout(widget);
	widget->setContentsMargins(0, 0, 0, 0);
	widget->setObjectName("subTitle");
	widget->setStyleSheet("QWidget#subTitle{ background-image: url(:/style/image/state.png);min-height:50px;}");
	widgetLayout->addWidget(minButton);
	widgetLayout->addWidget(maxButton);
	widgetLayout->addWidget(closeButton);
	widgetLayout->setContentsMargins(30, 0, 20, 0);


	hBoxLayout->addWidget(widget);
	hBoxLayout->setSpacing(0);
	hBoxLayout->setContentsMargins(0, 0, 0, 0);
	this->setLayout(hBoxLayout);
	MaximizeFlag = 0;
}

/***************************            设置标题              ***************************/
void subTitleBar::setWindowTitle(const QString &title)
{
	QFont myFont;
	//设置文字大小
	myFont.setPointSize(18);
	//设置文字字体
	myFont.setFamily("Aqency FB");
	titleLabel->setFont(myFont);
	titleLabel->setText(title);
}



/***************************            设置图标              ***************************/
void subTitleBar::setWindowIcon(const QString &icon)
{
	imgLabel->setPixmap(QPixmap(icon));
}
void subTitleBar::setMinIcon(const QString &icon)
{
	minButton->setIcon(QPixmap(icon));
}
void subTitleBar::setMaxIcon(const QString &icon)
{
	maxButton->setIcon(QPixmap(icon));
}
void subTitleBar::setCloseIcon(const QString &icon)
{
	closeButton->setIcon(QPixmap(icon));
}

void subTitleBar::Shadow_Warning()
{
	//窗口添加阴影效果
	QGraphicsDropShadowEffect *shadow_effect = new QGraphicsDropShadowEffect(this);
	shadow_effect->setOffset(0, 2);
	shadow_effect->setColor(Qt::gray);
	shadow_effect->setBlurRadius(3);
	this->setGraphicsEffect(shadow_effect);
}

//设置双击标题栏是否可以最大、最小化
void subTitleBar::Set_MaximizeFlag()
{
	MaximizeFlag = 1;
}

/***************************            初始化              ***************************/
void subTitleBar::initValue()
{
	//设置样式表
	closeButton->setStyleSheet("QPushButton{background-color:transparent;}QPushButton:hover{padding-left:6px;padding-top:6px;}");
	minButton->setStyleSheet("QPushButton{background-color:transparent;}QPushButton:hover{padding-left:6px;padding-top:6px;}");
	maxButton->setStyleSheet("QPushButton{background-color:transparent;}QPushButton:hover{padding-left:6px;padding-top:6px;}");
	imgLabel->setStyleSheet("QLabel{background-color: rgb(23, 40, 68);color: rgb(255, 255, 255);}");
	titleLabel->setStyleSheet("QLabel{background-color: rgb(23, 40, 68);color: rgb(255, 255, 255);}");
	
	//连接信号与槽
	connect(minButton, SIGNAL(clicked(bool)), this, SLOT(showMin()));
	connect(maxButton, SIGNAL(clicked(bool)), this, SLOT(showMax()));
	connect(closeButton, SIGNAL(clicked(bool)), this, SLOT(showClose()));

	//按钮点击标志位
	mousePress = false;

	//将该窗口添加到父类窗口中
	QVBoxLayout *vBoxLayout = new QVBoxLayout(this);
	vBoxLayout->addWidget(this);
	vBoxLayout->addStretch();
	vBoxLayout->setSpacing(0);
	vBoxLayout->setContentsMargins(0, 0, 0, 0);
	parentWidget->setLayout(vBoxLayout);
}

/***************************            最大化              ***************************/
void subTitleBar::showMax()
{
	if (parentWidget->isTopLevel())
	{
		parentWidget->isMaximized() ? parentWidget->showNormal() : parentWidget->showMaximized();
	}
}

/***************************            最小化              ***************************/
void subTitleBar::showMin()
{
	parentWidget->showMinimized();
}

/***************************      发送关闭信号给主窗口        ***************************/
void subTitleBar::showClose()
{
	emit send_close();
}

void subTitleBar::set_ChildWindowColor(int R, int G, int B)
{
	//设置背景色
	QPalette paletteColor(palette());
	paletteColor.setColor(QPalette::Background, QColor(R, G, B));
	this->setAutoFillBackground(true);
	this->setPalette(paletteColor);
}


/***************************           鼠标点击             ***************************/
void subTitleBar::mousePressEvent(QMouseEvent *event)
{
	if (event->button() == Qt::LeftButton)
	{
		mousePress = true;
	}
	movePoint = event->globalPos() - parentWidget->pos();
}

/**************************             鼠标释放              ***************************/
void subTitleBar::mouseReleaseEvent(QMouseEvent *)
{
	mousePress = false;
}

/**************************             鼠标移动              **************************/
void subTitleBar::mouseMoveEvent(QMouseEvent *event)
{
	if (parentWidget->isFullScreen())
	{
		//判断当前是全屏就不允许拖动窗口
	}
	else
	{
		//当前不是全屏可以拖动窗口
		if (mousePress)
		{
			QPoint movePos = event->globalPos();
			parentWidget->move(movePos - movePoint);
		}
	}
}

/**************************             鼠标双击              **************************/
void subTitleBar::mouseDoubleClickEvent(QMouseEvent *event)
{
	if (event->button() == Qt::LeftButton)
	{
		int x = event->x();
		int y = event->y();
		if ((x > 0 && x < parentWidget->width()) && (y > 0 && y < TITLEBARHEIGHT)) //如果双击的范围在标题栏的范围之内
		{
			showMax(); //调用全屏、退出全屏函数
		}
	}
}

3、在需要自定义标题栏处调用对应的接口即可实现自定义标题

ui.widget_title->setWindowTitle(QStringLiteral("Qt自定义标题 V 1.0.1"));
ui.widget_title->setWindowIcon(":/style/image/title.png");
ui.widget_title->setMinIcon(":/style/image/min.png");
ui.widget_title->setMaxIcon(":/style/image/max.png");
ui.widget_title->setCloseIcon(":/style/image/close.png");
connect(ui.widget_title, &subTitleBar::send_close, [=]() {this->close(); });

版权声明：本文为博主原创文章，转载请附上博文链接！

鬼魅-9527
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt之QDialog 自定义标题栏
Ilson_的博客
07-07 1616
Qt自带标题栏功能还是很强大的，但是确实不能百分百满足需求，除了丑以外还不能随意更改标题栏字体，也不能更改样式；所以为了满足自己的虚荣心让标题栏变得更加好用看好看，特地花时间做了以下测试；
基于QT6.2实现自定义标题栏
DENGFAMAN的博客
08-10 402
QT6.2实现自定义标题栏
Qt自定义标题栏
weixin_45898639的博客
09-19 3461
Qt自定义标题栏效果图源码使用方法实现思路及部分代码参考 效果图 1.设置为无边框窗口后拉伸、移动、放大缩小等事件需要自己重新实现，我只实现标题栏拖动、双击放大/还原、窗体边缘可拉伸等基本功能，有其他需求的小伙伴可参考和修改源码 2.拉伸右、下、右下这三个方向不会抖动，拉伸其他方向均会抖动，貌似很多自定义窗口的软件都是这样，包括微软的Edge浏览器、QQ、网易云音乐等 3.事件实现看过很多别人的方法，思路都是差不多的，但仅实现放大、缩小、移动、拉伸的话，很多人的代码都写得过于复杂，不便于我这种菜鸡阅读和理
Qt C++自定义窗体，实现自定义标题栏、阴影、全局背景、拖拽、缩放、最大化等功能，附下载链接
qq_32513033的博客
12-27 4186
功能：自定义标题栏、阴影、透明、边框、全局背景、拖拽、缩放、最大化、最小化、还原、关闭、记住窗体状态。 网上已经有很多类似的教程，但都有一些不足。本篇文章几乎完全实现了和window默认窗体的所有功能（缺少最小化的动画和分屏）。 我是业余的，水平不高，这是我能想到最完美的解决方案了。
C++ Qt QMainWindow实现无边框窗口自定义标题栏可拖拽移动拉伸改变窗口大小
琅嬛福地
04-24 1045
QMainWindow相对于QWidget多了dockedwidget功能，跟多人可能更喜欢用QMainWindow做主窗口，如果不需要dockedwidget功能，QMainWindow与QWidget做主窗口基本无差别。这里使用的是DWM API实现窗口阴影和圆角，圆角是windows窗口的圆角，不需要手动设置圆角大小。（1）在CFramelessWindowBase类设置窗口标志，去掉窗口边框，设置最大最小显示效果。（3）重写nativeEvent实现无边框窗口。自带窗口阴影、圆角、可拉伸，拖拽。
Qt 自定义软件标题栏 -- 复用菜单栏menuBar()
zwb0540822的专栏
05-12 5332
复用布局的菜单栏:layout()::menuBar() 2020/04/05 目录 引言 具体内容 效果 需要解决的问题 接口 遇到的问题 主要技术点 引言 最近几个月使用了H5的手机app开发工具HBuilder，越用越发现这个HBuilder非常好用，界面、功能各种细节很好，具体就是简单好用，没有任何多余的显示等，最大程度把屏幕大小利用起来了，这和我的软件理念符合，即功能一定要简洁、好用、不用学可以直接用。 自己的产品有个地方一直想改进下，就...
【简单易用】基于Qt的跨平台自定义标题栏控件QJamWindow
jam12315的专栏
03-11 1977
一、概述 JCustomWidget是一个基于Qt的跨平台自定义标题栏控件，你可以通过它方便得设计出属于自己的标题栏。这主要包括：标题文本，标题栏高度，图标及其尺寸，Control box宽度，背景色，外边框色，内边框色，投影颜色，留白宽度(padding)，添加自定义按钮等。工程提供得例程 Tester是对JCustomWidget的应用示例，其最终展示效果如下。 图1. JCustomWidget效果图 二、使用指南 1. 新建Application(Qt)/Qt Wi...
Qt精美自定义控件 十套demo源码
07-08
在本文中，我们将深入探讨基于Qt框架的自定义控件设计。Qt是一个强大的跨平台应用程序开发框架，广泛用于创建桌面、移动以及嵌入式系统的用户界面。通过自定义控件，开发者可以创建具有独特视觉效果和功能的组件，以...
qt无边框无标题栏自定义
05-06
在Qt编程中，"qt无边框无标题栏自定义"是一个常见的需求，它涉及到窗口界面的自定义设计，使得用户界面更加简洁且符合特定应用的交互方式。本主题主要探讨如何利用Qt库来创建一个没有系统默认边框和标题栏的窗口，并...
Qt完美的无边框解决方案示例源码
03-21
1、包含编译好的qwindowkit库；...3、可编译通过的源码； 4、Windows编译环境： MSVC 2019, 2022 + Qt 5.12 or higher 5、详情参考博客：https://blog.csdn.net/m0_37251750/article/details/136909882
使用C++ Qt实现的五子棋小游戏源码
09-27
startwidget 启动界面，游戏开始弹窗，自定义qdialog，重写了鼠标拖动，标题栏，放大缩小等 FiveItemChess 用paintEvent画出棋盘，在用鼠标点击事件获取点击的位置pos，计算出最近的棋盘点，用paintEvent画出棋子，...
系统托盘自定义图标工具（附C++源码）
03-24
本项目标题为“系统托盘自定义图标工具”，是一个基于C++和Qt库的示例应用，适合初学者了解和学习如何在系统托盘中创建和管理自定义图标。 Qt是一个跨平台的C++图形用户界面应用程序框架，广泛应用于Windows、Linux...
C语言 之 理解指针（1）
fallzzzzz的博客
07-20 1101
就是先获取该数组的首元素的地址，从前面我们知道，指针的类型的作用是指针+1 所跳过的字节数，int为整形，大小为4个字节，所以p+1就跳过4个字节，p+2就跳过8个字节，计算机的CPU（中央处理器）在处理数据的时候，需要的数据是在内存中读取的，处理后数据也会放回内存中，如果想对这些空间进行高效的管理，就可以。并且我们知道，数组的元素存放是随着下标增长，内存地址变大的。上面的代码创建了一个整型变量n，因为一个整形的大小是4个字节，所以内存中申请了4个字节，⽤于存放整数10，其中每个字节都有地址。
C++二叉搜索树
Jk_Mr的博客
07-20 1106
树结构是一种重要的数据结构。树是一种非线性的数据结构，它是由n（n>=0）个有限结点组成一个具有层次关系的集合。把它叫做树是因为它看起来像一棵倒挂的树，也就是说它是根朝上，而叶朝下的。
C++笔试强训7
m0_74189279的博客
07-21 954
这意味着编译器会尝试将函数的代码直接插入到每个调用该函数的地方，而不是像通常那样进行函数调用（即，生成调用指令，跳转到函数代码，执行函数体，然后返回）。友元函数是在类外部定义的普通函数，它只能通过传入的参数（如果有的话）来访问类的成员，或者通过类的对象显式地访问（如果该函数设计为接受类的对象作为参数）。函数参数默认值又叫缺省参数，缺省参数必须从右向左开始缺省，必须连续给定缺省值，也就是说，从左到右，一旦遇到一个参数是缺省的，那么之后的参数也必须都是缺省的。指针是类成员函数特有的，用于指向调用该函数的对象。
商品信息管理系统(C语言)
最新发布
zeyeqianli的博客
07-22 302
该案例使用了C语言中最具特色的结构体，将每个商品的所有信息存在结构体中，并且定义一个结构体类型的数组保存所有商品的信息，并且按照模块化的编程思想，将要实现的每个功能编写成独立的函数，这样即方便阅读同时也方便差错修改。该系统的主要功能如下：(1) 登录系统。(2) 创建商品信息。(3) 打印商品信息。(4) 查询商品信息。(5) 修改商品信息。(6) 删除商品信息。(7) 商品价格排名显示。(8) 退出系统。
【C++】操作符“new”和“delete”（创建和销毁对象）
qq_65596720的博客
07-19 402
由于C++引入了类的概念所以创建空间和销毁空间变得复杂，使用malloc和free会更加复杂，所以C++引入了new和delete来简化代码。
qt 之 自定义窗口标题栏源码下载
07-27
要下载QT的自定义窗口标题栏源码，可以按照以下步骤进行操作。 首先，打开一个可信的网络浏览器，例如Chrome、Firefox等。 然后，在搜索栏中输入关键词"QT自定义窗口标题栏源码下载"，并点击搜索按钮。 接下来，浏览搜索结果，寻找与自定义窗口标题栏相关的源码下载网站或开发者社区。 以GitHub为例，通过在搜索引擎中输入"GitHub QT自定义窗口标题栏源码"，可以找到相关的开源项目。 找到适合的开源项目后，点击进入项目页面，浏览源码文件。 通常，QT的源码会以C++语言编写，可以找到与窗口标题栏相关的源文件。在GitHub上，可以直接在页面上找到并下载源码文件。 一旦下载完成，可以使用QT开发环境打开源码，进一步了解和修改自定义窗口标题栏的实现。 需要注意的是，根据不同的源码提供者，下载和使用源码可能会有不同的许可证和用户条款，请在使用前仔细阅读和遵守相关规定。 总之，通过在网络中搜索与QT自定义窗口标题栏相关的源码，您可以找到并下载相关的项目以用于学习和开发。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值