【Qt快速入门（四）】- QLabel文本框的使用

于 2024-06-13 09:20:52 发布
阅读量1.5k 收藏 10
点赞数 38
分类专栏： Qt 文章标签： qt 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38641481/article/details/139641865
版权

目录

Qt快速入门（四）- QLabel文本框的使用

QLabel文本框的使用

QLabel是Qt框架中用于显示文本或图像的基本控件。它是一个轻量级控件，功能丰富，能够显示简单文本、富文本（HTML格式）以及图片。QLabel在用户界面中广泛使用，用于标签、标题、显示图像等。本文将详细讲解QLabel的使用，包括其基本用法、样式设置、交互功能以及一些高级特性。

QLabel的基本用法

QLabel控件可以通过Qt Designer设计界面，也可以通过代码动态创建和设置。下面是一些常见的用法示例。

1. 创建和设置文本

QLabel可以通过构造函数创建，并使用setText方法设置文本。

#include <QApplication>
#include <QLabel>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QLabel label("Hello, Qt!");
    label.show();

    return app.exec();
}

在这个简单示例中，QLabel被创建并显示“Hello, Qt!”文本。show方法用于显示控件。

2. 动态设置文本

文本可以在程序运行时动态设置或修改。

#include <QApplication>
#include <QLabel>
#include <QPushButton>
#include <QVBoxLayout>
#include <QWidget>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QWidget window;
    QVBoxLayout layout(&window);

    QLabel label("Initial Text");
    QPushButton button("Change Text");

    layout.addWidget(&label);
    layout.addWidget(&button);

    QObject::connect(&button, &QPushButton::clicked, [&label]() {
        label.setText("Text Changed!");
    });

    window.show();

    return app.exec();
}

在这个示例中，当按钮被点击时，标签的文本会被修改为“Text Changed!”。

设置文本样式

QLabel支持丰富的文本样式设置，包括字体、颜色、对齐方式等。以下是一些常见的样式设置方法。

1.设置字体和颜色

可以使用setFont方法设置标签的字体，使用setStyleSheet方法设置颜色。

#include <QApplication>
#include <QLabel>
#include <QFont>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QLabel label("Styled Text");
    QFont font("Arial", 20, QFont::Bold);
    label.setFont(font);
    label.setStyleSheet("color: blue;");

    label.show();

    return app.exec();
}

在这个示例中，标签文本的字体被设置为Arial，大小为20，样式为粗体，颜色为蓝色。

2.文本对齐方式

QLabel支持多种对齐方式，可以使用setAlignment方法进行设置。

#include <QApplication>
#include <QLabel>
#include <Qt>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QLabel label("Aligned Text");
    label.setAlignment(Qt::AlignCenter);

    label.show();

    return app.exec();
}

在这个示例中，标签文本被设置为居中对齐。setAlignment方法接受Qt::Alignment枚举值，如Qt::AlignLeft、Qt::AlignRight、Qt::AlignTop、Qt::AlignBottom、Qt::AlignCenter等。

3.富文本显示

QLabel支持HTML格式的富文本，可以使用setText方法设置包含HTML标签的字符串。

#include <QApplication>
#include <QLabel>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QLabel label;
    label.setText("<h1><font color='red'>Rich Text</font></h1><p>This is <b>bold</b> and <i>italic</i> text.</p>");

    label.show();

    return app.exec();
}

在这个示例中，标签显示了包含HTML格式的富文本，文本包含了不同的样式和颜色。

显示图片

QLabel不仅可以显示文本，还可以显示图片。可以使用setPixmap方法设置图片。

#include <QApplication>
#include <QLabel>
#include <QPixmap>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QLabel label;
    QPixmap pixmap("path/to/image.png");
    label.setPixmap(pixmap);

    label.show();

    return app.exec();
}

在这个示例中，标签显示了指定路径的图片。QPixmap用于加载和处理图像。

QLabel的交互功能

虽然QLabel主要用于显示信息，但它也支持一些基本的交互功能，如鼠标事件。

可点击标签

可以通过子类化QLabel并重写鼠标事件处理函数，使其变为可点击标签。

#include <QApplication>
#include <QLabel>
#include <QMouseEvent>
#include <QDebug>

