【QT/C++】Qt基础控件详解：输入与显示控件(超详细) - 详解

【QT/C++】Qt基础控件详解：输入与显示控件(超详细)

• 本文主要详细说明Qt基础控件：输入与显示控件。

(关注不迷路哈！！！)

文章目录

• 【QT/C++】Qt基础控件详解：输入与显示控件(超详细)
• • 1. 输入控件(Input Widgets)
  • • 1.1 ComboBox组合框控件
    • 1.2 LineEdit文本输入控件
    • 1.3 Dial旋钮控件
  • 2. 显示控件(Display Widgets)
  • • 2.1 TextBrowser文本显示控件
    • 2.2 LCDNumber数字显示控件
    • 2.3 ProgressBar进度条控件
  • 3. 综合示例：多功能控制面板
  • • 3.1 头文件(controlpanel.h)
    • 3.2 实现文件(controlpanel.cpp)
    • 3.3 主函数(main.cpp)

---

1. 输入控件(Input Widgets)

1.1 ComboBox组合框控件

ComboBox是一个下拉列表控件，允许用户从预定义的选项中选择一个项目。

#include <QComboBox>// 添加信息到ComboBoxcomboBox->addItem("选项1");comboBox->addItem(QIcon(":/icons/item.png"), "带图标的选项");comboBox->addItems(QStringList() << "选项2" << "选项3" << "选项4");// 带用户数据的添加方式comboBox->addItem("选项", QVariant(100));// 获取用户选择的信号connect(comboBox, &QComboBox::activated,[=](const QString &text) {qDebug() << "用户选择了:" << text;});// 其他常用方法QString currentText = comboBox->currentText();  // 获取当前文本int currentIndex = comboBox->currentIndex();    // 获取当前索引comboBox->setCurrentIndex(2);                   // 设置当前选择

1.2 LineEdit文本输入控件

LineEdit是一个单行文本输入控件，支持文本编辑功能。

#include <QLineEdit>// 基本使用lineEdit->setText("默认文本");QString text = lineEdit->text();// 设置输入模式lineEdit->setEchoMode(QLineEdit::Password);     // 密码模式lineEdit->setEchoMode(QLineEdit::Normal);       // 普通模式// 输入验证lineEdit->setValidator(new QIntValidator(0, 100, this));  // 限制为0-100的整数// 信号连接connect(lineEdit, &QLineEdit::textChanged,[=](const QString &text) {qDebug() << "文本已更改:" << text;});connect(lineEdit, &QLineEdit::editingFinished,[=]() {qDebug() << "编辑完成";});connect(lineEdit, &QLineEdit::returnPressed,[=]() {qDebug() << "回车键被按下";});

1.3 Dial旋钮控件

Dial是一个圆形旋钮控件，用户可以通过旋转来选择数值。

#include <QDial>// 设置范围和值dial->setRange(0, 100);          // 设置范围dial->setMinimum(0);             // 设置最小值dial->setMaximum(100);           // 设置最大值dial->setValue(50);              // 设置当前值// 获取当前值int value = dial->value();// 信号连接connect(dial, &QDial::valueChanged,[=](int value) {qDebug() << "值改变为:" << value;});connect(dial, &QDial::sliderMoved,[=](int value) {qDebug() << "旋钮移动到:" << value;});

2. 显示控件(Display Widgets)

2.1 TextBrowser文本显示控件

TextBrowser是一个富文本显示控件，支持HTML格式的文本显示。

#include <QTextBrowser>// 显示纯文本textBrowser->setPlainText("这是纯文本内容");// 显示HTML内容
textBrowser->setHtml("<h1>标题</h1><p>段落内容</p>");// 追加文本textBrowser->append("追加的内容");// 常用操作textBrowser->clear();            // 清空内容textBrowser->selectAll();        // 全选textBrowser->copy();             // 复制选中内容

2.2 LCDNumber数字显示控件

LCDNumber模拟液晶数字显示屏，用于显示数字。

