Qt学习之Qt基础入门(中)

已于 2022-01-25 15:13:56 修改
阅读量5.3k 收藏 75
点赞数 14
分类专栏： Qt 文章标签： qt
于 2021-10-08 22:28:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RongLin02/article/details/120661304
版权

1. 前言

上一篇博客，总结了Qt的一些基础用法，这篇博客继续跟视频学习Qt的常用方法

Qt入门系列：
Qt学习之C++基础
Qt学习之Qt安装
Qt学习之Qt基础入门(上)
Qt学习之Qt基础入门(中)
Qt学习之Qt基础入门(下)

本文原创，创作不易，转载请注明！！！
本文链接
个人博客: https://ronglin.fun/archives/220
PDF链接：见博客网站
CSDN: https://blog.csdn.net/RongLin02/article/details/120661304**

2. QMainWindow

QMainWindow作为一个主窗口，有很多方便的控件可以用

2.1. 菜单栏

菜单栏最多只有一个

QMenuBar * bar = MenuBar();
this->setMenuBar( bar )
QMenu * fileMenu = bar -> addMenu(“文件”)   创建菜单
QAction * newAction =  fileMenu ->addAction(“新建”); 创建菜单项
//添加分割线
fileMenu->addSeparator();

2.2. 工具栏

可以有多个

QToolBar * toolbar = new QToolBar(this);
addToolBar( 默认停靠区域， toolbar ); //例如:Qt::LeftToolBarArea

可以设置后期停靠区域，设置浮动，设置移动，添加菜单项 或者添加 小控件等等

2.3. 状态栏

最多一个

QStatusBar * stBar = statusBar();
setStatusBar(stBar);    //设置到窗口中
stBar->addWidget(label);    //放左侧信息
stBar->addPermanentWidget(label2);     //放右侧信息

2.4. 铆接部件

浮动窗口 可以多个
QDockWidget
addDockWidget( 默认停靠区域，浮动窗口指针)
设置后期停靠区域

2.5. 设置核心部件

只能一个

this->setCentralWidget(edit);

以上这些在ui中均已经创建完毕，如果想要灵活使用，可以查询API

3. 资源文件

首先要将图片文件拷贝到项目位置下，我这里在项目根目录创建一个image文件夹，里边放入了一张图片
在这里插入图片描述
然后在开发工具中，右键项目->添加新文件 –> Qt - >Qt recourse File
在这里插入图片描述

然后起名字，叫res，然后路径也选择项目根目录
在这里插入图片描述
然后它会生成一个res.qrc的资源文件
然后对着res.qrc右键 -> open in editor -> 编辑资源
在右侧，添加前缀 我这里前缀起名/
前缀添加完毕后，再点击 添加文件，然后选择要添加的图片等资源文件，可以多选，然后再 右键项目 -> 重新构建
之后如果工程中出现图片，则说明导入完成
在这里插入图片描述
资源文件导入完毕，使用的时候可以这样使用“ : + 前缀名 + 文件名 ” 例如

this->setWindowIcon(QIcon(":/image/test.png"));

这样就能在项目中使用导入的资源了，例如这个方法就是设置程序的图标

4. 对话框

对话框是一个特别常见的界面，比如当用户退出程序的时候，会弹出来一个对话框询问是否要退出等等，下面介绍常用的对话框。

4.1. 分类

常见对话框一共用两种分类，一个是模态对话框，一个是非模态对话框，模态对话框弹出时，只能对本对话框操作，不能对其他窗口操作，而模态对话框可以对其他窗口操作

4.1.1. 模态对话框

不可以对其他窗口进行操作，其他窗口为阻塞状态
代码见下注释区，效果如图
在这里插入图片描述

.1.2. 非模态对话框
可以对其他窗口进行操作
代码见下，效果如图
在这里插入图片描述

4.1.2. 实例代码

注意非模态对话框，为了防止一闪而过，要创建到堆区
同时如果实现上图的效果，要在ui中拖动一个pushButton到主界面中
然后用connect函数实现这个按钮的功能，用Lambda表达式快速实现

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QDebug>
#include <QDialog>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    connect(ui->pushButton,&QPushButton::clicked,[=](){
//        QDialog dlg(this);
//        dlg.setWindowTitle("模态对话框");
//        dlg.resize(300,100);
//        dlg.show();

        QDialog* dlg = new QDialog(this);
        dlg->setWindowTitle("非模态对话框");
        dlg->resize(300,100);
        dlg->show();
    });
}
MainWindow::~MainWindow()
{
    delete ui;
}

