Qt常用控件——QLabel

news2024/11/24 15:02:20

文章目录

    • QLabel核心属性
    • 文本格式演示
    • 显示图片
    • 文本对齐
    • 自动换行、边距、缩进
    • 设置伙伴

QLabel核心属性

QLabel是显示类控件,可以用来显示文本和图片

属性说明
textQLabel中的文本
textFormat文本格式
Qt::PlainText纯文本
Qt::RichText富文本(支持html标签)
Qt::MarkdownTextmarkdown格式
Qt::AutoText根据文本内容自动决定文本格式
pixmapQLabel内部包含的图片
scaledContents设为 true 表示内容⾃动拉伸填充QLabel
设为 false 则不会⾃动拉伸
alignment对齐方式
可以设置水平和垂直方向如何对齐
wordWrap设为 true 内部的文本会自动换行
设为 false 则内部文本不会自动换行.
indent设置文本缩进;水平和垂直方向都生效.
margin内部文本和边框之间的边距
不同于于 indent, 但是是上下左右四个⽅向都同时有效
而 indent 最多只是两个方向有效(具体哪两个方向有效取决于 alignment )
openExternalLinks是否允许打开⼀个外部的链接
(当 QLabel ⽂本内容包含 url 的时候涉及到)
buddy给 QLabel 关联⼀个 “伙伴” , 这样点击 QLabel 时就能激活对应的伙伴
例如伙伴如果是⼀个 QCheckBox, 那么该 QCheckBox 就会被选中.

文本格式演示

图形化界面设置了3个Label控件

#include "widget.h"
#include "ui_widget.h"

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

    ui->label->setTextFormat(Qt::PlainText);
    ui->label->setText("纯文本");

    ui->label_2->setTextFormat(Qt::RichText);
    ui->label_2->setText("<b>富文本</b>");

    ui->label_3->setTextFormat(Qt::MarkdownText);
    ui->label_3->setText("## markdown文本");
}

Widget::~Widget()
{
    delete ui;
}

image-20240910193814057

显示图片

显示图片,先用qrc机制管理图片。

QLabel设置成和窗口一样大,并且把QLabel左上角设置到窗口左上角

#include "widget.h"
#include "ui_widget.h"

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

    //获取窗口尺寸
    QRect windowRect = this->geometry();
    ui->label->setGeometry(0, 0, windowRect.width(), windowRect.height());

    //加载图片资源
    QPixmap pixmap(":/logo.jpg");

    ui->label->setPixmap(pixmap);
}

Widget::~Widget()
{
    delete ui;
}

image-20240910200906971

此时图片大小未填充满整个窗口,可以启动scaledContents,自动拉伸填充图片

image-20240910201032680

当我们拉动窗口大小的时候,图片还是固定大小,因为QLabel是固定大小。在初始化的时候,只是将QLabel尺寸设置成了和窗口一样,这个相当于是一次性的。

GIF 2024-9-10 20-13-38

如果想让窗口大小实时发送改变,这里要和“事件”结合:

  • Qt当中,表示用户的操作有两个概念,一个是信号,一个是事件
  • 当用户拖拽修改窗口大小的时候,就会触发resize事件(resizeEvent),我们拖拽的时候,是实时变化的,所有将窗口大小拖拽改变的时候,会触发一系列的resizeEvent

此时我们就可以Widget窗口类重写QWidgetresizeEvent虚函数,在鼠标拖动窗口尺寸的过程当中,这个函数就会反复调用执行。

void Widget::resizeEvent(QResizeEvent *event)
{}

此处的形参是非常有用的,里面包含了触发resize事件这一时刻,窗口尺寸的实时数值

GIF 2024-9-10 20-25-03

这里并未调用resizeEvent,是Qt自己调用,我们这里重写虚函数,相当于给Qt指定了一个回调函数

#include "widget.h"
#include "ui_widget.h"
#include<QDebug>
#include<QResizeEvent>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    //获取窗口尺寸
    QRect windowRect = this->geometry();
    ui->label->setGeometry(0, 0, windowRect.width(), windowRect.height());

    //加载图片资源
    QPixmap pixmap(":/logo.jpg");
    //启动自动拉伸
    ui->label->setScaledContents(true);
    ui->label->setPixmap(pixmap);
}

Widget::~Widget()
{
    delete ui;
}

void Widget::resizeEvent(QResizeEvent *event)
{
    qDebug() << event->size();
    ui->label->setGeometry(0, 0, event->size().width(), event->size().height());
}

GIF 2024-9-10 20-39-24

文本对齐

在图形化界面,设置一个label,然后添加一下边框,方便观察

image-20240910204421160

这里面是按位或,通过位图的方式来进行设置:

image-20240910210129970

