Qt学习（八）—— 常用控件QLabel、QTextEdit

最新推荐文章于 2024-06-28 04:56:34 发布
最新推荐文章于 2024-06-28 04:56:34 发布
阅读量3.1k 收藏 19
点赞数 3
分类专栏： Qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41001497/article/details/107222276
版权

目录

QLabel

显示文字

显示图片

显示动画

显示超链接

QLineEdit

setText()和text()

setEchoMode()

setCompleter()

setCaseSensitivity()

setFilterMode()

QLabel

QLabel是最常用的控件之一，我们可以用它来显示文本、图片和动画等。

要使用QLabel，还是需要先引入<QLabel>头文件。

显示文字

显示下面我们来实现一个最简单的只显示文字的QLabel：

可以看到字符串并没有完整地显示出来，而且由于没有指定坐标，坐标默认为相对于父元素的(0,0)，所以QLabel覆盖在MainWindow自带的菜单栏上了，导致菜单栏不能拖动。 

P.S：字符串没有完整地显示出来是因为QLabel类中有一个成员函数设置了QLabel的默认尺寸，我们可以调用adjustSize()来实现宽度和高度随内容自适应，使得内容可以完整地显示出来。当然也有其它方法可以实现，这里不再赘述。

#include "MainWindow.h"
#include "ui_MainWindow.h"
#include <QLabel>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    QLabel *pQLabel=new QLabel(this);
    pQLabel->setText("I am a QLabel!!");
    pQLabel->adjustSize();
    this->setFixedSize(300,400);
    pQLabel->move(100,100);
}

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

 实现效果：

显示图片

要在QLabel中显示图片，需要先定义一个QPixmap对象，并指定它的路径，然后调用QLabel的setPixmap方法，将QPixmap对象作为参数传入。

P.S：要注意路径中斜杠的方向！！

#include "MainWindow.h"
#include "ui_MainWindow.h"
#include <QLabel>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    //显示图片
    QLabel *pQLabel=new QLabel(this);
    QPixmap mPixmap;
    mPixmap.load("C:/Users/MSI-NB/Desktop/masami.jpg");
    pQLabel->setPixmap(mPixmap);
}

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

实现效果： 

发现图片只显示了一小部分，从这里我们也可以看出QLabel对象的默认大小是多少。可能你会想到用刚刚的adjustSize()方法来实现图片的自适应，不妨让我们来试一下： 

实现效果：

显示的范围更小了……这是因为它没有检测到文字内容，当然就只有这么一小块区域了。可见adjustSize()这个方法，只适用于实现文字内容的自适应。 

如何解决图片自适应的问题，先挖个坑-_-||，现在我们先用为QLabel对象设置大小的这种方法来让整张图片完整的显示出来。

#include "MainWindow.h"
#include "ui_MainWindow.h"
#include <QLabel>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
   //显示图片
    QLabel *pQLabel=new QLabel(this);
    QPixmap mPixmap;
    mPixmap.load("C:/Users/MSI-NB/Desktop/masami.jpg");    //获取图片路径
    pQLabel->setFixedSize(500,333);    //设置QLabel大小，这里设置的是固定大小
    pQLabel->setScaledContents(true);   //内容拉伸至充满整个容器
    this->setFixedSize(pQLabel->size());    //对主窗口也设置大小，防止拉伸
    pQLabel->setPixmap(mPixmap);    //将QPixmap对象装载到QLabel对象中
}

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

实现效果：

这样就可以看到完整的麻酱了~ 

显示动画

要在QLabel中显示动画，需要先定义一个QMovie对象，并为它指定路径，然后调用QLabel的setMovie方法，将QMovie对象作为参数传入。当然，要记得先引入<QVideo>头文件。

#include "MainWindow.h"
#include "ui_MainWindow.h"
#include <QLabel>
#include <QMovie>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    //显示动画
    QLabel *pQLabel=new QLabel(this);
    QMovie *mMovie=new QMovie("C:/Users/MSI-NB/Desktop/masami.gif");
    pQLabel->setFixedSize(224,168);
    pQLabel->setScaledContents(true);   //内容拉伸至充满整个容器
    this->setFixedSize(pQLabel->size());
    pQLabel->setMovie(mMovie);
    mMovie->start();    //很重要！否则什么也不会显示
}

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

