Qt自定义标题栏详细介绍(可拖动、放大缩小、关闭、标题栏具有渐变色)

最新推荐文章于 2024-05-27 21:39:00 发布
最新推荐文章于 2024-05-27 21:39:00 发布
阅读量5k 收藏 29
点赞数 2
分类专栏： Qt 文章标签： qt linux arm 自定义标题栏 windows
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yaowangII/article/details/78621655
版权

前言

使用Qt自带的标题栏可能没有办法适合我们的需求，例如标题栏的颜色，标题栏的宽度、高度，标题栏的放大、缩小、还原、关闭按钮等都没有办法发生改变。因为默认的标题栏是和操作系统相关的、它会根据操作系统的变化而发生变化，在Window上不同风格的主题，在Qt程序产生的标题栏也会发生相应的变化，在linux上也是如此。而自定义标题栏则不会这样，颜色，大小，按钮图标这完全有我们来控制，来达到标题栏的自由性和统一性。

/*mytitilebar.h*/
#ifndef MYTITLEBAR_H
#define MYTITLEBAR_H

#include <QWidget>
#include <QToolButton>
#include <QPixmap>
#include <QLabel>
#include <QColor>
#include <QPainter>
#include <QHBoxLayout>
#include <QMouseEvent>
#include <QStyle>
#include <QLabel>
#include <QtDebug>
#include <QLinearGradient>

#define  ICON_WIDTH     20
#define  ICON_HEIGHT    20
#define  BUTTON_WIDTH   30
#define  BUTTON_HEIGHT  30
#define  TITLE_HEIGHT   30

class myTitleBar : public QWidget
{
    Q_OBJECT
public:
    myTitleBar(QWidget *parent);
    void SetTitleBackground(QColor Color); // 供外部调用设置标题栏背景
    void SetTitleContent(QString content); // ……………设置标题栏内容
    void SetTitleIcon(QString iconPath);   // ……………设置标题栏图标

public slots:
    void ShowSmall();      //槽函数，最小化
    void ShowMaxRestore(); // 槽函数 ，最大化或者还原
protected:
    void mousePressEvent(QMouseEvent *e);           // 鼠标点击事件
    void mouseMoveEvent(QMouseEvent *e);            // 鼠标移动事件
    void mouseDoubleClickEvent(QMouseEvent *e);     // 鼠标双击事件

private:

    void InitTitleBar();                 // 初始化标题栏
    void paintEvent(QPaintEvent *event); // 重载绘画函数


    QToolButton *m_Minimize;             // 最小化按钮
    QToolButton *m_Maximize;             // 最大化按钮
    QToolButton *m_Close;                // 关闭按钮

    QPixmap *m_RestorePix;  // 还原按钮的图片
    QPixmap *m_MaxPix;      // 最大化按钮的图片
    QPixmap *m_MinPix;      // 最小化按钮的图片

    QPoint m_StartPos;      // 记录窗口开始的位置
    QPoint m_ClickPos;

    QLabel *m_TitleIcon;    // 标题栏图标
    QLabel *m_TitleConten;  // 标题栏标题
    QLabel m_TitleLabel;

    QColor m_ColorL;         // 标题栏渐变色
    QColor m_ColorR;         // 标题栏渐变色

    QWidget *m_Parent;       //父窗体

};

#endif // MYTITLEBAR_H

/*************************************************************************/
//File name:    mytitlebar.cpp
//Date:         2017.10.23
//Description:  自定义标题栏
/*************************************************************************/

#include "mytitlebar.h"

