• Qt 输入组控件(Input Widgets）& 显示组控件(Display Widgets）详解

    一、Qt 输入组控件(Input Widgets）

    Qt Input Widgets是一组用户界面元素，用于输入和显示文字和数字等的数据。这些小部件可以组成各种不同的表单和对话框，用户可以使用这些小部件与程序交互。

    以下是Qt Input Widgets的一些常见小部件：

    1. QLineEdit：用于单行文本输入，比如用户名和密码等。
    2. QTextEdit：用于多行文本输入，比如邮件正文等。
    3. QPlainTextEdit：用于纯文本的多行输入，比如代码编辑器等。
    4. QSpinBox：用于数字输入，比如选择年龄等。
    5. QComboBox：用于下拉选择列表，比如选择性别等。
    6. QCheckBox：用于选择复选框，比如选择喜欢的运动等。
    7. QRadioButton：用于选择单选按钮，比如选择语言等。

    Qt Input Widgets全部部件如下图：

    控件名称依次解释如下：

    • 编辑组合框
    • 字体组合框
    • 行编辑框
    • 文本编辑框
    • 多行文本编辑器
    • 整数旋转框
    • 小数旋转框
    • 时间编辑
    • 日期编辑
    • 日期时间编辑
    • 表盘控件
    • 水平和垂直滚动条
    • 水平和垂直滑动条
    • 快捷键输入控件

    案例分析：

    main.window.h

    1. #ifndef MAINWINDOW_H
    2. #define MAINWINDOW_H
    3.  
    4. #include 
    5.  
    6.  
    7. // 1:Combo Box控件
    8. #include 
    9.  
    10.  
    11. // 2:FontComboBox控件
    12. #include 
    13. #include 
    14.  
    15. // 3:Line Edit控件
    16. #include 
    17. #include 
    18.  
    19. // 4:Plain Text Edit控件
    20. #include 
    21. #include 
    22.  
    23. // 5:Spin Box控件
    24. #include 
    25.  
    26. // 6:时间控件
    27. #include 
    28. #include 
    29. #include 
    30.  
    31.  
    32. // 7: Scroll Bar控件
    33. #include 
    34.  
    35. // 8: Key Sequence Edit控件
    36. #include 
    37.  
    38.  
    39. QT_BEGIN_NAMESPACE
    40. namespace Ui { class MainWindow; }
    41. QT_END_NAMESPACE
    42.  
    43. class MainWindow : public QMainWindow
    44. {
    45.     Q_OBJECT
    46.  
    47. public:
    48.     MainWindow(QWidget *parent = nullptr);
    49.     ~MainWindow();
    50.  
    51. private:
    52.     Ui::MainWindow *ui;
    53.  
    54.     // 1:声明一个QComboBox对象
    55. private:
    56.     QComboBox *combobox;
    57. private slots:
    58.     void comboboxIndex(int);
    59.  
    60.     // 2:声明QFontComboBox/QLabel对象
    61. private:
    62.     QFontComboBox *fontcombobox;
    63.     QLabel *qlabels;
    64. private slots:
    65.     void fontcomboboxFunc(QFont);
    66.  
    67.     // 3:声明QLineEdit/QPushButton/QLabel对象
    68. private:
    69.     QLineEdit *lineedit;
    70.     QPushButton *pushbutton;
    71.     QLabel *qlabely;
    72. private slots:
    73.     void pushbuttonclicked();
    74.  
    75.     // 4:声明QPlainTextEdit/QRadioButton对象
    76. private:
    77.     QPlainTextEdit *plaintedit;
    78.     QRadioButton *radiobutton;
    79. private slots:
    80.     void radioButtonClicked();
    81.  
    82.     // 5:声明QPlainTextEdit/QRadioButton对象
    83. private:
    84.     QSpinBox *spinbox;
    85. private slots:
    86.     void spinboxValueChanged(int);
    87.  
    88.     // 6:声明QDateTimeEdit/QTimeEdit/QDateEdit对象
    89. private:
    90.     QDateTimeEdit *dte;
    91.     QTimeEdit *te;
    92.     QDateEdit *de;
    93.  
    94.     // 7:声明QScrollBar对象
    95. private:
    96.     QScrollBar *hscrollbar,*vscrollbar;
    97.  
    98.  
    99.     // 8:声明QKeySequenceEdit对象
    100. private:
    101.     QKeySequenceEdit *kse;
    102. private slots:
    103.     void keyseqeditChanged(const QKeySequence &);
    104.  
    105. };
    106. #endif // MAINWINDOW_H

    main.cpp

    1. #include "mainwindow.h"
    2.  
    3. #include 
    4.  
    5. int main(int argc, char *argv[])
    6. {
    7.     QApplication a(argc, argv);
    8.     MainWindow w;
    9.     w.show();
    10.     return a.exec();
    11. }

    mainwindow.cpp

    1. #include "mainwindow.h"
    2. #include "ui_mainwindow.h"
    3.  
    4. #include 
    5. #include 
    6.  
    7. #include 
    8. #include 
    9.  
    10.  
    11. MainWindow::MainWindow(QWidget *parent)
    12.     : QMainWindow(parent)
    13.     , ui(new Ui::MainWindow)
    14. {
    15.     ui->setupUi(this);
    16.  
    17.  
    18.     // 设置主空格的显示位置及大小
    19.     this->setGeometry(300,200,1000,600);
    20.  
    21.     // 1:QComboBox
    22.     combobox=new QComboBox(this); // 实例化对象
    23.     combobox->setGeometry(10,10,200,30);
    24.     combobox->addItem("北京市");
    25.     combobox->addItem("上海市");
    26.     combobox->addItem("天津市");
    27.     combobox->addItem("重庆市");
    28.     combobox->addItem("湖南省");
    29.     combobox->addItem("江西省");
    30.     combobox->addItem("广东省");
    31.     combobox->addItem("香港特别行政区");
    32.     combobox->addItem("澳门特别行政区");
    33.  
    34.     // 信号槽函数连接实现
    35.     connect(combobox,SIGNAL(currentIndexChanged(int)),this,SLOT(comboboxIndex(int)));
    36.  
    37.     // 2:QFontComboBox/QLabel
    38.     fontcombobox=new QFontComboBox(this);
    39.     qlabels=new QLabel(this);
    40.     fontcombobox->setGeometry(10,50,200,30);
    41.     qlabels->setGeometry(10,70,300,50);
    42.  
    43.     // 信号与槽函数连接
    44.     connect(fontcombobox,SIGNAL(currentFontChanged(QFont)),this,SLOT(fontcomboboxFunc(QFont)));
    45.  
    46.     // 3:QLineEdit/QPushButton/QLabel
    47.     lineedit=new QLineEdit(this);
    48.     lineedit->setGeometry(10,150,200,30);
    49.     pushbutton=new QPushButton(this);
    50.     pushbutton->setGeometry(220,150,100,30);
    51.     pushbutton->setText("点击我");
    52.     qlabely=new QLabel(this);
    53.     qlabely->setGeometry(10,200,400,30);
    54.     qlabely->setText("你输入的内容为：");
    55.  
    56.     // 信号与槽函数连接
    57.     connect(pushbutton,SIGNAL(clicked()),this,SLOT(pushbuttonclicked()));
    58.  
    59.     // 4:QPlainTextEdit/QRadioButton
    60.     plaintedit=new QPlainTextEdit(this);
    61.     plaintedit->setGeometry(10,250,400,200);
    62.     radiobutton=new QRadioButton(this);
    63.     radiobutton->setGeometry(300,220,200,30);
    64.     radiobutton->setText("只读模式");
    65.  
    66.     // 设置工作目录为可执行程序的工作目录
    67.     QDir::setCurrent(QCoreApplication::applicationDirPath());
    68.     QFile fe("moc_mainwindow.cpp"); // moc（Meta-Object Compiler，也就是“元对象编译器”）找不到返回上一级
    69.     fe.open((QFile::ReadOnly|QFile::Text));
    70.  
    71.     // 加载到文件流
    72.     QTextStream strin(&fe);
    73.     plaintedit->insertPlainText(strin.readAll());
    74.  
    75.     // 信号与槽函数连接
    76.     connect(radiobutton,SIGNAL(clicked()),this,SLOT(radioButtonClicked()));
    77.  
    78.  
    79.     // 5: 改变窗口背景颜色
    80.     this->setStyleSheet("QMainWindow{background-color:""rgba(250,220,120,100%)}");
    81.  
    82.     spinbox=new QSpinBox(this);
    83.     spinbox->setGeometry(440,250,150,30);
    84.  
    85.     spinbox->setRange(0,100);
    86.     spinbox->setSingleStep(10);
    87.     spinbox->setValue(100);
    88.  
    89.     spinbox->setSuffix("%不透明度");
    90.  
    91.     // 信号与槽函数连接
    92.     connect(spinbox,SIGNAL(valueChanged(int)),this,SLOT(spinboxValueChanged(int)));
    93.  
    94.  
    95.     // 6:QDateTimeEdit/QTimeEdit/QDateEdit
    96.     dte=new QDateTimeEdit(QDateTime::currentDateTime(),this);
    97.     dte->setGeometry(440,290,200,30);
    98.     te=new QTimeEdit(QTime::currentTime(),this);
    99.     te->setGeometry(440,330,200,30);
    100.     de=new QDateEdit(QDate::currentDate(),this);
    101.     de->setGeometry(440,370,200,30);
    102.  
    103.  
    104.     // 7: QScrollBar
    105.     hscrollbar=new QScrollBar(Qt::Horizontal,this);
    106.     hscrollbar->setGeometry(0,500,1000,30);
    107.     vscrollbar=new QScrollBar(Qt::Vertical,this);
    108.     vscrollbar->setGeometry(970,0,30,500);
    109.  
    110.     // 8：QKeySequenceEdit
    111.     kse=new QKeySequenceEdit(this);
    112.     kse->setGeometry(400,530,200,30);
    113.     // 信号与槽函数连接
    114.     connect(kse,SIGNAL(keySequenceChanged(const QKeySequence &)),
    115.              this,SLOT(keyseqeditChanged(const QKeySequence &)));
    116.  
    117. }
    118.  
    119. MainWindow::~MainWindow()
    120. {
    121.     delete ui;
    122. }
    123.  
    124. // 1:
    125. void MainWindow::comboboxIndex(int index)
    126. {
    127.     qDebug()<<"你选择的区别是："<itemText(index)<
    128.  
    129.     QMessageBox mybox(QMessageBox::Question,"信息",combobox->itemText(index),QMessageBox::Yes|QMessageBox::No);
    130.     mybox.exec();
    131. }
    132.  
    133. // 2:
    134. void MainWindow::fontcomboboxFunc(QFont font)
    135. {
    136.     qlabels->setFont(font);
    137.     QString qStr="罗小白的干爹";
    138.     qlabels->setText(qStr);
    139.  
    140. }
    141.  
    142. // 3:
    143. void MainWindow::pushbuttonclicked()
    144. {
    145.     QString qStr;
    146.     qStr="你输入的内容为：";
    147.     qStr=qStr+lineedit->text();
    148.  
    149.     qlabely->setText(qStr);
    150.     lineedit->clear();
    151. }
    152.  
    153. // 4:
    154. void MainWindow::radioButtonClicked()
    155. {
    156.     if(radiobutton->isChecked()){
    157.         plaintedit->setReadOnly(true);
    158.     }
    159.     else
    160.         plaintedit->setReadOnly(false);
    161. }
    162.  
    163. // 5:
    164. void MainWindow::spinboxValueChanged(int x)
    165. {
    166.     double dx=(double)x/100;
    167.  
    168.     this->setWindowOpacity(dx);
    169. }
    170.  
    171. // 8：
    172. void MainWindow::keyseqeditChanged(const QKeySequence &key)
    173. {
    174.     if(key==QKeySequence(tr("Ctrl+Q")))
    175.         this->close();
    176.     else
    177.         qDebug()<toString()<
    178.  
    179. }
    180.

    编译执行结果：

    二、Qt 显示组控件(Display Widgets）

    Qt Display Widgets 是 Qt 框架中用于显示和展示数据的相关窗口部件。该部件库包含了多种用于显示文本、图像、图表、列表、树形结构等数据的窗口部件，支持用户交互、布局和样式自定义等功能。以下是 Qt Display Widgets 的主要部件：

    1. QLabel：用于显示文本和图像。

    2. QTextEdit：用于显示和编辑富文本。

    3. QPlainTextEdit：用于显示和编辑纯文本。

    4. QListView：用于显示列表数据。

    5. QTreeView：用于显示树形结构数据。

    6. QTableWidget：用于显示二维表格数据。

    7. QChartView：用于显示各种图表，如折线图、柱状图、饼图等。

    Qt Display Widgets 全部部件如下图：

    控件名称依次解释如下：

    • Label: 标签
    • Text Browser:文本浏览器
    • Graphics View :图形视图框架
    • Calendar Widget : 日历控件
    • LCD Number:液晶字体数字控件
    • Progress Bar: 进度条
    • Horizontal Line/Vertical Line :水平线/垂直线
    • OpenGL Widget : OpenGL 图形染控件
    • QQuickWidget :QML 嵌入控件

    案例实现功能：

    • Label: 标签 -> 放图片
    • Text Browser:文本浏览器 -> 存放打开的文件
    • 测试进度条
    • 通过按钮开始或暂停定时

    ui绘图：

    widget.h

    1. #ifndef WIDGET_H
    2. #define WIDGET_H
    3.  
    4. #include 
    5.  
    6. // 1:
    7. #include 
    8.  
    9. // 2:
    10. #include 
    11.  
    12. // 4:
    13. #include 
    14.  
    15. QT_BEGIN_NAMESPACE
    16. namespace Ui { class Widget; }
    17. QT_END_NAMESPACE
    18.  
    19. class Widget : public QWidget
    20. {
    21.     Q_OBJECT
    22.  
    23. public:
    24.     Widget(QWidget *parent = nullptr);
    25.     ~Widget();
    26.  
    27. private slots:
    28.     void on_pushButtonProgressBar_clicked();
    29.  
    30.     void on_pushbtnstart_clicked();
    31.  
    32.     void on_pushbtnpause_clicked();
    33.  
    34.     void on_pushbtnreset_clicked();
    35.  
    36.     // 4:
    37.     // 自定义函数：定时器
    38.     void on_timerout();
    39. private:
    40.     int iValues=0;
    41.     QTimer *timers; // 定时器
    42.     void InitFunc();
    43.  
    44. private:
    45.     Ui::Widget *ui;
    46.  
    47.     // 1:
    48. private:
    49.     void textlabelFunc();
    50.  
    51.     // 2:
    52. private:
    53.     void textbrowserFuncReadTxt();
    54.  
    55. };
    56. #endif // WIDGET_H

    main.cpp

    1. #include "widget.h"
    2.  
    3. #include 
    4.  
    5. int main(int argc, char *argv[])
    6. {
    7.     QApplication a(argc, argv);
    8.     Widget w;
    9.     w.show();
    10.     return a.exec();
    11. }

    widget.cpp

    1. #include "widget.h"
    2. #include "ui_widget.h"
    3.  
    4. Widget::Widget(QWidget *parent)
    5.     : QWidget(parent)
    6.     , ui(new Ui::Widget)
    7. {
    8.     ui->setupUi(this);
    9.  
    10.     // 1:调用函数
    11.     textlabelFunc();
    12.  
    13.     // 2:调用函数
    14.     textbrowserFuncReadTxt();
    15.  
    16.     // 3:初始化进程条
    17.     ui->progressBar->setRange(0,1000000);
    18.     ui->progressBar->setValue(0);
    19.  
    20.     // 4:
    21.     InitFunc();
    22.     // 信号与槽函数连接
    23.     connect(timers,&QTimer::timeout,this,&Widget::on_timerout);
    24.  
    25. }
    26.  
    27. Widget::~Widget()
    28. {
    29.     delete ui;
    30. }
    31.  
    32. // 1:
    33. void Widget::textlabelFunc()
    34. {
    35.     QString fName("D:\\刘德华.jpg");
    36.  
    37.     QImage *qimg=new QImage;
    38.  
    39.     if(!(qimg->load(fName))) // 判断加载图片
    40.     {
    41.         QMessageBox::information(this,"失败","加载jpg图片失败，请重新检查?");
    42.         delete  qimg;
    43.  
    44.         return;
    45.     }
    46.  
    47.     ui->label->setPixmap(QPixmap::fromImage(*qimg));
    48. }
    49.  
    50. // 2:
    51. void Widget::textbrowserFuncReadTxt()
    52. {
    53.     QString qStrdData;
    54.     QFile qfile("d:\\THIRD-PARTY-LICENSES.txt");
    55.  
    56.     if(!(qfile.open(QIODevice::ReadOnly|QIODevice::Text)))
    57.     {
    58.         QMessageBox::warning(this,"失败","打开文件失败，请重新检查?");
    59.     }
    60.  
    61.     while (!qfile.atEnd())
    62.     {
    63.         QByteArray ay=qfile.readLine();
    64.         QString strs(ay);
    65.         qStrdData.append(strs);
    66.     }
    67.  
    68.     ui->textBrowser->setText(qStrdData);
    69. }
    70.  
    71. void Widget::on_pushButtonProgressBar_clicked()
    72. {
    73.     for(int i=1;i<=1000000;i++)
    74.     {
    75.         for(int j=0;j<1;j++)
    76.         {
    77.             ui->progressBar->setValue(i);
    78.         }
    79.     }
    80. }
    81.  
    82. void Widget::on_pushbtnstart_clicked()
    83. {
    84.     timers->start(); // 1s触发一次操作
    85.     ui->pushbtnstart->setEnabled(false);
    86.     ui->pushbtnpause->setEnabled(true);
    87.     ui->pushbtnreset->setEnabled(true);
    88.  
    89. }
    90.  
    91. void Widget::on_pushbtnpause_clicked()
    92. {
    93.     timers->stop(); // 1s触发一次操作
    94.     ui->pushbtnstart->setEnabled(true);
    95.     ui->pushbtnpause->setEnabled(false);
    96.     ui->pushbtnreset->setEnabled(true);
    97.  
    98. }
    99.  
    100. void Widget::on_pushbtnreset_clicked()
    101. {
    102.     timers->stop(); // 1s触发一次操作
    103.     iValues=0;
    104.  
    105.     ui->lcdNumber->display(iValues);
    106.  
    107.     ui->pushbtnstart->setEnabled(true);
    108.     ui->pushbtnpause->setEnabled(true);
    109.     ui->pushbtnreset->setEnabled(false);
    110.  
    111. }
    112.  
    113. void Widget::InitFunc()
    114. {
    115.     timers=new QTimer(this);
    116.     timers->setInterval(1000); // 定时周期为1s
    117.     timers->stop();
    118.  
    119. }
    120.  
    121. void Widget::on_timerout()
    122. {
    123.     iValues++;
    124.     ui->lcdNumber->display(iValues);
    125. }

    编译执行结果：

  • 相关阅读:
    Jetson AGX Orin R34.1.1 源码环境搭建 & SDKmanager刷机
    汇集YOLO系列经典和前沿算法，实现高精度实时检测！
    【HTML5高级第二篇】WebWorker多线程、EventSource事件推送、History历史操作
    【SpringMVC笔记14】SpringMVC集成Jackson和FastJson两种方式处理json数据
    [python]python监听、操作键盘鼠标库pynput详细教程
    阿里云有奖体验：用PolarDB-X搭建一个高可用系统
    关于实现 Vue 动态数据显示，比如数字 0 或 1 怎么显示为 男 或 女等等的动态显示实现方法
    Spring Boot 2.x系列【23】应用监控篇之Info端点
    [ 常用工具篇 ] kali 忘记 root 密码 -- 修改 root 密码
    mysql面试题31：一条SQL语句在MySQL中如何执行的
  • 原文地址：https://blog.csdn.net/m0_74712453/article/details/133758604