#include <QLCDNumber>// 显示不同类型的数值lcdNumber->display(123);          // 显示整数lcdNumber->display(3.14);         // 显示浮点数lcdNumber->display("Hello");      // 显示字符串// 设置显示模式lcdNumber->setDecMode();          // 十进制（默认）lcdNumber->setHexMode();          // 十六进制lcdNumber->setBinMode();          // 二进制lcdNumber->setOctMode();          // 八进制// 设置显示位数lcdNumber->setDigitCount(5);      // 设置显示位宽为5位// 设置样式lcdNumber->setSegmentStyle(QLCDNumber::Flat);  // 平面样式

2.3 ProgressBar进度条控件

ProgressBar用于显示任务的进度状态。

#include <QProgressBar>// 设置范围和当前值progressBar->setRange(0, 100);    // 设置范围0-100progressBar->setMinimum(0);       // 设置最小值progressBar->setMaximum(100);     // 设置最大值progressBar->setValue(50);        // 设置当前值// 获取当前状态int value = progressBar->value();      // 获取当前值int min = progressBar->minimum();      // 获取最小值int max = progressBar->maximum();      // 获取最大值// 设置文本可见性progressBar->setTextVisible(true);     // 显示进度文本// 设置方向progressBar->setOrientation(Qt::Horizontal);  // 水平方向progressBar->setOrientation(Qt::Vertical);    // 垂直方向

3. 综合示例：多功能控制面板

以下是一个综合示例，展示如何将这些输入和显示控件结合使用，创建一个多功能控制面板：

3.1 头文件(controlpanel.h)

#ifndef CONTROLPANEL_H
#define CONTROLPANEL_H
#include <QMainWindow>#include <QComboBox>#include <QLineEdit>#include <QDial>#include <QTextBrowser>#include <QLCDNumber>#include <QProgressBar>#include <QPushButton>#include <QLabel>#include <QVBoxLayout>#include <QHBoxLayout>#include <QGridLayout>#include <QTimer>class ControlPanel : public QMainWindow{Q_OBJECTpublic:ControlPanel(QWidget *parent = nullptr);~ControlPanel();private slots:void onComboBoxActivated(const QString &text);void onLineEditChanged(const QString &text);void onDialValueChanged(int value);void onDialSliderMoved(int value);void onStartButtonClicked();void onStopButtonClicked();void updateProgress();private:void setupUI();void setupConnections();// 输入控件QComboBox *modeComboBox;QLineEdit *inputLineEdit;QDial *controlDial;// 显示控件QTextBrowser *infoTextBrowser;QLCDNumber *valueLCD;QProgressBar *taskProgressBar;// 控制按钮QPushButton *startButton;QPushButton *stopButton;// 定时器QTimer *progressTimer;int progressValue;};#endif // CONTROLPANEL_H

3.2 实现文件(controlpanel.cpp)