myTitleBar::myTitleBar(QWidget *parent):m_ColorL(QColor(0,0,0)),
m_ColorR(QColor(255,255,255)) // 初始化渐变色（白->黑渐变）
{

    this->setWindowFlags(Qt::FramelessWindowHint | Qt::Dialog);  // 隐藏默认的标题栏
    m_Parent = parent;       // 获取标题栏的父窗体，用来控制窗口放大，缩小，关闭等行为
    m_MaxNormal = false;     // 初始化窗口不是最大化状态
    InitTitleBar();          // 初始化标题栏

    // 连接标题栏三个按钮到相应的槽函数中
    connect(m_Close, SIGNAL( clicked() ), m_Parent, SLOT(close() ));
    connect(m_Minimize, SIGNAL( clicked() ), this, SLOT(ShowSmall() ) );
    connect(m_Maximize, SIGNAL( clicked() ), this, SLOT(ShowMaxRestore() ) );
}


void myTitleBar::InitTitleBar()
{

    m_Close= new QToolButton(this);                              // 关闭按钮
    m_ClosePix  = new QPixmap(":/icon/close.png");               // 关闭按钮图片
    m_Close->setIcon(*m_ClosePix);
    m_Close->setToolTip("关闭");                                   // 显示提示文字
    m_Close->setIconSize(QSize(ICON_WIDTH,ICON_HEIGHT));         // 设置图片的大小
    m_Close->setFixedSize(m_ClosePix->size());                   // 设置按钮大小为图片的大小
    m_Close->setStyleSheet("border-style:flat");                 // 设置按钮背景透明

    m_Maximize = new QToolButton(this);                          // 最大化按钮
    m_MaxPix  = new QPixmap(":/icon/scale.png");
    m_RestorePix  = new QPixmap(":/icon/scale.png");
    m_Maximize->setIcon(*m_MaxPix);
    m_Maximize->setToolTip("最大化");
    m_Maximize->setIconSize(QSize(ICON_WIDTH,ICON_HEIGHT));
    m_Maximize->setFixedSize(m_MaxPix->size());
    m_Maximize->setStyleSheet("border-style:flat");

    m_Minimize = new QToolButton(this);                         // 最小化按钮
    m_MinPix  = new QPixmap(":/icon/mi.png");
    m_Minimize->setIcon(*m_MinPix);
    m_Minimize->setToolTip("最小化");
    m_Minimize->setIconSize(QSize(ICON_WIDTH,ICON_HEIGHT));
    m_Minimize->setFixedSize(m_MinPix->size());
    m_Minimize->setStyleSheet("border-style:flat");

    m_TitleConten = new QLabel(this);                          // 标题栏文字
    QFont TitleFont; 
    TitleFont.setPointSize(12);
    m_TitleConten->setFont(TitleFont);
    m_TitleConten->setText(tr("自定义标题栏"));

    m_TitleIcon = new QLabel(this);                            // 标题栏左上角图标
    m_TitleIcon->setPixmap(QPixmap(":/icon/icon.png"));


    QHBoxLayout *hbox = new QHBoxLayout(this);           // 新建水平容器，把所有控件放在容器中
    hbox->addWidget(m_TitleIcon);
    hbox->addWidget(m_TitleConten);
    hbox->addWidget(m_Minimize);
    hbox->addWidget(m_Maximize);
    hbox->addWidget(m_Close);

    hbox->setSpacing(5);                      // 设置容器的属性，标题栏高度等
    hbox->setContentsMargins(5, 2, 5, 2);
    setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
    this->setFixedHeight(TITLE_HEIGHT);
    this->setStyleSheet("border-style:flat");
    setAttribute(Qt::WA_TranslucentBackground);

}

/*用于重新绘制标题栏，当外部调用了设置标题栏相关属性的函数时调用*/
void myTitleBar::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);

    QLinearGradient linearGradient(QPointF(0, 0), QPointF(0, this->height()));

    // 设置渐变的颜色，如果m_ColorL和m_ColorR相同时为纯色，而不是渐变色
    linearGradient.setColorAt(0, m_ColorL);  
    linearGradient.setColorAt(1, m_ColorR);

    linearGradient.setSpread(QGradient::ReflectSpread);
    painter.setBrush(linearGradient);
    QPen pen(m_Color);
    painter.setPen(pen);
    QPainterPath pathBack;                 // 先在QPainterPath画图，再用QPainter显示出来
    pathBack.setFillRule(Qt::WindingFill);
    pathBack.addRoundedRect(QRect(0, 0, this->width(), this->height()), 0, 0);

}

