Qt-常用的显示类控件

embedded/2024/11/23 19:56:10/

QLabel

QLabel有如下核心属性:

关于文本格式的验证:

其中<b>xxx<b>,就是加粗的意思。

效果:

或者再把它改为markdown形式的:

在markd中,#就是表示一级标题,我们在加上##后,演示效果:
 

显示图片

先找到一张图片,然后将label设置的和窗口一样大,然后再将图片设置到label中

 演示效果:

但是由于图片本身的大小不一定跟窗口一样大,因此我们可以进行一个缩放:

使用

ui->label->setScaledContents(true); // 设置内容缩放

虽然有点惊悚。

但是我们拖动窗口的边框,使其进行缩放:

我们发现多出来的部分,我们的图片并不会进行补齐,也就是不会随着窗口大小的改变而同步的发生改变。

这里就简单说下Qt的事件:

Qt中,表示用户的操作有两类概念,一个是信号,另一个是事件。

当用户拖拽窗口修改窗口大小时,就会触发resize事件(resizeevent)

像resize这样的事件,它是连续变化的。

为了让我们的图片能够跟着窗口的大小的改变而同步变化,我们可以在Widget中重写它的父类QWidget中的resizeevent虚函数。

当我们鼠标拖动窗口改变大小时,这个虚函数就会被反复调用执行。

 

其中,这里有一个形参,可以通过它获取到当前窗口的大小,非常有用。

注意:

此处的 resizeEvent 函数我们没有⼿动调⽤, 但是能在窗⼝⼤⼩变化时被⾃动调⽤.
这个过程就是依赖 C++ 中的多态来实现的. Qt 框架内部管理着 QWidget 对象表⽰咱们的窗
⼝. 在窗⼝⼤⼩发⽣改变时, Qt 就会⾃动调⽤ resizeEvent 函数.
但是由于实际上这个表⽰窗⼝的并⾮是 QWidget, ⽽是 QWidget 的⼦类, 也就是咱们⾃⼰写
的 Widget. 此时虽然是通过⽗类调⽤函数, 但是实际上执⾏的是⼦类的函数(也就是我们重写
后的 resizeEvent ).
此处属于是 多态 机制的⼀种经典⽤法. 通过上述过程, 就可以把⾃定义的代码, 插⼊到框架内
部执⾏. 相当于 "注册回调函数"

⽂本对⻬, ⾃动换⾏, 缩进, 边距 

QLabel的父类,QFrame,它有一个属性 frameShape,它可以设置边框:
比如这里的Box:

 接下来,我们对这四个QLabel分别设置对齐,自动换行,缩进,边距。

文本对齐:

自动换行:
 演示:

 缩进:

边距:

设置伙伴

1) 创建两个 label 和 两个 radioButton

Qt的中QLabel中的文本是可以指定快捷键的,但是它这里的快捷键规则比QPushButton弱很多。

它是在文本中 & + 一个字符 来表示快捷键

比如 &A  就表示需要键盘上的:alt + A

&B 则:alt + B。

在绑定了伙伴关系后,就可以通过快捷键来选中对应的单选/复选按钮。

 设置伙伴关系:

演示:

QLCDNumber 

一些核心属性:

 

设计一个10秒倒计时 

实现这个功能的关键:我们得先有一个能周期性触发的定时器。

在Qt中,有一个QTimer类,它的对象我们可以设定一个触发timeout信号的周期时间。

在C++标准库中,没有提供定时器的功能,在boost库中提供了。