4.2. 标准对话框

4.2.1. 总述

所谓标准对话框，是 Qt 内置的一系列对话框，用于简化开发。事实上，有很多对话框都是通用的，比如打开文件、设置颜色、打印设置等。这些对话框在所有程序中几乎相同，因此没有必要在每一个程序中都自己实现这么一个对话框。
Qt 的内置对话框大致分为以下几类：

QColorDialog：		选择颜色；
QFileDialog：			选择文件或者目录；
QFontDialog：			选择字体；
QInputDialog：		允许用户输入一个值，并将其值返回；
QMessageBox：			模态对话框，用于显示信息、询问问题等；
QPageSetupDialog：	为打印机提供纸张相关的选项；
QPrintDialog：		打印机配置；
QPrintPreviewDialog：打印预览；
QProgressDialog：		显示操作过程。

4.2.2. 消息对话框

模态对话框，消息对话框的创建，要用QMessageBox的静态成员函数，在API中可以看到，一共有4种消息对话框，这四种对话框的返回值是StandardButton类型，可以利用返回值判断用户点击了哪个按钮
在这里插入图片描述

4.2.2.1. 错误对话框

效果如左上

//函数
StandardButton critical(QWidget *parent, const QString &title, const QString &text, StandardButtons buttons = Ok, StandardButton defaultButton = NoButton)

//用法
QMessageBox::critical(this,"错误对话框","这是一个critical对话框");
4.2.2.2. 信息对话框

效果如右上

//函数
StandardButton information(QWidget *parent, const QString &title, const QString &text, StandardButtons buttons = Ok, StandardButton defaultButton = NoButton)

//用法
QMessageBox::information(this,"信息对话框","这是一个information对话框")

可以看到，在构造函数中，还有两个参数，一个是StandardButtons，就是信息对话框里边ok的那个，还有参数一个是defaultButton，是默认光标所在的按钮。

4.2.2.3. 提问对话框

效果如左下

StandardButton question(QWidget *parent, const QString &title, const QString &text, StandardButtons buttons = StandardButtons( Yes | No ), StandardButton defaultButton = NoButton)

//用法
QMessageBox::question(this,"提问对话框","这是一个question对话框");

第四个参数有些特别，用到了 | 符号，实际可以这样用QMessageBox::Save|QMessageBox::Close表示同时显示两个按钮，一个是保存，一个是关闭，这两个在QMessageBox中都有定义

4.2.2.4. 警告对话框

效果如右下

StandardButton warning(QWidget *parent, const QString &title, const QString &text, StandardButtons buttons = Ok, StandardButton defaultButton = NoButton)

//用法
QMessageBox::warning(this,"警告对话框","这是一个warning对话框");

5. 界面布局

界面布局主要就是在ui设置，尤其是在可视化界面中拖动图标设置。
利用布局方式 给窗口进行美化

5.1. 布局方法

比如，我们在界面中，选中两个按钮，（摁住Ctrl键，再点击另一个控件可实现多选），然后点击上方的垂直布局，然后就发现两个按钮上下排列，并且1：1对齐了
在这里插入图片描述
一共有多种对齐方式：水平布局、垂直布局、栅格布局
如果设置的布局不喜欢，可以右键->打破布局
如果默认窗口和控件之间 有间隙，可以调整在右下角的layoutLeftMargin属性
同时也可以利用弹簧进行布局，在Spacers，下有垂直弹簧和水平弹簧，可以自动填充

5.2. 按比例布局

有的时候，一个布局中存在多个控件，我们希望组件按照一定的比例排布而不是默认，这样的话，我们在布局 完成后，在右侧点击QVBoxLayout类，然后在右侧下方，有一个layoutStretch属性，里边有几个值，如果这个布局中有3个控件就有3个值，如果是有四个控件就有4个值，按照下图为例，我有三个控件，一个是QFrame一个QListView，一个是pushButton，我想让他们按照3：5：1的比例排布，就设置3,5,1，效果如图。
在这里插入图片描述
这个功能特别好用，尤其是在界面可变大小的程序中，当用户拉伸界面的时候，我们希望我们的程序内部的控件仍然按照比例缩放，这时候就可用这个方法设置了。

6. 控件