实现效果： 

美女你谁？ 

显示超链接

如果想在界面中加入一个超链接，可以往QLabel的内容中添加一段html代码，然后调用setOpenExternalLink()方法。【如果不用这个方法，就只能用信号和槽来实现点击超链接弹出网页的功能，显然这样做很麻烦】

#include "MainWindow.h"
#include "ui_MainWindow.h"
#include <QLabel>
#include <QMovie>
#include <QLineEdit>
#include <QString>
#include <QDebug>
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    QLabel *pQLabel=new QLabel(this);
    //显示超链接
    pQLabel->setText("<a href='www.baidu.com'>百度</a>");
    pQLabel->setOpenExternalLinks(true);
}

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

实现效果：

QLineEdit

单行文本输入框也是很常见的，要实现一个单行文本输入框需要先引入<QLineEdit>头文件。

#include "MainWindow.h"
#include "ui_MainWindow.h"
#include <QLineEdit>    //实现单行文本输入框必须引入的头文件

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    //单行文本
      QLineEdit *pLineEdit=new QLineEdit(this);
      pLineEdit->move(100,100);
}

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

实现效果： 

出现了一个很简陋的单行文本输入框（。）

setText()和text()

在单行文本输入框中，最常用的方法就是设置内容和获取内容，分别对QLineEdit对象调用setText()方法和text()方法。

#include "MainWindow.h"
#include "ui_MainWindow.h"
#include <QLabel>
#include <QMovie>
#include <QLineEdit>
#include <QString>
#include <QDebug>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    //单行文本
      QLineEdit *pLineEdit=new QLineEdit(this);
      pLineEdit->setText("设置单行输入框内容");    //设置内容
      QString contents=pLineEdit->text();    //获取内容
      qDebug()<<contents;
      pLineEdit->move(100,100);
}

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

实现效果：

用这两个方法我们既实现了往单行文本输入框中设置内容，又实现了获取文本输入框的内容并输出。

setEchoMode()

在实际生活中，当我们输入密码时，单行文本输入框往往不会将我们输入的内容原原本本的显示出来，而是以“*”或“●”代替。要实现这一功能，需要调用setEchoMode()为文本输入框设置模式。它的参数取值有：

  1. QLineEdit::Normal 模式显示方式，按照输入的内容显示。
  2. QLineEdit::NoEcho 不显示任何内容，此模式下无法看到用户的输入。
  3. QLineEdit::Password  密码模式，输入的字符会根据平台转换为特殊字符。
  4. QLineEdit::PasswordEchoOnEdit  编辑时显示字符否则显示字符作为密码。
#include "MainWindow.h"
#include "ui_MainWindow.h"
#include <QLabel>
#include <QMovie>
#include <QLineEdit>
#include <QString>
#include <QDebug>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    //单行文本
      QLineEdit *pLineEdit=new QLineEdit(this);
      pLineEdit->setText("设置单行输入框内容");
      pLineEdit->setEchoMode(QLineEdit::Password);    //设置为密码模式
      QString contents=pLineEdit->text();
      qDebug()<<contents;
      pLineEdit->move(100,100);
}

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

 实现效果：

现在文本输入框中的内容就全被替换成“●”了。

setCompleter()

如果想要和一些搜索引擎一样具有自动联想的功能，可以调用QLineEdit的setCompleter()方法来实现。

首先，要实现自动联想功能，需要先定义一个QCompleter对象，然后为它设置自动联想的内容，最后用文本输入框对象调用setCompleter方法，并将QCompleter对象作为参数传入。

由于自动联想的内容往往是许多个字符串组成的，所以这里我们需要用到QStringList来实现一个字符串列表。

P.S：不要忘了引入<QCompleter>和<QStringList>头文件。

QStringList mStringList;                
mStringList<<"apple"<<"alpha"<<"above";     //和cin的用法很相似

然后定义一个QCompleter对象，将字符串列表作为参数传入。

QCompleter *pCompleter=new QCompleter(mStringList,this);     //第二个参数是父对象