代码:

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);ui->lcdNumber->display(10);timer = new QTimer(this);// 不要在构造函数中就开始,因为此时的Widget还在构造connect(timer,&QTimer::timeout,this,&Widget::handler); // 进行槽函数的连接
}Widget::~Widget()
{delete ui;
}void Widget::handler()
{int val = ui->lcdNumber->intValue();--val;ui->lcdNumber->display(val);if(val <= 0){// 倒计时就结束了timer->stop();}
}void Widget::on_pushButton_clicked()
{ui->lcdNumber->display(10);timer->start(1000); // 每隔1000ms触发一次
}

效果:

 

 注意:

我们也可以通过一个循环 + sleep的方式达到倒计时的效果,但是不能把实现放在构造函数中,因为此时Widget还没构造出来。

在Qt中,维护界面的更新是专门由一个线程去进行的(就是我们的main函数所在的主线程)

对于GUI来说,内部包含了很多的隐藏状态,Qt为了保证修改界面的过程中,不会触发线程安全问题,Qt禁止了其它线程修改界面。

这样的约定主要是因为 GUI 中的状态往往是牵⼀发动全⾝的, 修改⼀个地⽅, 就需要同步的对
其他内容进⾏调整.
⽐如调整了某个元素的尺⼨, 就可能影响到内部的⽂字位置, 或者其他元素的位置. 这⾥⼀连串
的修改, 都是需要按照⼀定的顺序来完成的.
由于多线程执⾏的顺序⽆法保障, 因此 Qt 从根本上禁⽌了其他线程修改 GUI 状态, 避免后续的
⼀系列问题

 

就算是用QTimer这样也还是不要在构造函数中就开始比较好,因为如果构造函数比较大时,我们同样不好把控。

 

综上,使用定时器是最合理的方案。

QProgressBar 

 我们可以使用QProgressBar 来表示一个进度条。

它的一些核心属性:

 

 这里的思路跟刚刚的倒计时差不多。

不过这里再扩展一个细节:
关于QTimer这个类,我们在widget.h这个头文件中,我们是没有包含 QTimer这个头文件的。

但是我们依旧可以把它声明出来

而我们一旦要使用这个类,比如实例化对象,调用方法,就必须要包含头文件了:
 

这是因为C/C++程序的编译速度横向对比Java Python这样的语言是很慢的,原因就是C++的include

只要尽量减少include头文件的个数,就能有效减少编译时间。因此在Qt中,每次创建时,都会在widget.h中默认给我们包含了一个头文件,这个头文件中就前置声明了Qt中的所有内置类,这样就能减少头文件包含。

 

修改进度条的颜色 

修改颜色,同样可以使用QWidget 的 styleSheet 属性

在右侧编辑栏下:

 

将其修改为:

QProgressBar::chunk {background-color: #FF0000;}

 

 修改完后:

不过我们发现了一个问题,那就是我们的数字在修改完后就跑到左上角去了。

 因此需要QProcessBar alignment 属性设置为垂直⽔平居中

 

现在就好了:
 

QCalendarWidget 

 QCalendarWidget 可以表示一个日历

核心属性:
 

还有一些重要的信号:

 

 

 


http://www.ppmy.cn/embedded/139926.html

相关文章

《DAMA 数据管理知识体系指南》读书笔记 - 第 2 章 数据处理伦理

文章目录 1. 章节概述2. 核心概念与定义3. 重要方法与实践步骤4. 理论与实际结合5. 重点6. 理解与记忆要点7. 复习思考题标题图——书籍图片 WPS AI生成的XMind链接&#xff08;不用要源文件&#xff0c;下载不了&#xff09;&#xff1a; 【金山文档 | WPS云文档】 第2章 数据…

CMake + mingw + opencv

由于是在windows下开发&#xff0c;因此下载的是windows版本的安装程序&#xff0c;如图&#xff1a; 下载的是 MSVC 编译的 OpenCV&#xff0c;但由于我一般使用的是JetBrains的开发工具&#xff0c;并且为了方便跨平台&#xff0c;我一般也是使用cmakemingw编译&#xff0c;这…

Django如何配置多个环境的MySQL数据库

在 Django 项目中配置多个环境的 MySQL 数据库是一个常见的需求&#xff0c;特别是在开发、测试和生产环境中使用不同的数据库配置。你可以通过在 settings.py 文件中使用条件语句或环境变量来实现这一点。 1. 使用环境变量 使用环境变量是一种灵活且安全的方式来配置多个环境…

数据结构(一)链表

目录 链表 单向链表 单向链表结构与基本操作 插入节点 删除节点 搜索节点 遍历链表 反转链表 双向链表 双向链表结构与基本操作 节点定义和创建 插入节点 删除节点 搜索节点 遍历链表 转链表反 在开始讲线性表之前&#xff0c;先给各位读者重新回顾一下链表 链…

算法学习笔记(九):网格图DFS、图论算法DFS、动态规划DP、贪心

一.网格图DFS 适用于需要计算连通块个数、大小的题目 1.岛屿数量 给你一个由 1(陆地) 和 0&#xff08;水&#xff09;组成的二维网格&#xff0c;请你计算网格中岛屿的数量 岛屿总是被水包围&#xff0c;并且每座岛屿只能由水平方向和\或竖直方向上相邻的陆地连接形成 此外&…

Day10_CSS过度动画

Day10_CSS过度动画 背景 : PC和APP项目我们已经开发完毕, 但是再真正开发的时候有些有些简易的动态效果我们可以使用CSS完成 ; 本节课我们来使用CSS完成基础的动画效果 今日学习目标 CSS3过度CSS3平面动态效果CSS3动画效果案例 1. CSS3过渡 ​ 含义 :过渡指的是元素从一种…

中断的详细流程

一、中断请求 中断请求是中断过程的起始阶段&#xff0c;由需要CPU服务的外设&#xff08;中断源&#xff09;向CPU发出请求信号。这个信号可以是电平信号或边沿信号&#xff0c;具体取决于中断系统的设计和中断源的类型。 二、中断判优 当系统中存在多个中断源时&#xff0…

QT 线程 QThread QT5.12.3环境 C++实现

一、线程 QT主线程称为GUI线程&#xff0c;负责初始化界面并监听事件循环&#xff0c;并根据事件处理做出界面上的反馈。如果把一些比较复杂或者费时的操作放在主线程中&#xff0c;界面就会出现卡顿或者无响应的现象。一般主线程负责影响界面上的操作&#xff0c; 子线程负责负…