控件有太多了，在ui界面中已经显示了很多，如果不太清楚它的用法，去查询API也能大概搞懂，这里只是大概过一下。

6.1. 按钮组

QPushButton是一个常用按钮
QToolButton是一个工具按钮 用于显示图片，如图想显示文字，修改风格：toolButtonStyle ， 凸起风格autoRaise
radioButton是一个单选按钮，设置默认ui->radioButton->setChecked(true);
checkbox多选按钮，监听状态，2 选中 1 半选 0 未选中

关于后两个按钮多说一嘴，因为选项都是一组的，尤其是在radioButton中，我们希望一组选项中只有一个选中，那么就可以把备选选项都拖入一个GroupBox中，然后这样就会默认一个GroupBox中是同一组，同一组中的选项就只能选择一个了。如下图：
在这里插入图片描述

6.2. QListWidget 列表容器

QListWidgetItem * item     //显示一行内容
ui->listWidget ->addItem ( item )
item->setTextAlignment(Qt::AlignHCenter);    //设置居中方式

可以利用addItems一次性添加整个诗内容，用法如下

//利用listWidget写诗
//    QListWidgetItem * item = new QListWidgetItem("锄禾日当午");
//    //将一行诗放入到listWidget控件中
//    ui->listWidget->addItem(item);
//    item->setTextAlignment(Qt::AlignHCenter);

    //QStringList   QList<QString>
    QStringList list ;
    list << "锄禾日当午" << "旱地和下土" << "谁知盘中餐"<< "粒粒皆辛苦";
    ui->listWidget->addItems(list);

6.3. QTreeWidget 树控件

要先设置头，然后创建一个根节点，添加根节点 到 树控件上，之后再往根节点上添加子节点

用法如下：

//treeWidget树控件使用

    //设置水平头
    ui->treeWidget->setHeaderLabels(QStringList()<< "英雄"<< "英雄介绍");

    QTreeWidgetItem * liItem = new QTreeWidgetItem(QStringList()<< "力量");
    QTreeWidgetItem * minItem = new QTreeWidgetItem(QStringList()<< "敏捷");
    QTreeWidgetItem * zhiItem = new QTreeWidgetItem(QStringList()<< "智力");
    //加载顶层的节点
    ui->treeWidget->addTopLevelItem(liItem);
    ui->treeWidget->addTopLevelItem(minItem);
    ui->treeWidget->addTopLevelItem(zhiItem);

    //追加子节点
    QStringList heroL1;
    heroL1 << "刚被猪" << "前排坦克，能在吸收伤害的同时造成可观的范围输出";
    QTreeWidgetItem * l1 = new QTreeWidgetItem(heroL1);
    liItem->addChild(l1);

6.4. QTableWidget 表格控件

要设置列数，设置水平表头，设置行数，同时设置正文

//TableWidget控件
    //设置列数
    ui->tableWidget->setColumnCount(3);

    //设置水平表头
    ui->tableWidget->setHorizontalHeaderLabels(QStringList()<<"姓名"<< "性别"<< "年龄");

    //设置行数
    ui->tableWidget->setRowCount(5);

    //设置正文
    //ui->tableWidget->setItem(0,0, new QTableWidgetItem("亚瑟"));
    QStringList nameList;
    nameList<< "亚瑟"<< "赵云"<< "张飞"<< "关羽" << "花木兰";

    QList<QString> sexList;
    sexList << "男"<< "男"<< "男"<< "男"<< "女";

    for(int i = 0 ; i < 5 ;i ++)
    {
        int col = 0;
        ui->tableWidget->setItem(i,col++, new QTableWidgetItem(nameList[i]));
        ui->tableWidget->setItem(i,col++, new QTableWidgetItem(sexList.at(i)));
        //int 转 QString
        ui->tableWidget->setItem(i,col++, new QTableWidgetItem( QString::number(i+18)));
    }

6.5. 其他控件介绍

stackedWidget 栈控件

ui->stackedWidget->setCurrentIndex(1);

下拉框

ui->comboBox->addItem("奔驰");

QLabel 显示图片

ui->lbl_Image->setPixmap(QPixmap(":/Image/butterfly.png"))

QLabel显示动图 gif图片

ui->lbl_movie->setMovie(movie);
movie->start();