// 最小化
void myTitleBar::ShowSmall()
{
    parentWidget()->showMinimized();
}

//最大化/还原
void myTitleBar::ShowMaxRestore()
{
    if (m_MaxNormal) {
        parentWidget()->showNormal();
        m_MaxNormal = !m_MaxNormal;
        m_Maximize->setToolTip("最大化");
        m_Maximize->setIcon(*m_MaxPix);
    } else {
        parentWidget()->showMaximized();
        m_Maximize->setToolTip("向下还原");
        m_MaxNormal = !m_MaxNormal;
        m_Maximize->setIcon(*m_RestorePix);
    }
}

// 当鼠标点击了标题栏，记录下当时的位置
void myTitleBar::mousePressEvent(QMouseEvent *e)
{
    m_StartPos = e->globalPos();
    m_ClickPos = mapToParent(e->pos());
}

// 鼠标移动
void myTitleBar::mouseMoveEvent(QMouseEvent *e)
{
    if (m_MaxNormal)  // 如果处于最大化状态，则不能移动
        return;
    parentWidget()->move(e->globalPos() - m_ClickPos);
}

// 双击鼠标左键和放大按钮效果一致
void myTitleBar::mouseDoubleClickEvent(QMouseEvent *e)
{
    if(e->button() == Qt::LeftButton)
    {
        ShowMaxRestore();
    }
}



//设置标题栏的渐变色
void myTitleBar::SetTitleBackground(QColor ColorL,QColor ColorR )
{
    m_ColorL = ColorL;
    m_ColorR = ColorR;

    update();     // 通知更改，系统自动条用PainterEvent()函数
}


// 设置标题栏显示的文字
void myTitleBar::SetTitleContent(QString content)
{
    m_TitleConten->setText(content);
}

// 设置标题栏左上角的图标
void myTitleBar::SetTitleIcon(QString iconPath)
{
    QPixmap map(iconPath);
    m_TitleIcon->setPixmap(map);

}

自定义标题栏的代码如上所示，但是上面的代码不能直接运行哟。这里只是给出了自定义标题栏的代码，具体验证的也挺简单的，新建一个类，把默认的标题栏隐藏，直接new出来我们自定义的标题栏
myTitleBar *title = new myTitleBar(this)，然后通过move函数把，title放在窗口的最上面就可以了。这样自定义标题栏就完成了。