#include "widget.h"
#include "ui_widget.h"

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

    //构造函数中, 给label设置不同的属性
    ui->label->setText("水平垂直居中对齐");
    ui->label->setAlignment(Qt::AlignCenter | Qt::AlignVCenter);

    ui->label_2->setText("水平靠右垂直居中");
    ui->label_2->setAlignment(Qt::AlignRight | Qt::AlignCenter);

    ui->label_3->setText("右上角对齐");
    ui->label_3->setAlignment(Qt::AlignRight | Qt::AlignTop);
}

Widget::~Widget()
{
    delete ui;
}

image-20240910210029347

自动换行、边距、缩进

此时文本的内容,并不是完整的

image-20240910210509473

可以采用setWordWrap设置自动换行:

image-20240910210615665

采用setIndent设置缩进,里面的参数表示缩进多少像素:

image-20240910210940667

如果采用缩进+换行,后面的换行,都会进行缩进

image-20240910211036282

采用setMargins设置边距

image-20240910211533598

设置伙伴

可以将QLabel和单选框或者复选框绑定为伙伴关系,然后通过QLabel触发选中操作

image-20240910212244803

绑定伙伴关系:

#include "widget.h"
#include "ui_widget.h"

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

    //设置label和radioButton伙伴关系
    ui->label->setBuddy(ui->radioButton);
    ui->label_2->setBuddy(ui->radioButton_2);
}

Widget::~Widget()
{
    delete ui;
}

GIF 2024-9-10 21-23-22

  • Qt当中,QLabel中写的文本,可以指定快捷键,但是这个快捷键的规则功能比PushButton弱很多
  • 文本当中采用&跟上一个字符表示快捷键,比如说&A,然后可以通过键盘的alt + a来触发

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2123938.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

html+css网页设计 旅游 雪花旅行社5个页面

htmlcss网页设计 旅游 雪花旅行社5个页面 网页作品代码简单&#xff0c;可使用任意HTML辑软件&#xff08;如&#xff1a;Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad 等任意html编辑软件进行运行及修改编辑等操作&#xff09;。 获取源码 1&#…

Windows下meson编译libplacebo库

1、安装msys64&#xff0c;添加系统环境变量C:\msys64 2、修改msys64目录下msys2_shell.cmd文件&#xff1a; 去掉“rem set MSYS2_PATH_TYPEinherit” 中rem&#xff0c;以便于shell能继承系统环境变量&#xff0c;然后保存 rem To export full current PATH from environme…

ESP32 TCP通信交换数据Mixly Arduino编程

TCP通信交换数据 在ESP32与ESP32或其它局域网络内主机间传输数据时&#xff0c;TCP是很方便的&#xff0c;特别当我们连接互联网后ESPnow不能用&#xff0c;MQTT又不稳定发送大量的数据&#xff0c;同时蓝牙有其它用途时&#xff0c;那么学会TCP通信协议就变得十分重要。 一、…

Python数据结构集合的相关介绍

集合是一种无序、可变的数据结构&#xff0c;它也是一种变量类型&#xff0c;集合用于存储唯一的元素。集合中的元素不能重复&#xff0c;并且没有固定的顺序。在Python 提供了内置的 set 类型来表示集合&#xff0c;所以关键字set就是集合的意思。 你可以使用大括号 {} 或者 …

pytest 生成allure测试报告

allure的安装 github地址 allure资产列表 windows下载.zip&#xff0c;解压并配置环境变量PATH&#xff1b;linux下载tar.gz&#xff0c;解压配置&#xff1b; allure作为pytest插件 # 安装 pip install allure-pytest# 执行单元测试&#xff0c;生成allure测试数据&…

如何在内网中与阿里云服务器进行文件传输?[2024详细版]

随着云计算发展&#xff0c;企业和个人选择将数据存储在云端&#xff0c;以提高数据的安全性和可访问性。阿里云作为国内领先的云服务提供商之一&#xff0c;提供了多种云产品和服务。其中&#xff0c;云服务器ECS&#xff08;Elastic Compute Service&#xff09;因其灵活性和…

网络初识-相关概念

本篇主要介绍关于网络的相关概念~ 相关概念 局域网&#xff1a; 把几个电脑连接到一起&#xff0c;或者几台电脑连接到同一个路由器&#xff0c;就能构成局域网&#xff0c;局域网中的电脑可以相互通信。 广域网&#xff1a; 将多个局域网连接起来&#xff0c;就构成了范围更…

以一种访问权限不允许的方式做了一个访问套接字的尝试

System.Net.Sockets.SocketException: 以一种访问权限不允许的方式做了一个访问套接字的尝试. 近来做的一个net core的网页&#xff0c;突然有这样的一个提示。上网查询之后&#xff0c;有二种可能&#xff0c;1&#xff0c;管理员角色运行VS2022后重新编译一下项目。2&#x…

9.10javaweb项目总结