以上控件用法见下：

    //栈控件使用
    //设置默认定位 scrollArea
    ui->stackedWidget->setCurrentIndex(1);

    //scrollArea按钮
    connect(ui->btn_scrollArea,&QPushButton::clicked,[=](){
        ui->stackedWidget->setCurrentIndex(1);
    });

    //toolBox按钮
    connect(ui->btn_ToolBox,&QPushButton::clicked,[=](){
        ui->stackedWidget->setCurrentIndex(2);
    });

    //TabWidget按钮
    connect(ui->btn_TabWidget,&QPushButton::clicked,[=](){
        ui->stackedWidget->setCurrentIndex(0);
    });

    //下拉框
    ui->comboBox->addItem("奔驰");
    ui->comboBox->addItem("宝马");
    ui->comboBox->addItem("拖拉机");

    //点击按钮 选中拖拉机选项
    connect(ui->btn_select,&QPushButton::clicked,[=](){
        //ui->comboBox->setCurrentIndex(2);
        ui->comboBox->setCurrentText("拖拉机");
    });

    //利用QLabel显示图片
    ui->lbl_Image->setPixmap(QPixmap(":/Image/butterfly.png"));

    //利用QLabel显示 gif动态图片
    QMovie * movie = new QMovie(":/Image/mario.gif");
    ui->lbl_movie->setMovie(movie);
    //播放动图
    movie->start();

7. 总结

这篇博客主要总结ui界面的设计，其实在API中都有教程，这里只是过一下。
未完待续，=w=

