17.QT-Qt窗口-工具栏|状态栏|浮动窗口|设置停靠位置|设置浮动属性|设置移动属性|拉伸系数|添加控件(C++)

于 2025-04-23 15:01:51 发布
阅读量1k 收藏 8
点赞数 16
分类专栏： QT 文章标签： qt c++ 命令模式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CoderZzz6310/article/details/147454626
版权

⼯具栏

⼯具栏是应⽤程序中集成各种功能实现快捷键使⽤的⼀个区域。可以有多个，也可以没有，它并不是应⽤程序中必须存在的组件。它是⼀个可移动的组件，它的元素可以是各种窗⼝组件，它的元素通常以图标按钮的⽅式存在。如下图为⼯具栏的⽰意图：
![[Pasted image 20250423103543.png]]

创建⼯具栏

调⽤QMainWindow类的addToolBar()函数来创建⼯具栏，每增加⼀个⼯具栏都需要调⽤⼀次该函数。
如添加两个⼯具栏：

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QToolBar>
#include <QDebug>
  
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
  
    //工具栏手动创建
    QToolBar* toolBar = new QToolBar();
    this->addToolBar(toolBar);
  
    QAction* action1 = new QAction("保存");
    toolBar->addAction(action1);
    QAction* action2 = new QAction("打开");
    toolBar->addAction(action2);
  
    connect(action1, &QAction::triggered, this, &MainWindow::handle1);
    connect(action2, &QAction::triggered, this, &MainWindow::handle2);
}
  
MainWindow::~MainWindow()
{
    delete ui;
}
  
void MainWindow::handle1()
{
    qDebug() << "handle1";
}
  
void MainWindow::handle2()
{
    qDebug() << "handle2";
}

使用QToolBar表示工具栏对象
一个窗口可以有多个工具栏，也可以没有
工具栏往往也可以手动移动位置
添加菜单栏，使用的是setMenuBar
添加工具栏，使用的是addToolBar
菜单栏只能有一个.重复设置，新的替换旧的(set就包含了"替换"）
工具栏，可以有多个.重复设置，就会出现多个工具栏不包含“替换”
![[Pasted image 20250423124419.png]]

    action1->setIcon(QIcon(":/save.png"));
    action2->setIcon(QIcon(":/new.png"));

QAction如果出现在工具栏上，也会产生图标覆盖文本这样的情况
会以toolTip的方式来存在
鼠标悬停上去的时候，就会显示出一段提示信息
另外也可以手动设置这里的toolTip
![[Pasted image 20250423124838.png]]

    action1->setToolTip("点击这里保存文件");

![[Pasted image 20250423125513.png]]

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QToolBar>
#include <QDebug>
  
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
  
    //创建菜单栏
    QMenuBar* menuBar = this->menuBar();
    this->setMenuBar(menuBar);
  
    //创建菜单
    QMenu* menu = new QMenu("文件");
    menuBar->addMenu(menu);
  
    //工具栏手动创建
    QToolBar* toolBar = new QToolBar();
    this->addToolBar(toolBar);
  
    QAction* action1 = new QAction("保存");
    QAction* action2 = new QAction("打开");
    action1->setToolTip("点击这里保存文件");
    action1->setIcon(QIcon(":/save.png"));
    action2->setIcon(QIcon(":/new.png"));
  
    //菜单项放在工具栏中
    toolBar->addAction(action1);
    toolBar->addAction(action2);
    //菜单项放在菜单中
    menu->addAction(action1);
    menu->addAction(action2);
  
    connect(action1, &QAction::triggered, this, &MainWindow::handle1);
    connect(action2, &QAction::triggered, this, &MainWindow::handle2);
}
  
MainWindow::~MainWindow()
{
    delete ui;
}
  
void MainWindow::handle1()
{
    qDebug() << "handle1";
}
  
void MainWindow::handle2()
{
    qDebug() << "handle2";
}

![[Pasted image 20250423130419.png]]

工具栏往往也是和菜单栏搭配使用的
工具栏中的QAction也可以出现在菜单中
如果一个QAction既是QMenu的子元素，又是QToolBar的子元素，释放的时候，是否会重复delete
只会释放一次，不会重复delete

设置停靠位置

