qt中的QWidget窗口支持窗体绘制,但是不支持窗口标题栏绘制,想要美观的界面,还需要自己去定制,下面我就介绍一种定制窗体的方法

一个窗口无非就3部分,标题栏、窗体和状态栏,接下来我定制的窗口没有状态栏,如果自己想加状态栏的话,照着这个模式自己也可以添加,说白了,窗口定制就是把完整的窗口分3部分定制,而每个部分又都是一个qt窗口

定制窗口效果图如下,根据个人喜好,自己也可以定制不同的效果

图1 定制窗口

如图1所示,这个窗口包含两部分,标题栏和窗体,这两部分其实分别是一个没有标题栏的QWidget,接下来我分别介绍下这两部分

标题栏

构造函数代码如下​

 setAutoFillBackground(true);//自动填充背景色,防止继承父窗口背景色

 setStyleSheet(QStringLiteral("background:blue;"));//背景色

 ​setFixedHeight();//设置高度 看个人喜好 可以做微调​

 _p->minimize = new QToolButton(this);

 _p->maximize = new QToolButton(this);

 _p->close = new QToolButton(this);

/// 设置系统按钮图标.

 QPixmap pix = style()->standardPixmap(QStyle::SP_TitleBarCloseButton);

 _p->close->setIcon(pix);

 _p->maxPix = style()->standardPixmap(QStyle::SP_TitleBarMaxButton);

 _p->maximize->setIcon(_p->maxPix);

 pix = style()->standardPixmap(QStyle::SP_TitleBarMinButton);

 _p->minimize->setIcon(pix);

 _p->restorePix = style()->standardPixmap(QStyle::SP_TitleBarNormalButton);

 _p->minimize->setMinimumHeight();

 _p->close->setMinimumHeight();

 _p->maximize->setMinimumHeight();

 _p->label = new QLabel(this);

 _p->label->setAttribute(Qt::WA_TransparentForMouseEvents, true); //鼠标穿透

 _p->label->setStyleSheet(QStringLiteral("  font-size:12px;\

     font - weight:Bold"));

     _p->label->setMargin();

 SetWindowTitle("title");

 QHBoxLayout *hbox = new QHBoxLayout;

 hbox->addWidget(_p->label);

 hbox->addWidget(_p->minimize);

 hbox->addWidget(_p->maximize);

 hbox->addWidget(_p->close);

 //_p->maximize->setVisible(false);

 hbox->insertStretch(, );

 hbox->setSpacing();

 connect(_p->minimize, &QToolButton::clicked, this, [this]{

     BaseWidget * widget = qobject_cast(parent());

     if (widget)

     {

         widget->SetWindowMovePos(widget->pos());

         emit WindowDockedSignal();

     }

 });

 connect(_p->maximize, &QToolButton::clicked, this, &TitleBar::showMaxRestore);

 connect(_p->close, &QToolButton::clicked, this, [this]{emit WindowCloseSignal(_p->label->text()); });

 hbox->setMargin();

 hbox->setSpacing();

 setLayout(hbox);

 ​void TitleBar::showMaxRestore()//最大化或者还原

 {

     if (_p->maxNormal)

     {

         _p->maxNormal = !_p->maxNormal;

         _p->maximize->setIcon(_p->maxPix);

     }

     else

     {

         _p->maxNormal = !_p->maxNormal;

         _p->maximize->setIcon(_p->restorePix);

     }

     emit WindowMaxRestoreSignal(_p->maxNormal);

 }

 void TitleBar::SetWindowTitle(const QString & title)//设置窗口标题

 {

     if (_p)

     {

         _p->label->setText(title);

     }

 }

 void TitleBar::SetWindowMaxable(bool isMax)

 {

     if (_p)

     {

         _p->maxNormal = isMax;

         if (_p->maxNormal)

         {

             _p->maximize->setIcon(_p->maxPix);

         }

         else

         {

             _p->maximize->setIcon(_p->restorePix);

         }

     }

 }

 void TitleBar::mousePressEvent(QMouseEvent * event)//移动窗口

 {

     QPoint mousePos = _p->minimize->mapFromParent(event->pos());

     if (_p->minimize->rect().contains(mousePos))//如果点击了最小化 则不能移动

     {

         return;

     }

     if (_p->maximize->rect().contains(mousePos))//如果点击了最大化不能移动

     {

         return;

     }

     _p->leftButtonPressed = true;

     _p->startPos = event->globalPos();

     _p->clickPos = mapToParent(event->pos());

 }

 void TitleBar::mouseReleaseEvent(QMouseEvent * event)

 {

     _p->leftButtonPressed = false;

 }

 void TitleBar::mouseMoveEvent(QMouseEvent * event)

 {

     if (_p->maxNormal)

     {

         return;

     }

     if (_p->leftButtonPressed)

     {

         parentWidget()->move(event->globalPos() - _p->clickPos);//移动父窗口

     }

 }

 void TitleBar::mouseDoubleClickEvent(QMouseEvent * event)

 {

     showMaxRestore();

 }

窗体定制

直接上代码

​   cpp如下​

 setFrameShape(Panel);

 setMouseTracking(true);

 setWindowFlags(Qt::WindowStaysOnTopHint | Qt::FramelessWindowHint | Qt::Tool);/// 隐藏窗口标题栏.

 setFixedSize(, );

 _p->m_mouse_down = false;

 _p->m_titleBar = new TitleBar(this);

 _p->m_titleBar->installEventFilter(this);

 connect(_p->m_titleBar, &TitleBar::WindowDockedSignal

 , this, [this]{

 setFixedSize(_p->m_content->size());

 setMinimumSize(, );

 setMaximumSize(QWIDGETSIZE_MAX, QWIDGETSIZE_MAX);

 _p->m_titleBar->setVisible(false);

 });

 connect(_p->m_titleBar, &TitleBar::WindowMaxRestoreSignal

 , this, [this](bool isMax){

 if (isMax)

 {

 showMaximized();

 }

 else

 {

 showNormal();

 }

 });

 _p->m_content = new QWidget(this);

 QPalette plt = _p->m_content->palette();

 plt.setColor(QPalette::Window, QColor("#000000"));

 _p->m_content->setPalette(plt);//设置背景色黑色

 _p->m_content->setAutoFillBackground(true);

 _p->m_content->setAttribute(Qt::WA_PaintOnScreen, true);

 QVBoxLayout *vbox = new QVBoxLayout(this);

 vbox->addWidget(_p->m_titleBar);

 vbox->setStretchFactor(_p->m_titleBar, );

 vbox->setMargin();

 vbox->setSpacing();

 QVBoxLayout *layout = new QVBoxLayout(this);

 layout->addWidget(_p->m_content);

 layout->setMargin();

 layout->setSpacing();

 vbox->addLayout(layout);

 vbox->setStretchFactor(layout, );

 TitleBar * BaseWidget::GetTitleBar() const

 {

          if (_p)

          {

               return _p->m_titleBar;

           }

 }

 QWidget * BaseWidget::GetContentWidget() const

 {

      if (_p)

       {

             return _p->m_content;

        }

 }

 BaseWidget::State BaseWidget::GetWindowState() const

 {

     if (_p)

     {

           return _p->state;

      } 

 }

 void BaseWidget::SetWindowState(BaseWidget::State state)

 {

      if (_p)

       {

              _p->state = state;

              if (_p->state == _floating)

              {

                   _p->m_titleBar->setVisible(true);

                }

                else

               {

                      _p->m_titleBar->setVisible(false);

                }

        }

 }

 QPoint BaseWidget::GetWindowFloatPos() const

 {

     if (_p)

     {

           return _p->floatPostion;

     }  

 }

 void BaseWidget::SetWindowFloatPos(const QPoint & point)

 {

      if (_p)

      {

            _p->floatPostion = point;

      }

 }

 QPoint BaseWidget::GetWindowMovePos() const

 {

     if (_p)

     {

     return _p->m_restorePos;

     }

 }

 void BaseWidget::SetWindowMovePos(const QPoint & pos)

 {

     if (_p)

     {

           _p->m_restorePos = pos;

      }

 }

 bool BaseWidget::eventFilter(QObject * object, QEvent * event)

 {

 if (object == _p->m_titleBar)

 {

      if (event->type() == QEvent::MouseMove)

      {

         QMouseEvent * mouseEvent = static_cast(event);

         if (mouseEvent && mouseEvent->button() & Qt::LeftButton)

          {

                 return true;//不做处理

             }

         }

     }

      return QWidget::eventFilter(object, event);

 }

 void BaseWidget::mousePressEvent(QMouseEvent * event)

 {

      if (event->button() == Qt::LeftButton)

      {

         _p->m_mouse_down = true;

          _p->dragPostion = event->globalPos() - frameGeometry().topLeft();

          event->accept();

      }

 }

 void BaseWidget::mouseMoveEvent(QMouseEvent * event)

 {

     if (_p->state != _floating || isMaximized())//如果窗口不是悬浮状态 或者最大化 不允许拖动

     {

          return;

     }

     if (_p->m_mouse_down)

     {

         move(event->globalPos() - _p->dragPostion);

         event->accept();

     }

 }

 void BaseWidget::mouseReleaseEvent(QMouseEvent * event)

 {

     _p->m_mouse_down = false; 

 }

 void BaseWidget::mouseDoubleClickEvent(QMouseEvent * event)

 {

  if (_p->state == _dock)

  {

          _p->state = _floating;

          _p->m_titleBar->setVisible(true);

          setParent(nullptr);

          setWindowFlags(Qt::WindowStaysOnTopHint | Qt::FramelessWindowHint |      Qt::Tool);

          move(GetWindowMovePos());

         show();

     }

 }

​    有如上两部分代码,功能基本可以实现

Qt窗口定制的更多相关文章

  1. 自定义QT窗口部件外观之QStyle

    自定义QT窗口部件外观 重新定义Qt内置窗口部件的外观常用的方法有两种:一是通过子类化QStyle 类或者预定义的一个样式,例如QWindowStyle,来定制应用程序的观感:二是使用Qt样式表. Q ...

  2. 利用Qt Assistant 定制帮助文档

    为了将Qt Assistant定制为自己应用程序的帮助文档浏览器.需要完成以下几步: 一.导入HTML格式的帮助文档 (1)首先,针对自己的应用程序创建HTML格式的帮助文档,请参见<Doxyg ...

  3. CentOS下Qt窗口透明效果失效,成黑色背景的问题

    一.问题 Linux系统下Qt窗口的透明效果成了黑色,但同样的代码在windows机子上有透明效果,主要是修改系统的配置,仅在centos6.3及其以上版本实验过.其他系统可以相应配置. 二.问题运行 ...

  4. 深度探索QT窗口系统(五篇)

    窗口作为界面编程中最重要的部分,没有窗口就没有界面,是窗口让我们摆脱了DOS时代,按钮是一个窗口,文本框是一个窗口,标签页是一个窗口,...一个窗口可以由多个窗口组成,每天我们都在与窗口打交道,当你打 ...

  5. 调色板类QPalette——包含了Qt窗口不见的颜色组(collor group),和Windows右键属性外观非常类似

    QPalette类包含了Qt窗口不见的颜色组(collor group); 1.Active组,该组的颜色用户当前活动的(active)窗口,即具有键盘或鼠标焦点的窗口; 2.Inactive组,该组 ...

  6. QT窗口置顶/真透明/背景模糊/非矩形/跳过任务栏分页器/无边框/无焦点点击/焦点穿透

    qt 窗口置顶/真透明/背景模糊/非矩形/跳过任务栏分页器/无边框/无焦点点击/焦点穿透 窗口置顶qt 里是 setWindowFlags(Qt::WindowStaysOnTopHint)kde 里 ...

  7. Qt窗口操作函数(最大化,全屏,隐藏最大化,最小化)

    Qt窗口中的一些小技术总结 //Qt主窗口没有最小化,最大化按钮且最大化显示  int main(int argc, char *argv[]) { QApplication a(argc, argv ...

  8. 初识Qt窗口界面

    1.新建一个新的Qt Gui应用,项目名称随意,例如MyMainWindow,基类选择QMainWindow,类名为MainWindow. 2.项目建立后,双击mainwindow.ui文件,在界面的 ...

  9. qt 窗口控件自动调整大小

    /******************************************************************** * qt 窗口控件自动调整大小 * * 在写gui的时候,希 ...

随机推荐

  1. Cashier Employment 差分约束

    题意:有一个超市需要一些出纳员,已给出这个超市在各个时间段(0-1,1-2,2-3...共24个时间段)至少需要的出纳员数目,现在前来应聘有n个人,每个人都有一个固定的开始工作的时间,这也意味着从这个 ...

  2. mac环境下jdk配置

    查看mac下jdk路径 当在Mac下安装完Java运行环境,而又没有添加JAVA_HOME变量的时候,我们如何得到JAVA_HOME变量的路径呢?直接在home目录下执行命令:/usr/libexec ...

  3. react生命周期,中间件、性能优化、数据传递、mixin的使用

    https://github.com/lulujianglab/blog/issues/34 一.生命周期 1,初始化的执行顺序,初始生命周期执行过程详解 class initSate extends ...

  4. Unity Shader Learning

    Toon 表面没有均匀的阴影. 为了达到这个效果,我们需要一个斜坡图. 其目的是将朗伯光强度NdotL重新映射到另一个值. 使用没有渐变的渐变映射,我们可以强制照明逐步渲染.下图显示了如何使用斜坡图来 ...

  5. 教你如何用勾勾街快速生成一个苹果IOS APP

    现在苹果手机上的各种各样的APP,想不想也有一款属于自己的专属APP?很简单,用勾勾街可以在3分钟内快速制作一款,快来看看! 工具平台: 勾勾街 (www.gogojie.com ) 操作方法: 1. ...

  6. JOISC2019 游记

    JOISC2019 游记 Day 1: 試験 (Examination) 题目大意: 有\(n(n\le10^5)\)个人,每个人有两种属性\(s_i,t_i\).\(q(q\le10^5)\)次询问 ...

  7. 为什么目前无法再docker for windows中调用GPU

    本随笔记载与2019年1月23日,若随着技术发展,本随笔记录的困难被攻克也是可能的. 参考(https://www.reddit.com/r/docker/comments/86vzna/gpu_ac ...

  8. 数据分析——matplotlib

    基础 # coding=utf-8 import matplotlib.pyplot as pt import numpy as np from matplotlib import font_mana ...

  9. MyBatis返回map数据

    (1)接口中编写方法 //单行 public Map<String, Object> getEmpReturnMap(Integer id); //多行 @MapKey("id& ...

  10. python学习笔记(6)

    第6章 组合数据类型 组合类型的三种表达形式:集合.序列.字典 集合类型及操作 定义:集合是多个元素的无序组合 集合类型与数学中的集合概念一致 集合元素之间无序,每个元素唯一,不存在相同元素 集合元素 ...