再将QCompleter对象装载到QLineEdit对象中。

#include "MainWindow.h"
#include "ui_MainWindow.h"
#include <QLabel>
#include <QMovie>
#include <QLineEdit>
#include <QString>
#include <QDebug>
#include <QCompleter>
#include <QStringList>
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    //自动联想
      QLineEdit *pLineEdit=new QLineEdit(this);
      QStringList mStringList;
      mStringList<<"apple"<<"alpha"<<"above";
      QCompleter *pCompleter=new QCompleter(mStringList,this);
      pLineEdit->setCompleter(pCompleter);
}

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

实现效果：

输入字母a，出现了所有含a的联想词。

setCaseSensitivity()

另外，如果希望联想词的匹配不区分大小写， 可以调用QCompleter的setCaseSensitivity()方法，它的参数取值有两个：

  1. Qt::CaseInsensitive 大小写不敏感
  2. Qt::CaseSensitive 大小写敏感
#include "MainWindow.h"
#include "ui_MainWindow.h"
#include <QLabel>
#include <QMovie>
#include <QLineEdit>
#include <QString>
#include <QDebug>
#include <QCompleter>
#include <QStringList>
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    //自动联想
      QLineEdit *pLineEdit=new QLineEdit(this);
      QStringList mStringList;
      mStringList<<"apple"<<"Alpha"<<"above";
      QCompleter *pCompleter=new QCompleter(mStringList,this);
      pCompleter->setCaseSensitivity(Qt::CaseInsensitive);    //设置为大小写不敏感
      pLineEdit->setCompleter(pCompleter);

}

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

实现效果：

这样一来，输入字母a，无论是以A还是a开头，都会出现在联想词候选列表中。

setFilterMode()

如果我们希望输入的内容的联想不是首匹配，而是部分匹配，可以使用QCompleter的setFilterMode() 方法。它的参数有：

  1. Qt::MatchExactly 执行QVariant匹配（QVariant可以看做是Qt的最常用变量类型的联合体）
  2. Qt::MatchFixedString 执行按字符匹配。注意这种方式默认情况下不区分大小写，只有同时指定Qt::MatchCaseSensitive 才区分大小写。
  3. Qt::MatchContains 搜索条件包含在（QComboBox的下拉列表）项目中
  4. Qt::MatchStartsWith 首匹配
  5. Qt::MatchEndsWith 尾匹配
  6. Qt::MatchCaseSensitive 大小写敏感
  7. Qt::MatchRegExp 按正则表达式匹配
  8. Qt::MatchWildcard 
  9. Qt::MatchWrap 执行类似“令牌环”式的搜索，对每一个项都要经过验证
  10. Qt::MatchRecursive 执行递归搜索

【转自：https://blog.csdn.net/qter_wd007/article/details/6171173】 

 这里我们需要设置的参数是Qt::MatchContains：

#include "MainWindow.h"
#include "ui_MainWindow.h"
#include <QLabel>
#include <QMovie>
#include <QLineEdit>
#include <QString>
#include <QDebug>
#include <QCompleter>
#include <QStringList>
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    //自动联想
      QLineEdit *pLineEdit=new QLineEdit(this);
      QStringList mStringList;
      mStringList<<"apple"<<"Alpha"<<"above";
      QCompleter *pCompleter=new QCompleter(mStringList,this);
      pCompleter->setFilterMode(Qt::MatchContains);    //部分内容匹配
      pCompleter->setCaseSensitivity(Qt::CaseInsensitive);
      pLineEdit->setCompleter(pCompleter);
}

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

实现效果： 

输入字母p，字符串列表中包含字母p的都会出现在联想词候选列表中。 

P.S：如有错误，欢迎指正~

