【Qt常用控件】—— 输入类控件

目录

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;
}

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