榕林子
关注
  • 14
    点赞
  • 踩
  • 75
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
《Qt学习之路2》源码
12-11
**Qt入门** 首先，对于初学者来说，理解Qt的基本概念是至关重要的。Qt库提供了许多类和对象，如QWidget、QMainWindow和QGraphicsView等，它们是构建用户界面的基础。学习如何创建窗口、添加控件（如按钮、文本框等）...
Qt之C++开发框架基础入门-Markdown文档.zip
最新发布
05-21
Qt之C++开发框架基础入门：探索编程的新世界 亲爱的编程爱好者，你是否渴望在C++的海洋中乘风破浪，却又苦于找不到合适的航标？今天，我们为你带来了一份独特的宝藏——Qt之C++开发框架基础入门Markdown文档。 这...
一、Qt简介
weixin_43624626的博客
10-21 9049
另一方面，由于Qt良好的特性，因此在嵌入式行业也应用广泛，包括消费类电子、工业控制、军工电子、电信/网络/通讯、航空航天、汽车电子、医疗设备、仪器仪表等相关行业。.user文件在提交项目时删除，因为每个计算机都是自己生成的此文件，且互不通用。删除.user文件后导入项目只需要双击.pro文件即可。工作目录主要存放的是源代码文件，构建目录存放的是项目编译生成的文件，如果在排查了各种情况外，项目仍然无法正常编译运行则可尝试取消。● 把光标停留到要查询的内容上，双击键盘F1。，此时构建目录会直接整合工作目录中。
QT5基础教程（介绍，下载，安装，第一个QT程序）
qq_41854911的博客
12-20 2万+
文章目录Qt是什么？Qt简介（非常全面）Qt 可以做什么？Qt 和智能手机Qt 的辛酸史Qt 和 KDEGPL 和 LGPLQt和其它GUI库的对比Windows 下的 GUI 库Qt 和 MFCLinux 下的 GUI 库学习QML还是C++？本教程只讲解 C++ 部件编程Qt下载（多种下载通道+所有版本）Qt 官方下载（非常慢）Qt 国内镜像站下载（较快）国内镜像网站迅雷下载（很快）扩展阅读图解Qt安装（Windows平台）1) 注册和登录2) 安装路径和关联文件3) 选择安装组件解密Qt安装目录的结构
最全Qt入门教程100篇（已完结）_qt教程(1)，C C++上机面试题
2401_84978559的博客
05-16 903
一个框架。一套代码库。任意平台部署。Qt是用户所钟爱软件的最快捷、最聪明的方法。多平台支持多设备支持超强性能多产品案例。
Qt入门基础
zhengyawen666的博客
03-02 2245
#对象树#Widget常用API#Qt入门
《Qt基础教程之Qt学习之路》
热门推荐
GodLei1995
03-02 10万+
在Qt开源社区中，有一个很好的Qt教程，叫做《Qt 学习之路》，下面是它的链接和目录。 链接地址：http://www.qter.org/thread-629-1-1.html 目录 第1篇 序 第2篇 Qt简介 第3篇Hello, world! 第4篇 信号槽 第5篇 自定义信号槽 第6篇 Qt模块简介 第7篇MainWindow 简介 第8篇 添加动作 第9篇 资源...
QT入门基础(一)
~
03-11 1522
Qt是一个跨平台的C++图形用户界面应用程序框架它为应用程序开发者提供建立图形界面所需的所有功能它是完全面向对象的，很容易扩展，并且允许真正的组件编程。
QT入门之qt软件安装指南
08-02
QT入门之Qt软件安装指南，对于初学者而言，掌握正确的安装步骤是至关重要的。Qt是一款强大的跨平台应用程序开发框架，广泛应用于桌面、移动和嵌入式系统。在本指南中，我们将详细介绍如何在Windows 10操作系统上安装...
QT学习-知识整理（入门篇）
05-16
在"study"这个压缩包中，可能包含了一些学习资料，如教程、代码示例、笔记等，这些都是你开始QT学习之旅的宝贵资源。通过阅读和实践，你将能够逐步掌握QT开发的技能。记住，学习编程尤其是QT这样的框架，理论与实践...
QT 学习资料 入门级
11-14
QT 学习资料 入门级，免费赠送了，喜欢QT的可以一起交流！
Qt 快速入门学习笔记
WJ的博客
05-04 3615
1、windows安装msvc编译器模块需要安装Windows软件开发工具包。MinGW是Windows平台使用GNU工具导入库的集合。2、Linux环境安装双击.run文件即可安装常用的开发依赖3、visual studio中创建Qt项目以及配置1、工具安装a、工具->扩展和更新->联机右上角搜索qt,下载安装Qt Visual Studio Toolsb、配置Qt编译器版本：1、点击Qt VS Tools选项 -> Qt Versions, 再弹出的框中添加对应的编译器版本。
QT学习笔记（一）——QT基础
weixin_49513223的博客
07-22 4542
qt学习笔记（一）
qt入门第一天
qq_38427695的博客
10-26 622
qt入门 从今天开始每天更新C++ GUI QT4 学习进度，今天完成了第一章的学习，下面为学习笔记 label #include <QApplication> #include <QLocale> int main(){ //创建一个类QApplication，用来管理整个应用程序 QApplication a(argc, argv); //创建一个lable对象（窗口部件） QLabel *lable = new QLabel("<h2&g
[Qt 教程之开始的开始] —— Qt Creator简单介绍
淋曦的进击手记
07-24 2961
Qt Creator
初识QT（零）——Qt简介
图像学习之旅
08-12 1590
Qt（官方发音 [kju:t]，音同 cute）是一个跨平台的 C++ 开发库，主要用来开发图形用户界面（Graphical User Interface，GUI）程序，当然也可以开发不带界面的命令行（Command User Interface，CUI）程序。 Qt 是纯 C++ 开发的，所以学好 C++ 非常有必要，对于不了解 C++ 的读者，我建议先阅读《C语言教程》，再阅读《C++教程》...
QT的基本知识
zys15195875600的博客
08-16 1万+
QT是一个跨平台应用程序和UI开发框架。具体的安装以及源文件的下载这里不详细介绍。 要在QT界面上添加一个按钮，可以有两种方法：一个是直接拖放一个按钮即可；另一种则是通过程序来添加一种按钮。 QT提供的信号和槽机制，可以让任意两个对象之间进行消息处理，其作用就是让一个对象产生的信号能够被另一个对象接受并处理。QT基本所有的对象都集成在QObject对象中，在这个对象中有一个静态函数connect...
QT按钮部件总结
AS13458855079的博客
07-28 1129
QPushButton：下压按钮，继承 QAbstractButton 类，被 QCommandLinkButton 继承。常用于执行命令或触发事件 QToolButton：工具按钮，继承 QAbstractButton 类，是一种用于命令或者选项的可快速访问的按钮 QRadioButton：选择按钮，继承 QAbstractButton 类，通常成组出现，用于提供两个或多个互斥选项 QCheckBox：检查框，继承 QAbstractButton 类，与 RadioButton 的区别是选择模式，单选按钮
关于standard button和html button之disabled属性的比较
weixin_30627381的博客
07-29 164
一、测试代码： 1、aspx： <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w...
QT学习之路(入门指导)
11-01
QT入门可以值得一看,便于初学者了解（作者也是初学）

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值