class ClickableLabel : public QLabel {
    Q_OBJECT

public:
    explicit ClickableLabel(const QString &text, QWidget *parent = nullptr)
        : QLabel(text, parent) {}

signals:
    void clicked();

protected:
    void mousePressEvent(QMouseEvent *event) override {
        if (event->button() == Qt::LeftButton) {
            emit clicked();
        }
        QLabel::mousePressEvent(event);
    }
};

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    ClickableLabel label("Click Me");
    QObject::connect(&label, &ClickableLabel::clicked, []() {
        qDebug() << "Label clicked!";
    });

    label.show();

    return app.exec();
}

在这个示例中，ClickableLabel类继承自QLabel并重写了mousePressEvent方法。当标签被点击时，会发出clicked信号。

QLabel的高级特性

1.缩放图片以适应标签大小

QLabel可以自动缩放图片以适应标签的大小，可以使用setScaledContents方法实现。

#include <QApplication>
#include <QLabel>
#include <QPixmap>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QLabel label;
    QPixmap pixmap("path/to/image.png");
    label.setPixmap(pixmap);
    label.setScaledContents(true);
    label.resize(200, 200);

    label.show();

    return app.exec();
}

在这个示例中，图片会被缩放以适应标签的大小。

2.文本换行

QLabel支持文本自动换行，可以使用setWordWrap方法启用此功能。

#include <QApplication>
#include <QLabel>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QLabel label("This is a long text that will be wrapped into multiple lines if it exceeds the width of the label.");
    label.setWordWrap(true);
    label.resize(200, 100);

    label.show();

    return app.exec();
}

在这个示例中，当文本超过标签宽度时，会自动换行。

3.动态更新文本内容

QLabel的文本内容可以动态更新，适用于需要实时显示信息的场景。

#include <QApplication>
#include <QLabel>
#include <QTimer>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QLabel label;
    label.resize(200, 50);
    label.show();

    QTimer timer;
    QObject::connect(&timer, &QTimer::timeout, [&label]() {
        static int counter = 0;
        label.setText(QString("Counter: %1").arg(counter++));
    });

    timer.start(1000);

    return app.exec();
}

在这个示例中，标签的文本每秒更新一次，显示一个递增的计数器值。

QLabel常见使用场景

1.标签和标题

QLabel通常用作界面中的标签和标题，提供对其他控件的描述。

#include <QApplication>
#include <QLabel>
#include <QLineEdit>
#include <QVBoxLayout>
#include <QWidget>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QWidget window;
    QVBoxLayout layout(&window);

    QLabel label("Enter your name:");
    QLineEdit lineEdit;

    layout.addWidget(&label);
    layout.addWidget(&lineEdit);

    window.show();

    return app.exec();
}

在这个示例中，QLabel作为标签，描述了文本输入框的用途。

2.显示图片和图标

QLabel可以用于显示图片和图标，例如在工具栏、状态栏或其他UI元素中。

#include <QApplication>
#include <QLabel>
#include <QPixmap>
#include <QHBoxLayout>
#include <QWidget>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QWidget window;
    QHBoxLayout layout(&window);

    QLabel iconLabel;
    QPixmap iconPixmap("path/to/icon.png");
    iconLabel.setPixmap(iconPixmap);

    QLabel textLabel("Icon and Text");

    layout.addWidget(&iconLabel);
    layout.addWidget(&textLabel);

    window.show();

    return app.exec();
}

在这个示例中，QLabel用于显示一个图标和文本。

3.状态显示

QLabel可以用于显示应用程序的状态信息，例如在状态栏中显示当前状态或进度信息。

#include <QApplication>
#include <QLabel>
#include <QStatusBar>
#include <QMainWindow>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QMainWindow mainWindow;
    QStatusBar *statusBar = mainWindow.statusBar();

    QLabel statusLabel("Ready");
    statusBar->addWidget(&statusLabel);

    mainWindow.show();

    return app.exec();
}

在这个示例中，QLabel用于显示状态栏中的状态信息。

3.显示HTML内容

QLabel支持显示HTML内容，可以用于显示富文本格式的信息。

#include <QApplication>
#include <QLabel>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QLabel label;
    label.setText("<h1>HTML Content</h1><p>This is a paragraph with <b>bold</b> and <i>italic</i> text.</p>");
    label.setWordWrap(true);

    label.show();

    return app.exec();
}