⼯具栏停靠位置的设置有两种⽅式。⼀种是在创建⼯具栏的同时指定停靠的位置，另⼀种是通过QToolBar类提供的setAllowedAreas()函数来设置。
⽅式⼀：创建⼯具栏的同时指定其停靠的位置。
在创建⼯具栏的同时，也可以设置⼯具栏的位置，其默认位置是在窗⼝的最上⾯；如上述代码，默认在最上⾯显⽰。⼯具栏允许停靠的区域由QToolBar类提供的allowAreas()函数决定，其中可以设置的位置包括：

  1. 可以设置工具栏出现的初始位置(上下左右…)
  2. 可以设置工具栏允许停放到哪些边缘
  3. 可以设置工具栏是否允许浮动
  4. 可以设置工具栏是否可以移动
  • Qt::LeftToolBarArea：停靠在左侧
  • Qt::RightToolBarArea：停靠在右侧
  • Qt::TopToolBarArea：停靠在顶部
  • Qt::BottomToolBarArea：停靠在底部
  • Qt::AllToolBarAreas：以上四个位置都可停靠
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QToolBar>

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
  
    QToolBar* toolBar1 = new QToolBar();
    QToolBar* toolBar2 = new QToolBar();
  
    this->addToolBar(toolBar1);
    this->addToolBar(toolBar2);
  
    QAction* action1 = new QAction("动作1");
    QAction* action2 = new QAction("动作2");
    QAction* action3 = new QAction("动作3");
    QAction* action4 = new QAction("动作4");
  
    toolBar1->addAction(action1);
    toolBar1->addAction(action2);
    toolBar2->addAction(action3);
    toolBar2->addAction(action4);
}

![[Pasted image 20250423132806.png]]

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QToolBar>
  
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    QToolBar* toolBar1 = new QToolBar();
    QToolBar* toolBar2 = new QToolBar();
  
    this->addToolBar(toolBar1);
    this->addToolBar(Qt::LeftToolBarArea, toolBar2);
  
    QAction* action1 = new QAction("动作1");
    QAction* action2 = new QAction("动作2");
    QAction* action3 = new QAction("动作3");
    QAction* action4 = new QAction("动作4");
  
    toolBar1->addAction(action1);
    toolBar1->addAction(action2);
    toolBar2->addAction(action3);
    toolBar2->addAction(action4);
}

![[Pasted image 20250423134326.png]]

⽅式⼆：使⽤QToolBar类提供的setAllowedAreas()函数设置停靠位置。如下⽰例：

    QToolBar* toolBar1 = new QToolBar();
    QToolBar* toolBar2 = new QToolBar();
  
    this->addToolBar(toolBar1);
    this->addToolBar(Qt::LeftToolBarArea, toolBar2);

	//允许在左右侧停靠
    toolBar2->setAllowedAreas(Qt::LeftToolBarArea | Qt::RightToolBarArea);

在创建⼯具栏的同时指定其停靠的位置，指的是程序运⾏时⼯具栏默认所在的位置；⽽使⽤setAllowedAreas()函数设置停靠位置，指的是⼯具栏允许其所能停靠的位置。

设置浮动属性

⼯具栏的浮动属性可以通过 QToolBar类 提供的setFloatable()函数 来设置。setFloatable()函数原型为：
void setFloatable(bool floatable)
参数：
true：浮动
false：不浮动

    QToolBar* toolBar1 = new QToolBar();
    QToolBar* toolBar2 = new QToolBar();
  
    this->addToolBar(toolBar1);
    this->addToolBar(Qt::LeftToolBarArea, toolBar2);
  
    //只允许停靠在左侧或者右侧
    toolBar2->setAllowedAreas(Qt::LeftToolBarArea | Qt::RightToolBarArea);
    //设置不允许浮动
    toolBar2->setFloatable(false);
设置移动属性