请在beep声后留言
关注
  • 3
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt之QLabel
weixin_34236869的博客
03-12 2029
简述 QLabel提供了一个文本或图像的显示，没有提供用户交互功能。 一个QLabel可以包含以下任意内容类型： 内容 设置 纯文本 使用setText()设置一个QString 富文本 使用setText()设置一个富文本的QString 图像 使用setPixmap()设置一个图像 动画 ...
PyQt5第三部分-显示类基本控件：QLabel, QLineEdit, QTextEdit, QProgressBar
u011079613的博客
10-16 2172
PyQt5第四部分-显示类基本控件：QLabel, QLineEdit, QTextEdit0 前言1 标签 QLabel1.1 方法列表 QLabel QPixmap1.2 示例 文字标签1.3 示例 图片标签2 单行文本框 QLineEdit2.1 方法列表2.2 示例 单行文本框计算器3 富文本框 QTextEdit3.1 方法列表3.2 示例 显式点击次数 0 前言 控件内不能含有其他控件的，称为基本控件，部分基本控件经常用于显示信息 基本控件继承关系： QWidget QFrame QAbs
Qt下载安装及配置教程
最新发布
TENET123的博客
06-28 3165
Qt是一个跨平台C++图形用户界面（GUI）工具包，无论是在桌面应用程序、移动应用程序，还是嵌入式系统中，Qt都能提供一致的开发体验和高质量的用户界面。
#include <QLabel>
B1334628598的博客
07-13 276
类QLabel 类似标签 转载于:https://www.cnblogs.com/denggelin/p/5665599.html
标签：QLabel
C++初学者
05-18 1860
#include&lt;QLabel&gt;QLabel就像一个空节点（万金油），具体它是什么类型，由自己给定，比如：文字，图片，动画；（超链接没用过）暂时不考虑文字内容为汉字时，setWordWrap设置换行，当文字长度超出this节点的宽度后自动换行QLabel*pLabel=new QLabel(this);pLabel-&gt;setWordWrap(true);//自动换行pLabel-...
QT 学习笔记（五）
每天进步一点点！
11-28 3267
QT 状态栏，核心控件，浮动窗口 模态对话框和非模态对话框 标准对话框和文件对话框
Qt常用控件详细讲解
09-21
在本文中，我们将深入探讨Qt库中的常用控件，这些控件是开发高效、美观的图形用户界面（GUI）的基础。Qt是一个跨平台的应用程序开发框架，广泛应用于桌面、移动和嵌入式设备。它提供了丰富的控件集，使得开发者能够...
Qt常用的控件widgets-例程
05-30
在Qt库中，Widgets是构建用户界面（UI）的核心组件，它们提供了丰富的功能和灵活性，使得开发者能够创建出美观且功能...这个例程是学习Qt Widgets的好起点，建议逐个尝试每个控件的功能，并根据需求进行自定义扩展。
Qt控件大全
12-21
在深入探讨Qt控件大全之前，我们先要理解Qt...总的来说，Qt控件的学习是Qt开发的基础，通过深入理解和实践，开发者可以创建出功能丰富的桌面应用程序。而结合数据库和网络编程，可以进一步提升应用程序的功能和实用性。
QT学习之经典控件源码
10-19
这篇资料重点是关于Qt中的经典控件的源码分析，对于深入理解和定制Qt控件有着重要的价值。 1. **QLabel**：QLabel是最基础的文本显示控件，可以显示单行或多行文本，支持HTML格式的富文本。源码中会展示如何设置...
Qt组件-QLabel
weixin_40763897的博客
09-13 1886
设置 label 自动缩放其内容，这样加载的图片会以填充所有可用空间。使用 Qt 样式表,如为控件设置背景颜色，和前景颜色。对于这些函数，可以根据需要加到相应信号的处理上。在QLabel显示gif图片。设置Label字体的大小。设置Label的大小。
Qt学习笔记（二）基本控件1
m0_56891548的博客
01-29 582
介绍按钮控件、输入控件、显示控件
11 Qt常用控件(QLabel、QLineEdit)
王木木
04-02 6145
1、QLabel（标签） QLabel是我们最常用的控件之一，其功能很强大，我们可以用来显示文本，图片和动画等，使用前需要加入<QLabel>头文件。 一个QLabel可以包含以下任意内容类型： 纯文本 使用setText()设置一个QString 富文本 使用setText()设置一个富文本的QString 图像 使用setPixmap()...
QLabel使用setPixmap函数无法显示jpg图片的问题
崔杰城的博客
04-27 3万+
在Qt的QLabel控件中我们可以使用setPixmap函数显示图片。但很多时候我们会发现无法显示图片，导致该问题产生的原因有很多种，下面我们举出导致该现象产生的其中两种原因。 一、原因一：要被显示的图片路径含有中文，用户没有对中文进行转换 我们新建一个Qt工程，将下面的三个文件包含进来 main.cpp #include "Label.h" #include <QtWi...
Qt仿QQ截图之QTextEdit宽高自适应
草上爬的博客
04-04 5888
之前用Qt做了个截图工具，最值得一写的就是在图片中添加文字时，如何让QTextEdit自适应文本的宽高 值得参考的是这篇博客：https://blog.csdn.net/kaida1234/article/details/80094175 但也只是做到了宽度自适应，高度并没有这里的核心函数是void QTextDocument::adjustSize()，它他可以跟随文本的变动调整大小，然后通QSizeF QTextDocument::size()可以获取准确的文本尺寸，接着根据此尺寸调整编辑框的宽高，从而
QPixmap显示图片 label大小自适应
老赵的博客
12-10 3994
1.这是一个基础的介绍，分享一个很好地博客，QPainter画家，QImage QPixmap看做画布 // 创建画家类对象 QPainter p(this); // 指定绘图设备，其中设备可以是控件QLabel,也可以是先在QImage上画图，然后设置在控件 ui->label->setPixmap(QPixmap::fromImage(Img)); https://blog.csdn.net/qq_32619837/article/details/103698140
记录：QLabel显示图片 & 自适应缩放。
momodosky的博客
05-15 1万+
Qt使用QLabel显示图片及支持缩放，小玩意儿经常用而不记，经常从头来过，记之以永绝后患。 【需求】 1、使用QLabel显示图片； 2、图片随窗口/控件的大小调整自适应调整大小（保持比例）。 【实现】 1、显示图片： QImage image(pic_file); this->pixmap = QPixmap::fromImage(image); ui->lb_pic->setPixmap(pixmap.scaled(ui->lb_pic-&
Qt6.5类库详解：QLabel
天恩软件工作室
12-15 1577
1 QLabel主要功能介绍，特点描述和使用说明。 2 QLabel默认风格显示例子。 3 QLabel常用信号、常用属性介绍。 4 QLabel选择文本函数、打开外部链接等功能。 5 QLabel各种风格显示，显示图像等例子。
QT QLabel设置字体的颜色
热门推荐
superbfly的专栏
11-17 13万+
第一种，使用setPalette()方法如下： QLabel *label = new QLabel(tr("Hello Qt!")); QPalette pe; pe.setColor(QPalette::WindowText,Qt::white); label->setPalette(pe);第二种，使用样式表如下： setStyleSheet("color:
QTextEdit在控件Qlabel上，且大小一样
05-24
如果您想将QTextEdit控件放在QLabel上，可以使用QLabel的setBuddy()函数来实现。setBuddy()函数可以将一个控件关联到另一个控件，使得在一个控件中按下Tab键时可以跳转到另一个控件。 在这种情况下，您可以将QLabel作为容器，并在其中添加QTextEdit控件。然后将QLabel和QTextEdit控件的大小设置为相同即可。 示例代码： ```python from PyQt5.QtWidgets import QApplication, QLabel, QTextEdit, QVBoxLayout, QWidget app = QApplication([]) # 创建QLabel和QTextEdit控件 label = QLabel() text_edit = QTextEdit() # 将QTextEdit控件添加到QLabel中 label.setLayout(QVBoxLayout()) label.layout().addWidget(text_edit) # 设置QLabel的大小和QTextEdit控件的大小相同 label.resize(300, 200) text_edit.resize(300, 200) # 将QLabel设置为QTextEdit的buddy text_edit.setBuddy(label) # 显示QLabel label.show() app.exec_() ``` 上述代码创建了一个QLabel控件，并将QTextEdit控件添加到其中。然后将QLabel和QTextEdit控件的大小设置为相同，并将QLabel设置为QTextEdit的buddy。最后显示QLabel控件。运行此代码可以看到QTextEdit控件在QLabel中，并且大小相同。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值