在这个示例中，QLabel用于显示包含HTML内容的文本。

总结

QLabel是Qt框架中功能强大且灵活的控件，适用于显示文本和图片的多种场景。通过详细了解QLabel的基本用法、样式设置、交互功能和高级特性，开发者可以在实际项目中充分利用QLabel的优势，构建出丰富多样的用户界面。无论是简单的标签还是复杂的状态显示，QLabel都能满足开发者的需求，使得应用程序更加友好和易用。

wu_xx_xx
关注
  • 38
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Python语言利用PyQt5和openCV显示笔记本电脑摄像头图像
qq_36823799的博客
06-08 4178
这里写自定义目录标题 看到几个程序开发的朋友四处求利用PyQt5的摄像头视频输出代码，于是参考网上专业开发的朋友的源码，改写为以下代码。欢迎转载 import sys, cv2 from PyQt5.QtGui import * from PyQt5.QtWidgets import * from PyQt5.QtCore import * “”" 作者：杭州老王 参考：https://blog....
QT creater快速入门 源代码
02-19
这个“QT Creator快速入门 源代码”压缩包提供了适合初学者学习的源代码示例，帮助用户快速掌握QT Creator的使用和Qt编程的基本概念。 在QT Creator中，你可以创建、编辑、构建和调试Qt应用程序。它的主要特点包括...
QLabel 使用
yinsizhilian的博客
11-11 1815
QLabel控件提供了一个文本或图片的显示。 QLabel是用来显示一个文本或一个图像。没有用户交互功能提供。标签的外观可以通过各种方式配置，它可以用于其他窗口的助记键指定焦点。 QLabel的继承关系为 QObject Class and QPaintDevice Class->QWidget Class->QFrame Class->QLabel Class 创建一个QLabel对象： QLabel * label = new QLabel(this); //创建堆对象 显示文本： l
QT建立文本框操作1
最新发布
weixin_51298205的博客
05-15 329
水平布局，垂直布局，删格布局，打乱布局等。6.右下角输入stre调整长度比例。4.widget框下的两个布局。8.修改文本输入格式为ip输入。1.首先建立一个widget。2.建立一个label显示框。3.建立一个可以输入的文本框。7.label改变多信息变量。9.设置按钮button。
Qt 之 QLabel及常见使用方式
Lee1989
11-25 992
这里我们需要使用另外一个类QMovie来控制动画，start()可以进行播放与stop()则可以停止，也可以通过调用setSpeed()来设置动画的播放速度。如果我们需要显示一个数字，则可以调用setNum()，他可以将内容转换为纯文本。比较简单，直接调用setOpenExternalLinks(true)即可。声明一个槽openUrl，将其与linkActivated信号关联。QLabel提供了一个文本或图像的。，没有提供用户交互功能。
Qt学习笔记(二十七)：QLabel 的常用方法
秋忆夏伤的博客
04-07 9359
一、QLabel 的构造函数： 1、QLabel(QWidget * parent = 0, Qt::WindowFlags f = 0)：创建 QLabel 控件时，指定其父对象，并设置其窗口属性（有默认值，可以不用设置）； 2、QLabel(const QString & text, QWidget * parent = 0, Qt::WindowFlags f = 0)：创建...
QLable 类使用教程
m0_56208280的博客
10-24 305
QLabel用于显示文本或图像。不提供用户交互功能
qt5入门 范例开发大全 Qt 快速入门系列教程
06-23
Qt5入门范例开发大全是一本专门为初学者设计的教程，旨在帮助新人快速掌握Qt5的使用技巧，通过实例驱动的方式深入学习。教程中的第二章和第三章分别介绍了窗体应用和控件应用，这些都是构建用户界面的基础。 在第二...
Qt训练集-入门到高级
03-07
在"Qt训练集"中，可能包含了许多这些控件的使用示例，比如`QPushButton`、`QLineEdit`、`QLabel`等，通过代码实现它们的功能和布局。 Qt的布局管理（Layout Management）系统也是关键知识点。它允许开发者自动调整...
QT5 编程入门
03-16
QT5编程入门是针对初学者的一份详细教程，旨在帮助新手快速掌握QT5这一强大的跨平台应用程序开发框架。QT5是Qt库的第五个主要版本，由The Qt Company开发并维护，广泛应用于桌面、移动设备以及嵌入式系统的软件开发...
Qt Creator快速入门 第3版【霍亚飞 编著】
03-07
**Qt Creator快速入门 第3版**，由资深技术专家霍亚飞编著，是一本针对初学者的详尽指南，旨在帮助读者迅速掌握Qt Creator这一强大的C++开发环境。本书聚焦于Qt的C++ Widgets编程，这是Qt框架的基础，也是理解和开发...
【Qt 学习笔记】Qt常用控件 | 显示类控件 | Label的使用及说明
小黄鸭的博客
04-17 2848
在Qt中，QLabel是一个用于显示文本或图像的控件类。它可以显示静态文本，也可以显示包含格式和超链接的富文本。QLabel可以用于显示应用程序的标题、标签、状态栏等内容。可以通过设置QLabel的属性来控制文本的对齐方式、字体、颜色等。此外，QLabel还可以和其它控件进行交互，例如可以通过设置成一个超链接来实现在文本被点击时触发某个事件。
QT学习笔记3 控件QLineEdit文本框使用方法和案例
zxy19872029175的博客
11-05 1274
QLineEdit是 Qt 中的文本框，准确地说是单行文本框，通常用于接受用户的输入，比如输入用户名、密码等信息。下图为ui界面中，QLineEdit控件所处位置，便于初学者寻找。
QLabel 使用小经验
GeekBytes 的博客
03-17 384
QLabel 使用小技巧
QT QLabel控件(使用详解)
热门推荐
断点
08-01 1万+
本文详细的介绍了TextLabel控件的各种操作，例如：显示边框、设置文字、设置字体、设置信息提示框、状态提示、居中对齐、加载图片、自适应图片大小、设置位置大小、样式表等操作。本文作者原创，转载请附上文章出处与本文链接。
Qt QLabel文本框的使用
ccc369639963的博客
01-24 9103
Qt QLabel文本框的使用 QLabel 是 Qt 帮我们写好的一个控件类，间接继承自 QWidget 类，它的继承关系如下： QLabel -> QFrame -> QWidget 从字面上理解，QLabel 可以解释为“Qt 的 Label”，即 Qt 提供给我们的一种文本控件，它的基础功能是显示一串文本。 除了显示一串文本外，QLabel 控件上还可以放置图片、超链接、动画等内容。 本质上，每个文本框都是 QLabel 类的一个实例对象。QLabel 类提供了两个构造函数，分别是：
QLabel设置文字及设置悬浮文字禁止解析HTML标签
zhuanxuansheng3800的博客
10-27 1080
QLabel设置文字及设置悬浮文字禁止解析HTML标签 1.创建一个QLabel对象，并对其设置文字。 QString strText = "<h1>Book"; QLabel *label = new QLabel(strText); label->setToopTip(strText); 这样label显示的文字只有Book，<h1>作为标签使得文字变大，如下图所示： 将label中的文字及悬浮文字中的标签文字设置为普通文本 label->setTextFor
PyQt5学习笔记--创建窗口、添加按钮、创建文本和文本框
牵一只蜗牛去散步
11-22 4279
【代码】PyQt学习笔记--创建窗口。
QLabel文本框的使用
08-26
QLabel是Qt框架中的一个用于显示文本和图像的控件。它可以在GUI应用程序中用于显示静态文本或动态文本内容。你可以使用以下步骤在Qt中使用QLabel文本框： 1. 首先，在你的Qt项目中包含QLabel头文件： ```cpp #include <QLabel> ``` 2. 创建一个QLabel对象： ```cpp QLabel *label = new QLabel("Hello, World!", this); ``` 3. 设置文本内容： ```cpp label->setText("New text"); ``` 4. 设置文本样式： ```cpp label->setStyleSheet("color: red; font-size: 18px;"); ``` 5. 设置文本对齐方式： ```cpp label->setAlignment(Qt::AlignCenter); ``` 6. 设置可见性： ```cpp label->setVisible(true); ``` 7. 添加到布局或窗口中： ```cpp layout->addWidget(label); // 若使用布局管理器 ``` 这样，一个简单的QLabel文本框就创建好了。你可以根据需要进一步调整它的属性和样式，以及添加其他功能。希望这能够帮助到你！如果你还有其他问题，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值