#include "controlpanel.h"
#include <QApplication>#include <QWidget>#include <QMessageBox>ControlPanel::ControlPanel(QWidget *parent): QMainWindow(parent), progressValue(0){setupUI();setupConnections();// 初始化定时器progressTimer = new QTimer(this);connect(progressTimer, &QTimer::timeout, this, &ControlPanel::updateProgress);}ControlPanel::~ControlPanel(){}void ControlPanel::setupUI(){// 创建输入控件modeComboBox = new QComboBox;modeComboBox->addItems(QStringList() << "模式1" << "模式2" << "模式3" << "自定义模式");inputLineEdit = new QLineEdit;inputLineEdit->setPlaceholderText("请输入参数...");controlDial = new QDial;controlDial->setRange(0, 100);controlDial->setValue(50);controlDial->setNotchesVisible(true);// 创建显示控件infoTextBrowser = new QTextBrowser;infoTextBrowser->setPlainText("系统信息显示区域");valueLCD = new QLCDNumber;valueLCD->setDigitCount(4);valueLCD->display(50);valueLCD->setSegmentStyle(QLCDNumber::Flat);taskProgressBar = new QProgressBar;taskProgressBar->setRange(0, 100);taskProgressBar->setValue(0);taskProgressBar->setTextVisible(true);// 创建控制按钮startButton = new QPushButton("开始任务");stopButton = new QPushButton("停止任务");stopButton->setEnabled(false);// 创建布局auto *inputLayout = new QHBoxLayout;inputLayout->addWidget(new QLabel("工作模式:"));inputLayout->addWidget(modeComboBox);inputLayout->addWidget(new QLabel("参数设置:"));inputLayout->addWidget(inputLineEdit);auto *dialLayout = new QVBoxLayout;dialLayout->addWidget(new QLabel("数值调节"), 0, Qt::AlignCenter);dialLayout->addWidget(controlDial);dialLayout->addWidget(valueLCD);auto *buttonLayout = new QHBoxLayout;buttonLayout->addWidget(startButton);buttonLayout->addWidget(stopButton);auto *mainLayout = new QVBoxLayout;mainLayout->addLayout(inputLayout);mainLayout->addLayout(dialLayout);mainLayout->addWidget(new QLabel("系统信息:"));mainLayout->addWidget(infoTextBrowser);mainLayout->addWidget(new QLabel("任务进度:"));mainLayout->addWidget(taskProgressBar);mainLayout->addLayout(buttonLayout);auto *centralWidget = new QWidget;centralWidget->setLayout(mainLayout);setCentralWidget(centralWidget);setWindowTitle("多功能控制面板");resize(500, 400);}void ControlPanel::setupConnections(){connect(modeComboBox, &QComboBox::activated, this, &ControlPanel::onComboBoxActivated);connect(inputLineEdit, &QLineEdit::textChanged, this, &ControlPanel::onLineEditChanged);connect(controlDial, &QDial::valueChanged, this, &ControlPanel::onDialValueChanged);connect(controlDial, &QDial::sliderMoved, this, &ControlPanel::onDialSliderMoved);connect(startButton, &QPushButton::clicked, this, &ControlPanel::onStartButtonClicked);connect(stopButton, &QPushButton::clicked, this, &ControlPanel::onStopButtonClicked);}void ControlPanel::onComboBoxActivated(const QString &text){infoTextBrowser->append(QString("切换到工作模式: %1").arg(text));}void ControlPanel::onLineEditChanged(const QString &text){infoTextBrowser->append(QString("参数设置更新: %1").arg(text));}void ControlPanel::onDialValueChanged(int value){valueLCD->display(value);infoTextBrowser->append(QString("数值调节: %1").arg(value));}void ControlPanel::onDialSliderMoved(int value){// 滑动过程中的实时更新taskProgressBar->setValue(value);}void ControlPanel::onStartButtonClicked(){startButton->setEnabled(false);stopButton->setEnabled(true);progressValue = 0;taskProgressBar->setValue(0);// 启动进度更新定时器progressTimer->start(100);  // 每100ms更新一次infoTextBrowser->append("任务开始执行...");}void ControlPanel::onStopButtonClicked(){startButton->setEnabled(true);stopButton->setEnabled(false);// 停止进度更新定时器progressTimer->stop();infoTextBrowser->append("任务已停止");}void ControlPanel::updateProgress(){progressValue += 1;if (progressValue > 100) {progressValue = 0;progressTimer->stop();startButton->setEnabled(true);stopButton->setEnabled(false);infoTextBrowser->append("任务执行完成");}taskProgressBar->setValue(progressValue);}

3.3 主函数(main.cpp)

#include "controlpanel.h"
#include <QApplication>int main(int argc, char *argv[]){QApplication app(argc, argv);ControlPanel panel;panel.show();return app.exec();}#include "main.moc"

这个综合示例演示了以下知识点：

1. ComboBox的使用：提供模式选择功能
2. LineEdit的使用：接收用户输入参数
3. Dial的使用：通过旋钮调节数值
4. TextBrowser的使用：显示系统信息和日志
5. LCDNumber的使用：显示当前数值
6. ProgressBar的使用：显示任务进度
7. 控件间信号与槽的连接：实现控件间的交互
8. 定时器的使用：模拟任务执行进度