Qt 自定义软件标题栏 -- 复用菜单栏menuBar()

复用布局的菜单栏:layout()::menuBar()                 2020/04/05

目录

引言

具体内容

效果

需要解决的问题

接口

遇到的问题

主要技术点


  • 引言

最近几个月使用了H5的手机app开发工具HBuilder,越用越发现这个HBuilder非常好用,界面、功能各种细节很好,具体就是简单好用,没有任何多余的显示等,最大程度把屏幕大小利用起来了,这和我的软件理念符合,即功能一定要简洁、好用、不用学可以直接用。

自己的产品有个地方一直想改进下,就是标题栏和菜单栏合并,这几天专门把这个处理下,即自定义标题栏;用的Qt技术,Qt的理念很好,做这个不难,用了半天时间处理完,解决了很多细枝末节的问题;特此记录下整个思路和过程,及遇到的问题;

本文涉及的代码下载地址https://download.csdn.net/download/zwb0540822/12727983

  • 具体内容

  • 效果

实现如下的效果,即合并了标题栏、菜单栏,新的菜单栏包括图标、菜单栏、标题、三个按钮;

 

自定义的标题栏类基于QWidget,使用了布局、QLabel、QPushButton。如果想要其它界面效果,可以加入别的控件,很容易实现;

需要解决的问题

序号

问题

  1.  

自定义菜单如何放到界面最上面

  1.  

自定义菜单中的菜单栏如何复用软件 的UI设计师菜单

  1.  

拖动自定义标题栏可以移动窗体

 

    1. 自定义QFrame

自定义QWidget,建立图标、菜单来自调用者、标题label、三个按钮,然后水平布局,实现一些事件响应、加入对外的调用接口,这样就可以了。

详细参见代码;直接看代码即可,不用逐行代码解释。

    1. 复用UI设计师的菜单栏

这里涉及Layout::addWidget后,相关的布局会自动把引用删除,不需要我们关心这个widget在哪个布局中。

    1. Layout()::setMenuBar()

调用主界面的layout()::setMenuBar()修改了主界面布局的菜单栏;

每个Layout布局都有一个最顶上的菜单栏、多个工具栏、多个item、多个QWidget,QLayout类得多掌握下。

  • 接口

很多时候用UI设计师设计的界面,所以自定义的标题栏最好复用UI设计师的菜单栏;在ui->setupUi(this)前,前先创建MyWindowTitleBar;

其中myMenuBar是成员变量;

 this->setWindowFlags(Qt::CustomizeWindowHint);

 myMenuBar = new MyWindowTitleBar(this,":/images/icdTool.png");

 installEventFilter(myMenuBar);

在ui->setupUi(this)之后,修改界面布局的MenuBar,即MenuBar的位置改为了自定义标题栏,其中包含了图标、菜单、标题、最小化最大化关闭三个按钮。

myMenuBar->SetMainMenuBar(ui->menuBar,":/images/icdTool.png");

this->layout()->setMenuBar(myMenuBar);

 

  • 遇到的问题

  • 复用MainWindow原有布局

已有软件基于UI设计师,想尽量少改动代码就可以改为自定义标题栏,如果修改UI,加入QWidget然后升级为MyMenuBar改动略大;

然后就想菜单栏的位置是最上面,如果菜单栏的位置换成自定义标题Widget不是很好,看自动生成的ui_mainwindow.h代码,有layout()::setMenuBar,感觉就是这个函数,可以替换成自己的Widget了,问题解决。不需要需改原有的ui文件了即可使用自定义标题栏。

去掉默认标题栏,没有了边框

查阅Assist需要设置Qt::FramelessWindowHint但是发现没有了边框,改为Qt::CustomizeWindowHint。

​​​​​​​ShowMaximized实际全屏了

修改了WindowFlags后,最大化变成了全屏,没有找到解决方法,只好自定义了最大化和还原,改为计算QRect然后setGeometry。

​​​​​​​ShowMaximize改为自定义接口

调用QWidget::showMaximized会导致全屏,改为调用       myMenuBar->OnMaxButton();

  • 主要技术点

参考了一些资料,Qt的一些技术点见下表;

Qt就是这样有很多类,常用的、主要的就几个,掌握类的组织结构、脉络,掌握解决Qt问题的思路和方法很重要;方法就是发散思维分析可能的调用问题,然后F2跳到Qt类源码中分析、找可能的方法,然后Assist查找详细阅读分析;

序号

函数

作用

  1.  

Qt类的子类化;自定义QFrame;

 

  1.  

布局QLayout类的setMenuBar;

 

  1.  

QObject的事件机制;

 

  1.  

QWdiget的windowFlags、layout()

 

  1.  

QObjiect::installEventFilter(myMenuBar);

这个函数以前应该用过,记不清

拦截消息过滤到另一个对象的

  1.  

QObject::Sender()

槽函数中,可以调用sender()获得发送这个信号的对象;

  1.  

bool QObject::eventFilter(QObject *obj, QEvent *event);

 

事件过滤函数,可以过滤其它QWidget的事件,参见Assist有很多资料

  1.  

SendMessage(HWND(pWindow->winId()), WM_SYSCOMMAND, SC_MOVE + HTCAPTION, 0);

Windows api

拖动标题栏移动窗体的;

 

  • 1
    点赞
  • 15
    收藏
  • 打赏
    打赏
  • 4
    评论

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
评论 4

打赏作者

疯魔症

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值