【QT 开发日志】QT 基础控件详解：按钮、文本框与标签的使用_qt支持用户按钮编辑文字框到图像上-CSDN博客

本文链接：https://blog.csdn.net/qq_57761637/article/details/142623641

在这里插入图片描述

🎬 鸽芷咕：个人主页
🔥 个人专栏: 《C++干货基地》《粉丝福利》

⛺️生活的理想，就是为了理想的生活!

博主简介

博主致力于嵌入式、Python、人工智能、C/C++领域和各种前沿技术的优质博客分享，用最优质的内容带来最舒适的阅读体验！在博客领域获得 C/C++领域优质、CSDN年度征文第一、掘金2023年人气作者、华为云享专家、支付宝开放社区优质博主等头衔。

个人社区 & 个人社群加入点击即可

介绍	加入链接
个人社群	社群内包含各个方向的开发者，有多年开发经验的大佬，一起监督打卡的创作者，开发者、在校生、考研党、均可加入并且咱每周都会有粉丝福利放送保你有所收获，一起加入我们共同进步吧！
个人社区	点击即可加入【咕咕社区】，让我们一起共创社区内容，输出优质文章来让你的写作能力更近一步一起加油！

⛳️ 推荐

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站。

专栏介绍

专栏名称	专栏介绍
科技杂谈	本专栏主要撰写各种科技数码等的评测体验心得，带大家一起体验最前沿的科技机技术产品体验
C++干货基地	本专栏主要撰写C++干货内容和编程技巧，让大家从底层了解C++，把更多的知识由抽象到简单通俗易懂。
《数据结构&算法》	本专栏主要是注重从底层来给大家一步步剖析数据存储的奥秘，一起解密数据在存储中数据的基本存储结构！
《docker容器精解篇》	全面深入解析 docker 容器，从基础到进阶，涵盖原理、操作、实践案例，助您精通 docker。
《linux深造日志》	本专栏的标题灵感是来自linux中系统产生的系统日志。而我们也可以每天输出内容不断前进，以达到精深的境地。
《C语言进阶篇》	想成为编程高手嘛？来看看《C语言进阶篇》成为编程高手的必学知识，带你一步步认识C语言最核心最底层原理。
写作技巧	写作涨粉太慢？不知道如何写博客？想成为一名优质的博主那么这篇专栏你一定要去了解

在这里插入图片描述

一、引言

Qt 是一个跨平台的 C++应用程序开发框架，拥有丰富的功能和强大的图形界面设计能力。在 Qt 中，基础控件的使用非常频繁，它们为用户提供了交互和信息展示的重要手段。掌握这些基础控件的使用方法，对于开发高质量的 Qt 应用程序至关重要。

二、按钮（QPushButton）

（一）创建按钮

在 Qt 中，可以使用以下方式创建一个按钮：

QPushButton *button = new QPushButton("Click me!", this);

这里创建了一个名为"Click me!"的按钮，并将其父对象设置为当前窗口或容器。

（二）设置按钮属性

文本：可以通过setText函数设置按钮上显示的文本。
```
button->setText("New Text");
```
图标：可以使用setIcon函数为按钮设置一个图标。
```
QIcon icon("path/to/icon.png");
button->setIcon(icon);
```
大小：可以使用setFixedSize或resize函数设置按钮的大小。
```
button->setFixedSize(100, 50);
```

（三）连接按钮信号与槽

在 Qt 中，信号与槽机制用于实现事件处理。当按钮被点击时，会发出clicked信号。可以将这个信号连接到一个槽函数，以实现特定的操作。

connect(button, SIGNAL(clicked()), this, SLOT(onButtonClicked()));

在槽函数中，可以编写响应按钮点击事件的代码。

void MyClass::onButtonClicked()
{
    qDebug() << "Button clicked!";
}

（四）按钮的状态

可用状态：可以使用setEnabled函数设置按钮是否可用。当按钮不可用时，它会显示为灰色，并且不能被点击。
```
button->setEnabled(false);
```

按下状态：可以通过isDown函数检查按钮是否被按下。

if (button->isDown())
{
    qDebug() << "Button is pressed.";
}

三、文本框（QLineEdit 和 QTextEdit）

（一）QLineEdit

创建文本框：

QLineEdit *lineEdit = new QLineEdit(this);

设置文本：可以使用setText函数设置文本框中的文本。
```
lineEdit->setText("Initial text");
```

获取文本：使用text函数可以获取文本框中的文本。

QString text = lineEdit->text();
qDebug() << "Text in line edit: " << text;

输入验证：可以使用setValidator函数为文本框设置输入验证器，例如限制输入为数字。
```
QIntValidator *validator = new QIntValidator(0, 100, this);
lineEdit->setValidator(validator);
```
密码模式：可以使用setEchoMode函数将文本框设置为密码模式。
```
lineEdit->setEchoMode(QLineEdit::Password);
```

（二）QTextEdit

创建文本编辑器：

QTextEdit *textEdit = new QTextEdit(this);

设置文本：可以使用setText函数设置文本编辑器中的文本。
```
textEdit->setText("Multi-line text.");
```

获取文本：使用toPlainText函数可以获取文本编辑器中的纯文本内容。

QString text = textEdit->toPlainText();
qDebug() << "Text in text edit: " << text;

富文本支持：QTextEdit 支持富文本格式，可以使用setHtml函数设置富文本内容。
```
textEdit->setHtml("Bold text Italic text");
```

四、标签（QLabel）

（一）创建标签

QLabel *label = new QLabel(this);

（二）设置标签文本

普通文本：可以使用setText函数设置标签上显示的文本。
```
label->setText("Hello, World!");
```
富文本：可以使用setHtml函数设置富文本内容。
```
label->setHtml("Bold text Italic text");
```

（三）设置标签属性

对齐方式：可以使用setAlignment函数设置标签文本的对齐方式。
```
label->setAlignment(Qt::AlignCenter);
```

图片：可以使用setPixmap函数为标签设置一个图片。

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

五、综合示例

以下是一个综合示例，展示了如何在一个窗口中使用按钮、文本框和标签：

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

class MyWidget : public QWidget
{
public:
    MyWidget()
    {
        QPushButton *button = new QPushButton("Click me!", this);
        QLineEdit *lineEdit = new QLineEdit(this);
        QLabel *label = new QLabel(this);

        connect(button, SIGNAL(clicked()), this, SLOT(onButtonClicked()));

        setFixedSize(300, 200);
    }

public slots:
    void onButtonClicked()
    {
        QString text = lineEdit->text();
        label->setText(text);
    }
};

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    MyWidget widget;
    widget.show();
    return app.exec();
}