目录

1.1 Line Edit

1.2 Text Edit

1.3 Combo Box  

1.4 Spin Box 

1.5 Date Edit & Time Edit

1.6 Dial

1.7 Slider

1.1 Line Edit

QLineEdit是Qt中的一个控件，用于 接收和显示单行文本输入。

2) 编写 widget.cpp, 在构造函数中编写初始化代码.  

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);// 初始化第⼀个输⼊框ui->lineEdit_name->setPlaceholderText("请输⼊姓名");ui->lineEdit_name->setClearButtonEnabled(true);// 初始化第⼆个输⼊框ui->lineEdit_password->setPlaceholderText("请输⼊密码");ui->lineEdit_password->setClearButtonEnabled(true);ui->lineEdit_password->setEchoMode(QLineEdit::Password);// 初始化第三个输⼊框ui->lineEdit_phone->setPlaceholderText("请输⼊电话号码");ui->lineEdit_password->setClearButtonEnabled(true);// 验证⼿机号码必须是 11 位数字. 并且按照 "344" 的格式来输⼊.ui->lineEdit_phone->setInputMask("000-0000-0000");
}

void Widget::on_pushButton_clicked()
{QString gender = ui->radioButton_male->isChecked() ? "男" : "⼥";qDebug() << "姓名: " << ui->lineEdit_name->text()<< "密码: " << ui->lineEdit_password->text()<< "性别: " << gender<< "⼿机: " << ui->lineEdit_phone->text();
}

QTextEdit是一个功能强大的多行文本编辑控件，适用于各种需要多行文本输入和显示的应用场景，如文档编辑、日志记录和聊天界面等。

void Widget::on_textEdit_textChanged()
{const QString& content = ui->textEdit->toPlainText();qDebug() << content;ui->label->setText(content);
}

 3) 执⾏程序, 可以看到当输⼊框中的内容发⽣变化时, label 中的内容同步发⽣改变.

1.3 Combo Box  

QComboBox是一个常用的UI控件，适用于许多需要从预定义选项中选择的场景，如设置界面、过滤器和工具栏等。

核心属性

核心方法 

核心信号

代码⽰例: 使⽤下拉框模拟⻨当劳点餐

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);ui->comboBox->addItem("巨⽆霸");ui->comboBox->addItem("⻨辣鸡腿堡");ui->comboBox_2->addItem("薯条");ui->comboBox_2->addItem("⻨辣鸡翅");ui->comboBox_3->addItem("可乐");ui->comboBox_3->addItem("雪碧");
}

void Widget::on_pushButton_clicked()
{qDebug() << "汉堡选择: " << ui->comboBox->currentText();qDebug() << "⼩⻝选择: " << ui->comboBox_2->currentText();qDebug() << "饮料选择: " << ui->comboBox_3->currentText();
}

1.4 Spin Box 

使⽤ QSpinBox 或者 QDoubleSpinBox 表示 "微调框", 它是带有按钮的输⼊框. 可以⽤来输入整数/浮点数. 通过点击按钮来修改数值大小.

• 由于 SpinBox 和 QDoubleSpinBox ⽤法基本相同, 就只介绍 SpinBox 的使⽤了.

• Spin 英⽂原意为 "旋转". 此处引申成 "微调".
• 事实上很多术语在翻译的时候, 不⼀定⾮要按照原始的翻译来表⽰, 更追求的是 "信达雅".
• 举个例⼦, 地铁上的 "Priority Seat" 会翻译成 "爱⼼专座", ⽽不是 "优先座位".

QSpinBox 关键属性

 核心信号

代码⽰例: 调整⻨当劳购物⻋中的份数.

• 三个下拉框: objectName 为 comboBox 到 comboBox_3
• 三个微调框: objectName 为 spinBox 到 spinBox_3
• ⼀个按钮: objectName 为 pushButton

2) 编写代码, 修改 widget.cpp, 给下拉框设置初始值.  

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);// 初始化下拉框ui->comboBox->addItem("巨⽆霸");ui->comboBox->addItem("⻨辣鸡腿堡");ui->comboBox_2->addItem("薯条");ui->comboBox_2->addItem("⻨辣鸡翅");ui->comboBox_3->addItem("可乐");ui->comboBox_3->addItem("雪碧");// 初始化微调框ui->spinBox->setValue(1);ui->spinBox->setRange(1, 5);ui->spinBox_2->setValue(1);ui->spinBox_2->setRange(1, 5);ui->spinBox_3->setValue(1);ui->spinBox_3->setRange(1, 5);
}

void Widget::on_pushButton_clicked()
{qDebug() << "当前下单的内容: "<< ui->comboBox->currentText() << ": " << ui->spinBox->value()<< ui->comboBox_2->currentText() << ": " << ui->spinBox_2->value()<< ui->comboBox_3->currentText() << ": " << ui->spinBox_3->value();
}

  核心信号

代码⽰例: 实现⽇期计算器

void Widget::on_pushButton_clicked()
{// 获取到两个时间框的时间⽇期QDateTime timeOld = ui->dateTimeEdit_old->dateTime();QDateTime timeNew = ui->dateTimeEdit_new->dateTime();// 计算⽇期差值int days = timeOld.daysTo(timeNew);int hours = (timeOld.secsTo(timeNew) / 3600) % 24;// 设置 label 的内容QString text = QString("爱你已经持续了 ") + QString::number(days) +QString(" 天 零 ")+ QString::number(hours) + QString(" 个⼩时!");ui->label->setText(text);
}

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);// 设置可以循环旋转ui->dial->setWrapping(true);// 设置刻度线可⻅ui->dial->setNotchesVisible(true);// 设置最⼤值为ui->dial->setMaximum(100);// 设置最⼩值为ui->dial->setMinimum(0);// 设置初始值为ui->dial->setValue(100);
}

void Widget::on_dial_valueChanged(int value)
{ui->label->setText(QString("当前不透明度为: ") + QString::number(value));this->setWindowOpacity((double)value / 100);
}

核心属性

核心信号

代码⽰例: 调整窗⼝⼤⼩

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);ui->horizontalSlider->setMinimum(500);ui->horizontalSlider->setMaximum(2000);ui->horizontalSlider->setSingleStep(100);ui->horizontalSlider->setValue(800);ui->verticalSlider->setMinimum(500);ui->verticalSlider->setMaximum(1500);ui->verticalSlider->setSingleStep(100);ui->verticalSlider->setValue(600);// 翻转朝向, 默认滑块从下向上增⻓, 改成从上往下增⻓.ui->verticalSlider->setInvertedAppearance(true);
}

void Widget::on_horizontalSlider_valueChanged(int value)
{QRect rect = this->geometry();this->setGeometry(rect.x(), rect.y(), value, rect.height());qDebug() << value;
}void Widget::on_verticalSlider_valueChanged(int value)
{QRect rect = this->geometry();this->setGeometry(rect.x(), rect.y(), rect.width(), value);qDebug() << value;
}

 以上就是关于本期输入类控件的全部知识！！！