设置⼯具栏的移动属性可以通过QToolBar类提供的setMovable()函数来设置。setMovable()函数原型为：
void setMovable(bool movable)
参数：
true：移动
false：不移动
说明：若设置⼯具栏为不移动状态，则设置其停靠位置的操作就不会⽣效，所以设置⼯具栏的移动属性类似于总开关的效果

    QToolBar* toolBar1 = new QToolBar();
    QToolBar* toolBar2 = new QToolBar();
  
    this->addToolBar(toolBar1);
    this->addToolBar(Qt::LeftToolBarArea, toolBar2);
  
    //只允许停靠在左侧或者右侧
    toolBar2->setAllowedAreas(Qt::LeftToolBarArea | Qt::RightToolBarArea);
    //设置不允许浮动
    toolBar2->setFloatable(false);
    //设置不允许移动
    toolBar2->setMovable(false);

![[Pasted image 20250423135906.png]]

综合⽰例

![[Pasted image 20250423140033.png]]

状态栏

状态栏是应⽤程序中输出简要信息的区域。⼀般位于主窗⼝的最底部，⼀个窗⼝中最多只能有⼀个状态栏。在Qt中，状态栏是通过QStatusBar类来实现的。在状态栏中可以显⽰的消息类型有：

  • 实时消息：如当前程序状态
  • 永久消息：如程序版本号，机构名称
  • 进度消息：如进度条提⽰，百分百提⽰
状态栏的创建

状态栏的创建是通过QMainWindow类提供的statusBar()函数来创建；⽰例如下：

#include "mainwindow.h"
#include "ui_mainwindow.h"
  
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
  
    //存在就获取，不存在就创建
    QStatusBar* statusBar = this->statusBar();
    //如果状态栏没有被创建，这样的设置是必要的
    //如果状态栏已经在窗口中存在，这样设置的意义不大，但也没有副作用，仍然保留
    this->setStatusBar(statusBar);
}
在状态栏中显⽰实时消息

在状态栏中显⽰实时消息是通过showMessage()函数来实现，⽰例如下：

    //显示一个临时的信息
    statusBar->showMessage("这是一个状态消息", 3000);

![[Pasted image 20250423140917.png]]

3秒之后，消息自动消失
通过showMessage可以在状态栏中显示一个文本.
此时这个文本存在的时间可以自定义.
timeout参数是一个单位为ms的时间，如果timeout为0（不填），消息就会持久存在

在状态栏中显⽰永久消息

在状态栏中可以显⽰永久消息，此处的永久消息是通过标签来显⽰的；⽰例如下：
![[Pasted image 20250423141848.png]]

addWidget从左往右添加.
addPermanentWidget从右往左添加.

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QLabel>
  
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
  
    //存在就获取，不存在就创建
    QStatusBar* statusBar = this->statusBar();
    //如果状态栏没有被创建，这样的设置是必要的
    //如果状态栏已经在窗口中存在，这样设置的意义不大，但也没有副作用，仍然保留
    this->setStatusBar(statusBar);
  
    //给状态栏添加子控件
    QLabel* label = new QLabel("这是一个QLabel");
    statusBar->addWidget(label);
}

![[Pasted image 20250423142045.png]]

    //给状态栏添加子控件
    QLabel* label = new QLabel("这是一个QLabel");
    statusBar->addWidget(label);
  
    QLabel* label2 = new QLabel("这是另一个QLabel");
    statusBar->addPermanentWidget(label2);

![[Pasted image 20250423142229.png]]

拉伸系数
    //给状态栏添加子控件
    QLabel* label = new QLabel("这是一个QLabel");
    statusBar->addWidget(label, 1);
  
    QLabel* label2 = new QLabel("这是另一个QLabel");
    statusBar->addWidget(label2, 2);

![[Pasted image 20250423142405.png]]

添加进度条
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QLabel>
#include <QProgressBar>
  
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
  
    //存在就获取，不存在就创建
    QStatusBar* statusBar = this->statusBar();
    //如果状态栏没有被创建，这样的设置是必要的
    //如果状态栏已经在窗口中存在，这样设置的意义不大，但也没有副作用，仍然保留
    this->setStatusBar(statusBar);
  
    //给状态栏添加子控件
    QLabel* label = new QLabel("这是一个QLabel");
    statusBar->addWidget(label);
  
    QProgressBar* progressBar = new QProgressBar();
    progressBar->setRange(0, 100);
    progressBar->setValue(50);
    statusBar->addWidget(progressBar);
}

![[Pasted image 20250423142642.png]]