1.创建吧 这里的话&#xff0c;是用的那个模态背景来写的&#xff0c;就是可以在原有界面上进行创建。目前就只有这些内容&#xff0c;具体一点就是吧吧的分类弄了一下&#xff0c;然后还有待完善&#xff0c;就是贴吧&#xff0c;吧头像的设置&#xff0c;还是有点问题的&…

AutoSar AP平台的SOMEIP文档的理解笔记

1. SOMEIP报文格式 1.1 SOME/IP消息格式&#xff1a;头格式 1.2 SOME/IP头格式&#xff1a;Request ID (Client ID/Session ID) 1.3 SOME/IP头格式&#xff1a;Message Type [8 Bit] and Return Code [8 Bit] 1.4 SOME/IP消息格式的大小端 1.5 SOME/IP消息格式&#xff1a;序列…

揭秘开发者的效率倍增器:编程工具的选择与应用

文章目录 每日一句正能量前言工具介绍功能特点&#xff1a;使用场景&#xff1a;提高工作效率的方式&#xff1a; 效率对比未来趋势后记 每日一句正能量 这推开心窗之人&#xff0c;可以是亲朋好友&#xff0c;也可以是陌客路人&#xff0c;可以是德高望重的哲人名流&#xff0…

Nexpose v6.6.266 for Linux Windows - 漏洞扫描

Nexpose v6.6.266 for Linux & Windows - 漏洞扫描 Rapid7 Vulnerability Management, release Aug 21, 2024 请访问原文链接&#xff1a;https://sysin.org/blog/nexpose-6/&#xff0c;查看最新版。原创作品&#xff0c;转载请保留出处。 作者主页&#xff1a;sysin.o…

JavaScript --while案例求一个数字的阶乘

求5*4*3*2*1的值 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-w…

Probabilistic Embeddings for Cross-Modal Retrieval 论文阅读

Probabilistic Embeddings for Cross-Modal Retrieval 论文阅读 Abstract1. Introduction2. Related work3. Method3.1. Building blocks for PCME3.1.1 Joint visual-textual embeddings3.1.2 Probabilistic embeddings for a single modality 3.2. Probabilistic cross-modal…

摩托车加装车载手机充电usb方案/雅马哈USB充电方案开发

长途骑行需要给手机与行车记录仪等设备供电&#xff0c;那么&#xff0c;加装USB充电器就相继在两轮电动车上应用起来了。摩托车加装usb充电方案主要应用于汽车、电动自行车、摩托车、房车、渡轮、游艇等交通工具。提供电动车USB充电器方案/摩托车加装usb充电方案/渡轮加装usb充…

深入理解Java虚拟机:Jvm总结-垃圾收集器与内存分配策略

第三章 垃圾收集器与内存分配策略 3.1 意义 Java堆和方法区具有不确定性&#xff1a;一个接口的多个实现类、一个方法的不同条件分支需要的内存可能不一样。程序运行起来才知道到底会创建什么对象&#xff0c;创建多少个对象。动态分配内存和垃圾回收排查内存泄漏和内存溢出时…

FLBOOK一款强大的样本册制作工具

​在数字化时代&#xff0c;样本册的制作与展示已成为企业宣传和业务拓展的重要手段。一款强大的样本册制作工具&#xff0c;不仅能帮助企业高效地打造精美的样本册&#xff0c;还能提升企业的专业形象和市场竞争力。今天&#xff0c;我要向大家介绍一款名为FLBOOK的样本册制作…

【银河麒麟高级服务器操作系统】虚拟机服务器执行systemctl提示timeout——分析全过程及处理建议

了解更多银河麒麟操作系统全新产品&#xff0c;请点击访问 麒麟软件产品专区&#xff1a;https://product.kylinos.cn 开发者专区&#xff1a;https://developer.kylinos.cn 文档中心&#xff1a;https://documentkylinos.cn 现象描述 产品信息 产品名称 银河麒麟高级服务…

【Python报错已解决】 raise JSONDecodeError(“Expecting value“, s, err.value) from None

&#x1f3ac; 鸽芷咕&#xff1a;个人主页 &#x1f525; 个人专栏: 《C干货基地》《粉丝福利》 ⛺️生活的理想&#xff0c;就是为了理想的生活! 文章目录 前言一、问题描述1.1 报错示例1.2 报错分析1.3 解决思路 二、解决方法2.1 方法一&#xff1a;确保JSON字符串完整2.2 …

vue 使用vue-quill-editor 富文本添加源码模式,查看源码功能和表格功能

今天接到个需求&#xff0c;在富文本中增加查看源码和增加表格功能&#xff0c;感觉这种功能手拿把掐&#xff0c;但是奈于平时沉迷于移动端有段时间没写pc了&#xff0c;看了下官方感觉一个头两个大&#xff0c;于是在茫茫文档中各种借鉴&#xff08;抄袭&#xff09;完成了功…