遥_望
关注
  • 2
    点赞
  • 踩
  • 29
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
QT笔记-界面风格样式和图标文字-自定义标题栏QMainWindow
C_panpan的专栏
07-20 980
/隐藏FactoryManagement类的窗体效果。//显示FactoryManagement类的窗体效果。3、在QMainWindow类中调用示例。1、在可视化编辑界面中添加控件。2、编写代码-标题栏类。
Qt自定义标题栏源码V1.0
04-08
自定义标题栏源码，实现了 1.鼠标左键点击移动 2.最小化 最大化/恢复 关闭程序功能 3.双击鼠标最大化/恢复功能 ************************************************************************************************...
QT自定义标题栏
m0_37668227的博客
09-07 569
qt 自定义 标题栏
Qt自定义标题窗体实现（包含移动，缩放，阴影）
琉璃花社的猫朵的博客
04-05 1082
一个可以随取随用的基于Qt5.15.2版本的自定义标题栏窗口的实现代码，以及实现思路的分享，欢迎讨论。
Qt自定义标题栏
最新发布
2301_80434259的博客
05-27 1133
qDebug()
qt5 自定义标题栏
03-20
用qt5写的自定义标题栏，做相应的改变也可以在其他版本运行，去掉了系统默认的标题栏，自己实现关闭，最大化，最小化，双击最大化最小化功能，这对标题栏的美化有帮助
Qt设置颜色
weixin_38241876的博客
10-17 558
【代码】Qt设置颜色。
QT自定义标题栏（最大化、最小化和无边框拉伸等--可直接使用）和样式设计（美化）
weixin_51071912的博客
01-09 1931
提供可直接使用的自定义窗口，内有自定义标题栏，实现了最大化、最小化、关闭、无边框拉伸等功能，直接继承窗口使用
Qt实用技巧：自定义窗口标题栏
热门推荐
长沙创微智能科技官方博客
02-01 5万+
若该文为原创文章，未经允许不得转载 原博主博客地址：https://blog.csdn.net/qq21497936 本文章博客地址：https://blog.csdn.net/qq21497936/article/details/79223848 目录 需求 原理 Demo下载地址 关于切图 实现Demo步骤 Qt实用技巧：自定义窗口标题栏 需求 制作窗口...
myWidget_qt自定义标题栏_qt自定义标题_mywidget_
09-30
1. **创建自定义标题栏类**：首先，我们需要创建一个新的Qt小部件（QWidget）子类，例如`CustomTitleBar`，用于承载自定义标题栏的所有元素，如最小化、最大化、关闭按钮以及标题文本。 2. **布局管理**：在`...
Qt 实现 自定义窗口标题栏
12-07
以上代码用Qt实现了自定义窗口标题栏，非常实用，提供了窗口图标、窗口标题、最小化、最大化、关闭按钮等几个部分。可以应用到每一个窗口中去，保持每个窗口外观的一致性，同时自定义的标题栏也比系统自带的漂亮很多...
QT自定义标题栏最大最小化关闭按钮
11-21
在QT自定义标题栏最大最小化关闭按钮这个主题中，我们将深入探讨如何在QT应用程序中实现自定义的标题栏，包括最大化、最小化和关闭功能。 首先，我们要明白在QT中，窗口的基本元素是`QMainWindow`类，它是大多数...
Qt 自定义标题栏
01-23
QWidget及其子类窗体组件的标题栏受操作系统的控制，即标题栏的界面风格与操作系统的主题风格相同，工程实践中需要开发者自行定义，达到美化应用程序界面的目的。开发环境是Qt5.7，调试成功，可自行下载，如有问题请...
Qt之界面（自定义标题栏、无边框、可移动、缩放）
hw5230的博客
02-21 4990
titleBar.hQ_OBJECTpublic:protected://双击标题栏进行界面的最大化/还原//进行界面的拖动//设置界面标题与图标//进行最小化、最大化/还原、关闭操作private://最大化/还原private://标题栏图标//标题栏标题//最小化按钮//最大化/还原按钮//关闭按钮//调用WIN API需要用到的头文件与库#endif//给成员变量申请内存//初始化图标Label。
Qt隐藏窗口标题栏以及无法拖动窗口和出现的问题解决方法
糖加醋^_^
06-02 3789
1.隐藏标题栏、工具窗口以及窗口置顶 // 去掉标题栏,去掉工具栏，窗口置顶 setWindowFlags(Qt::FramelessWindowHint | Qt::Tool | Qt::WindowStaysOnTopHint); 2.设置窗体透明度 setWindowOpacity(0.7); 3.隐藏标题栏后实现拖动 隐藏标题栏后窗体是无法拖动的...
Qt中QDockWidget的自定义标题栏
缘如风的博客
08-21 4364
本例有Qt的官网例子改写而来。效果如下： 具体代码如下 头文件 #ifndef CDOCWIDGETBAR_H #define CDOCWIDGETBAR_H #include <QWidget> class CDocWidgetBar : public QWidget { Q_OBJECT public: CDocWidgetBar(QWidget *pare...
qt，设置窗体的颜色和样式
weixin_44050362的博客
05-31 3301
注意：如果要设置窗体的样式，还需要在 Qt Designer 中或代码中设置相应的样式表。在 Qt 中，可以使用 QPalette 类来设置窗体的颜色和样式。调用控件的 setStyleSheet() 函数，传入你想要的样式表作为参数。点击 “styleSheet” 属性旁边的 “…在属性编辑器中，找到 “styleSheet” 属性。在弹出的样式表编辑器中输入你想要的样式表。选中你想要添加样式表的控件。// 设置背景颜色为白色。
Qt如何用QSettings读写ini配置文件
遥望盼望，能像清风陪伴她飘去
12-07 2万+
一、ini文件的格式ini文件的格式如下，主要是由节、键、值来组成。[section1] age=23 nam=lcm sex=man[section2] age=75 name=lucimer sex=man……………… [sectionN] // 节名 键 = 值 ……………… 键 = 值 二、ini配置文件的写入ini文件的读取和写入都是利用到QSettings 类。/
qt 自定义标题栏，鼠标可拖动
06-06
可以使用 Qt 的 QWidget 类来实现自定义标题栏，并且让鼠标可以拖动窗口。 以下是一个简单的示例代码： ```cpp #include <QtWidgets> class CustomTitleBar : public QWidget { public: CustomTitleBar(QWidget *parent = nullptr) : QWidget(parent) { // 设置标题栏大小和背景色 setFixedHeight(30); setStyleSheet("background-color: gray;"); // 添加标题栏上的标题 titleLabel = new QLabel("Custom Title Bar", this); titleLabel->setAlignment(Qt::AlignCenter); titleLabel->setStyleSheet("color: white;"); // 添加关闭按钮 closeButton = new QPushButton("X", this); closeButton->setFixedSize(20, 20); closeButton->setStyleSheet("background-color: red; color: white;"); // 将标题和关闭按钮布局到标题栏 QHBoxLayout *layout = new QHBoxLayout(this); layout->addWidget(titleLabel); layout->addStretch(); layout->addWidget(closeButton); layout->setContentsMargins(5, 0, 5, 0); } // 重写鼠标按下事件，实现窗口的拖动 void mousePressEvent(QMouseEvent *event) override { if (event->button() == Qt::LeftButton) { isDragging = true; lastMousePos = event->globalPos(); event->accept(); } } // 重写鼠标移动事件，实现窗口的拖动 void mouseMoveEvent(QMouseEvent *event) override { if (isDragging) { QPoint delta = event->globalPos() - lastMousePos; lastMousePos = event->globalPos(); parentWidget()->move(parentWidget()->pos() + delta); event->accept(); } } // 重写鼠标释放事件，实现窗口的拖动 void mouseReleaseEvent(QMouseEvent *event) override { if (event->button() == Qt::LeftButton) { isDragging = false; event->accept(); } } private: QLabel *titleLabel; QPushButton *closeButton; bool isDragging = false; QPoint lastMousePos; }; int main(int argc, char *argv[]) { QApplication app(argc, argv); // 创建窗口并设置标题栏为自定义标题栏 QWidget window; window.setWindowFlags(Qt::FramelessWindowHint); CustomTitleBar *titleBar = new CustomTitleBar(&window); QVBoxLayout *layout = new QVBoxLayout(&window); layout->addWidget(titleBar); layout->addWidget(new QLabel("Hello World!", &window)); window.setLayout(layout); window.resize(300, 200); window.show(); return app.exec(); } ``` 在上述代码中，首先创建了一个名为 `CustomTitleBar` 的自定义窗口部件，它包括一个标题和一个关闭按钮。然后，在 `CustomTitleBar` 类中重写了鼠标按下、移动和释放事件，实现了窗口的拖动。 在 `main` 函数中，创建了一个窗口并设置标题栏为自定义标题栏，然后将自定义标题栏和一个标签添加到窗口中。最后，设置窗口大小并显示窗口。 需要注意的是，为了实现窗口的拖动，需要将窗口的边框隐藏，可以使用 `setWindowFlags(Qt::FramelessWindowHint)` 来实现。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值