添加按钮
    QPushButton* button = new QPushButton("按钮");
    statusBar->addPermanentWidget(button);

![[Pasted image 20250423142822.png]]

浮动窗⼝

在Qt中，浮动窗⼝也称之为铆接部件。浮动窗⼝是通过QDockWidget类来实现浮动的功能。浮动窗⼝⼀般是位于核⼼部件的周围，可以有多个。

浮动窗⼝的创建

浮动窗⼝的创建是通过QDockWidget类提供的构造⽅法QDockWidget()函数动态创建的；⽰例如下：

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QDockWidget>
  
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
  
    //给主窗口添加一个子窗口
    QDockWidget* dockWidget = new QDockWidget();
    //使用addDockWidget把浮动窗口加入到子窗口中
    this->addDockWidget(Qt::LeftDockWidgetArea, dockWidget);
}

![[Pasted image 20250423143822.png]]

    //设置窗口标题
    dockWidget->setWindowTitle("这是一个浮动窗口");

![[Pasted image 20250423144031.png]]

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QDockWidget>
#include <QLabel>
#include <QPushButton>
#include <QVBoxLayout>
  
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
  
    //给主窗口添加一个子窗口
    QDockWidget* dockWidget = new QDockWidget();
    //使用addDockWidget把浮动窗口加入到子窗口中
    this->addDockWidget(Qt::LeftDockWidgetArea, dockWidget);
  
    //设置窗口标题
    dockWidget->setWindowTitle("这是一个浮动窗口");
  
    //给浮动窗口内部，添加一些其他控件
    //不能直接给浮动窗口添加子控件，而是要单独创建一个QWidget，把要添加的控件加入到QWidget中
    //然后再把这个QWidget设置到dockWidget中
    QWidget* container = new QWidget();
    dockWidget->setWidget(container);
  
    //创建布局管理器，把布局管理器设置到QWidget中
    QVBoxLayout* layout = new QVBoxLayout;
    container->setLayout(layout);
    //创建其他控件
    QLabel* label = new QLabel("这是一个QLabel");
    QPushButton* button = new QPushButton("这是按钮");
    layout->addWidget(label);
    layout->addWidget(button);
}

![[Pasted image 20250423144803.png]]

    //设置浮动窗口允许停靠位置
    dockWidget->setAllowedAreas(Qt::LeftDockWidgetArea | Qt::TopDockWidgetArea);
【Qt】Qt窗口 | QStatusBar 状态栏
m0_72563041的博客
08-16 2737
【Qt】状态栏
【Qt】工具栏
dab112的博客
09-01 1604
工具栏是应用程序中集成各种功能实现快捷键使用的一个区域。
Qt学习之路(14): 状态栏
weixin_34358365的博客
10-10 371
有段时间没有写过博客了。假期去上海旅游，所以一直没有能够上网。现在又来到这里，开始新的篇章吧！ 今天的内容主要还是继续完善前面的那个程序。我们要为我们的程序加上一个状态栏。 状态栏位于主窗口的最下方，提供一个显示工具提示等信息的地方。一般地，当窗口不是最大化的时候，状态栏的右下角会有一个可以调节大小的控制点；当窗口最大化的时候，这个控制点会自动消失。Qt提供了...
【Qt窗口】—— 工具栏
m0_56069910的博客
08-25 1450
【Qt窗口】—— 工具栏详解
【Qt 学习笔记】Qt窗口 | 工具栏 | QToolBar的使用及说明
小黄鸭的博客
05-22 4453
工具栏是一种位于软件或应用程序界面上方的水平栏，通常包含一系列常用工具和命令按钮，用于快速访问和执行常用功能。工具栏通常通过图标、文本或图标加文本的形式展示工具和命令，用户可以通过单击这些按钮来执行相应的操作，从而提高工作效率。工具栏可以根据用户的需求进行自定义，或者根据软件的功能进行预设，以满足不同用户的操作习惯和工作需求。常见的工具栏包括格式工具栏、编辑工具栏、插入工具栏、绘图工具栏等。QToolBar是Qt框架中的一个控件，用于在工具栏中显示一组操作按钮和其他控件。
【Qt】Qt窗口 | QToolBar 工具栏
m0_72563041的博客
08-16 2523
【Qt】工具栏
【Qt】Qt框架下的用户界面构建：工具栏与状态栏详解
Colorful___的博客
05-24 1329
在现代软件开发中，用户界面的设计对于提升用户体验至关重要。Qt框架作为跨平台的应用程序开发工具，提供了一套丰富的控件和功能，使得开发者能够快速构建功能强大且用户友好的界面。本文将详细介绍Qt中工具栏和状态栏的创建与使用，帮助开发者更好地理解和利用这些界面元素，以构建更加专业和高效的应用程序。本文详细介绍了Qt框架中工具栏和状态栏的创建、配置以及使用。
qt 子窗口写到线程就卡死_学习笔记 --- QT
weixin_39590453的博客
11-20 1085
0.前序别问，问就是选修...那毕竟3dMax动画那边结课了，我怎么就不能再发一篇笔记（极其嚣张）QT其实会去好好学的，虽然最近为了选修结课又得恶补一波不过以后给策划造编辑器是要用的，这篇笔记以后系统去学习QT的时候会进行再更新（但应该是年后的事情了）本篇笔记主要是记录QT库中的一些方法和特性的使用针对具有C/C++面向对象基础以及一定开发经验的人(主要是我自己^_^)进行查阅重在了解工具的使用，...
Mix|使用VS2017CMake构建Qt工程 仿照MVS（仅用于学习）
奇树谦的博客
08-23 686
MVS下载链接：https://www.hikrobotics.com/cn/machinevision/service/download/?module=0。
Qt 窗口
m0_64028711的博客
05-31 919
想要自定义对话框有两种方式：纯代码和图形化界面。纯代码方式必须先创建一个 Dialog 类，该类继承自 QDialog。首先先新建一个类，该类继承自 QDialog。然后在新建的类的构造函数中添加控件，这里的布局管理器不是必要的，只是为了美观。然后在 MainWindow 中给按钮添加槽函数，即点击按钮后显示一个对话框。可以看到，对话框中确实新增了按钮和 label。图形化界面方式定义对话框首先需要新建一个 ui 文件。由于本次是创建一个 Dialog，因此就选择这三个中的任意一个。
Qt界面如何添加工具栏图标
03-12
图标是Qt资源的一种；qrc文件内部包含了图标的相对路径；rcc是Qt的资源编译器，它以qrc文件为编译对象，编译产生开发过程中能够直接使用的目标对象。
Qt 5.14.2 学习记录 —— 십칠 窗口和菜单
最新发布
kongqizyd146的博客
01-21 925
菜单栏，工具栏，状态栏，浮动窗口
Qt-自定义工具栏
qq_41722795的博客
04-13 4595
添加工具栏 在界面空白处添加工具栏
Qt---状态栏、工具栏、浮动窗口
CHJBL的博客
04-16 1313
Qt---状态栏、工具栏、浮动窗口
Qt添加工具栏（带图标）
wsq119的博客
09-04 8322
Qt添加工具栏（带图标） 一、准备图片   首先找到自己喜欢的图片存放到对应工程的目录下面，这是为了后面添加图标做准备。 二、创建动作 进入工程的UI设计界面； 点击如下的文件夹按钮新建动作； 填写信息 添加图标 1）文本，即动作显示的名称。比如“新建”、“保存”等； 2）对象名称，即动作对象本身的名称，以便用来引用该对象； 3）ToolTip，即工具提示词； 4）图标，即自己想要添加的图片，操作如下图： 5）快捷键，在Shortcut后面的空白框中单击一下，然后同时按下Ctrl和C键
QT:工具栏
qq_43279295的博客
09-16 2653
QT:工具栏
QT creator 设计创建工具栏
TJU355的专栏
06-11 9821
一、必要条件，创建工具栏之前需要创建好菜单栏，因为工具栏是菜单栏里面部分功能的快捷按钮 二、此时在界面编辑窗口的最下方有一个ACTION EDITOR 窗口，里面显示了所有的菜单内容 三、双击编辑相应的栏目，添加ICON图标，然后将其拖入到工具栏中 4、这样就完工了，其实还是很简答的。不过还需要加上信号与槽的设置
【Qt窗口】—— 状态栏
m0_56069910的博客
08-28 832
qt'状态栏详解
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值