QT：输入类控件的使用

最新推荐文章于 2024-05-21 09:41:30 发布
最新推荐文章于 2024-05-21 09:41:30 发布
阅读量1.4k 收藏 6
点赞数 26
分类专栏： QT 知识总结 文章标签： qt 命令模式 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_73899585/article/details/138412922
版权

LineEdit

录入个人信息

#include "widget.h"
#include "ui_widget.h"
#include <QDebug>
#include <QString>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    // 初始化输入框
    ui->lineEdit_name->setPlaceholderText("输入姓名");
    ui->lineEdit_name->setClearButtonEnabled(true);

    ui->lineEdit_passwd->setPlaceholderText("输入密码");
    ui->lineEdit_passwd->setClearButtonEnabled(true);
    ui->lineEdit_passwd->setEchoMode(QLineEdit::Password);

    ui->lineEdit_tele->setPlaceholderText("输入电话");
    ui->lineEdit_tele->setClearButtonEnabled(true);
    ui->lineEdit_tele->setInputMask("000-0000-0000");
}

Widget::~Widget()
{
    delete ui;
}


void Widget::on_pushButton_clicked()
{
    // 当点击的时候把信息拿出来
    QString gender = ui->radioButton_male->isChecked() ? "男" : "女";

    qDebug() << "姓名: " << ui->lineEdit_name->text();
    qDebug() << "密码: " << ui->lineEdit_passwd->text();
    qDebug() << "性别: " << gender;
    qDebug() << "电话: " << ui->lineEdit_tele->text();
}

在这里插入图片描述

在这里插入图片描述

检验两次密码是否相同

#include "widget.h"
#include "ui_widget.h"
#include <QString>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    // 设置两个输入框是密码模式
    ui->lineEdit->setEchoMode(QLineEdit::Password);
    ui->lineEdit_2->setEchoMode(QLineEdit::Password);
}

Widget::~Widget()
{
    delete ui;
}


void Widget::on_lineEdit_textEdited(const QString &arg1)
{
    QString s1 = ui->lineEdit->text();
    QString s2 = ui->lineEdit_2->text();

    if(s1.isEmpty() && s2.isEmpty())
        ui->label->setText("密码是空");
    else if(s1 == s2)
        ui->label->setText("密码一致");
    else
        ui->label->setText("密码不相同");
}

void Widget::on_lineEdit_2_textEdited(const QString &arg1)
{
    QString s1 = ui->lineEdit->text();
    QString s2 = ui->lineEdit_2->text();

    if(s1.isEmpty() && s2.isEmpty())
        ui->label->setText("密码是空");
    else if(s1 == s2)
        ui->label->setText("密码一致");
    else
        ui->label->setText("密码不相同");
}

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

切换显示密码

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    // 初始化模式
    ui->lineEdit->setEchoMode(QLineEdit::Password);
}

Widget::~Widget()
{
    delete ui;
}


void Widget::on_checkBox_toggled(bool checked)
{
    if(checked)
        ui->lineEdit->setEchoMode(QLineEdit::Normal);
    else
        ui->lineEdit->setEchoMode(QLineEdit::Password);
}

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Text Edit

表示的是多行输入框，并且还能提供滚动条

获取多行输入框的内容

当多行输入框内容改变后，把对应的信息传递到label中即可

#include "widget.h"
#include "ui_widget.h"
#include <QString>
#include <QDebug>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
}

Widget::~Widget()
{
    delete ui;
}


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

在这里插入图片描述

Combo Box

表示的是下拉框

使用下拉框模拟点餐系统

#include "widget.h"
#include "ui_widget.h"
#include <QString>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    ui->comboBox->addItem("汉堡1");
    ui->comboBox->addItem("汉堡2");

    ui->comboBox_2->addItem("饮料1");
    ui->comboBox_2->addItem("饮料2");

    ui->comboBox_3->addItem("小吃1");
    ui->comboBox_3->addItem("小吃2");
    ui->comboBox_3->addItem("小吃3");
}

Widget::~Widget()
{
    delete ui;
}


void Widget::on_pushButton_clicked()
{
    QString content = "汉堡选择: " + ui->comboBox->currentText();
    content += " 饮料选择: " + ui->comboBox_2->currentText();
    content += " 小吃选择: " + ui->comboBox_3->currentText();
    ui->label->setText(content);
}

在这里插入图片描述

在这里插入图片描述

Spin Box

这个表示的是微调框，是带有按钮的输入框，可以用来输入整数或者浮点数，通过按钮来修改数值的大小

调整食物的份数

#include "widget.h"
#include "ui_widget.h"
#include <QDebug>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    ui->comboBox->addItem("汉堡1");
    ui->comboBox->addItem("汉堡2");

    ui->comboBox_2->addItem("饮料1");
    ui->comboBox_2->addItem("饮料2");

    ui->comboBox_3->addItem("小吃1");
    ui->comboBox_3->addItem("小吃2");
    ui->comboBox_3->addItem("小吃3");

    ui->spinBox->setValue(1);
    ui->spinBox->setRange(1, 10);
    ui->spinBox_2->setValue(1);
    ui->spinBox_2->setRange(1, 10);
    ui->spinBox_3->setValue(1);
    ui->spinBox_3->setRange(1, 10);

}

Widget::~Widget()
{
    delete ui;
}


void Widget::on_pushButton_clicked()
{
    qDebug() << ui->comboBox->currentText() << " : " << ui->spinBox->value();
    qDebug() << ui->comboBox_2->currentText() << " : " << ui->spinBox_2->value();
    qDebug() << ui->comboBox_3->currentText() << " : " << ui->spinBox_3->value();
}

在这里插入图片描述

List Widget

使用ListWidget

#include "widget.h"
#include "ui_widget.h"
#include <QDebug>
#include <QString>
#include <QListWidgetItem>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    ui->listWidget->addItem("C++");
    ui->listWidget->addItem("Java");
    ui->listWidget->addItem("Python");
}

Widget::~Widget()
{
    delete ui;
}


void Widget::on_listWidget_currentItemChanged(QListWidgetItem *current, QListWidgetItem *previous)
{
    if(current && previous)
        qDebug() << "当前选中: " << current->text() << "之前选中" << previous->text();
}

void Widget::on_pushButton_clicked()
{
    // 获取到输入框内容
    QString text = ui->lineEdit->text();

    // 把内容加到列表中
    ui->listWidget->addItem(text);
}

void Widget::on_pushButton_2_clicked()
{
    // 获取当前选中的一行
    int row = ui->listWidget->currentRow();
    ui->listWidget->takeItem(row);
}

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Table Widget

这个控件表示的是一个表格控件：

使用QTableWidget

#include "widget.h"
#include "ui_widget.h"
#include <QString>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    // 创建三行
    ui->tableWidget->insertRow(0);
    ui->tableWidget->insertRow(1);
    ui->tableWidget->insertRow(2);

    // 创建三列
    ui->tableWidget->insertColumn(0);
    ui->tableWidget->insertColumn(1);
    ui->tableWidget->insertColumn(2);

    // 设置一下列名
    ui->tableWidget->setHorizontalHeaderItem(0, new QTableWidgetItem("学号"));
    ui->tableWidget->setHorizontalHeaderItem(1, new QTableWidgetItem("姓名"));
    ui->tableWidget->setHorizontalHeaderItem(2, new QTableWidgetItem("年龄"));

    // 设置初始数据
    ui->tableWidget->setItem(0, 0, new QTableWidgetItem("1001"));
    ui->tableWidget->setItem(0, 1, new QTableWidgetItem("张三"));
    ui->tableWidget->setItem(0, 2, new QTableWidgetItem("20"));

    ui->tableWidget->setItem(0, 0, new QTableWidgetItem("1002"));
    ui->tableWidget->setItem(0, 1, new QTableWidgetItem("李四"));
    ui->tableWidget->setItem(0, 2, new QTableWidgetItem("24"));

    ui->tableWidget->setItem(0, 0, new QTableWidgetItem("1003"));
    ui->tableWidget->setItem(0, 1, new QTableWidgetItem("王五"));
    ui->tableWidget->setItem(0, 2, new QTableWidgetItem("23"));
}

Widget::~Widget()
{
    delete ui;
}


void Widget::on_pushButton_add_row_clicked()
{
    // 获取行数 + 新增一行
    int row = ui->tableWidget->rowCount();
    ui->tableWidget->insertRow(row);
}

void Widget::on_pushButton_add_cal_clicked()
{
    // 获取列数 + 新增一列
    int col = ui->tableWidget->columnCount();
    ui->tableWidget->insertColumn(col);
    // 设置列名
    QString colname = ui->lineEdit->text();
    ui->tableWidget->setHorizontalHeaderItem(col, new QTableWidgetItem(colname));
}

void Widget::on_pushButton_del_row_clicked()
{
    // 删除指定行
    int row = ui->tableWidget->currentRow();
    ui->tableWidget->removeRow(row);
}

void Widget::on_pushButton_del_cal_clicked()
{
    // 删除指定列
    int col = ui->tableWidget->currentColumn();
    ui->tableWidget->removeColumn(col);
}

在这里插入图片描述

Tree Widget

这个控件中的元素都是一个QTreeWidgetItem，每一个都可以包含多个文本和图标，每个文本和图标是一个列

使用QTreeWidget

#include "widget.h"
#include "ui_widget.h"
#include <QString>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    ui->treeWidget->setHeaderLabel("动物");

    QTreeWidgetItem* treeitem1 = new QTreeWidgetItem();
    treeitem1->setText(0, "猫");
    ui->treeWidget->addTopLevelItem(treeitem1);

    QTreeWidgetItem* treeitem2 = new QTreeWidgetItem();
    treeitem2->setText(0, "鸟");
    ui->treeWidget->addTopLevelItem(treeitem2);

    QTreeWidgetItem* treeitem3 = new QTreeWidgetItem();
    treeitem3->setText(0, "鸡");
    ui->treeWidget->addTopLevelItem(treeitem3);
}

Widget::~Widget()
{
    delete ui;
}


void Widget::on_pushButton_clicked()
{
    QString itemname = ui->lineEdit->text();
    if(itemname.isEmpty())
        return;

    QTreeWidgetItem* treeitem = new QTreeWidgetItem();
    treeitem->setText(0, itemname);
    ui->treeWidget->addTopLevelItem(treeitem);

}

void Widget::on_pushButton_2_clicked()
{
    QString itemname = ui->lineEdit->text();
    if(itemname.isEmpty())
        return;

    // 获取一下当前选中的信息
    QTreeWidgetItem* currentitem = ui->treeWidget->currentItem();
    if(currentitem == NULL)
        return;
    // 构造新的Item
    QTreeWidgetItem* newitem = new QTreeWidgetItem();
    newitem->setText(0, itemname);
    // 添加到选中节点
    currentitem->addChild(newitem);
    currentitem->setExpanded(true);
}

void Widget::on_pushButton_3_clicked()
{
    // 获取一下当前选中的信息
    QTreeWidgetItem* currentitem = ui->treeWidget->currentItem();
    if(currentitem == NULL)
        return;
    // 获取一下父节点
    QTreeWidgetItem* parent = currentitem->parent();
    if(parent == NULL)
        ui->treeWidget->takeTopLevelItem(ui->treeWidget->indexOfTopLevelItem(currentitem));
    else
        parent->removeChild(currentitem);
}

在这里插入图片描述

海绵宝宝de派小星
关注
  • 26
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
QT实现IP输入控件
11-25
由于QT没有类似VC的IP地址控件，使用正则表达式和输入掩码实现类似效果的IP输入控件。QT Creator2.8.0 Based on Qt 4.8.4,Win7平台编译通过
qt编写的ip地址输入控件
03-07
qt编写的ip地址输入控件，功能齐全，非常实用，使用提升法集成到自己项目的ui中即可。提供设置ip和获取ip两个接口。
QT：treeWidget控件使用示例
qq_41708281的博客
05-09 1447
第一步，建立窗口，并在窗口拖入treeWidget控件 项目名称为TreeWidget，类名为QWidget 第二步：修改“widget.h”，代码如下： #ifndef WIDGET_H #define WIDGET_H #include <QWidget> #include <QTreeWidgetItem> //新增树形控件头文件 QT_BEGIN_NAMESPACE namespace Ui { class Widget; } QT_END_NAMESPA
QT教程：基本控件及相关类的介绍和使用
Mr_zhang1911116的博客
03-11 2960
一、QString类： Qt提供了自己的字符串处理类，不用担心内存分配以及关于\0结尾的这些注意事项，QSting会自动对占用的内存进行扩充，链接非常的迅速 实例： QString str = "hello"; str += "world"; //拼接字符串操作 对象函数： str.append("hello")：在字符串末尾追加一个字符串，也是拼接动作 str.setNum(数值)：将数值转为字符串存放 str.toLower()：将字符串转为全小写并返回 str.toUpper(
Qt学习08：文本输入类与快捷键
ylh的博客
06-12 2896
Qt学习记录：文本输入框，QLineEdit，QTextEdit，QTextCursor，QPlainEdit，QKeySequenceEdit等介绍
QT·Qt常用控件
m0_64560763的博客
11-04 6332
Qt常用控件，使用UI设计更方便
QT：控件精讲（五）输入组件Input Widgets
通哈膨胀哈哈哈 的博客
12-11 5111
    Qt Creator有15种Input Widgets，如下图：     Input Widgets的Qt类和名称介绍如下表     控件类     控件名     中文名     控件类     控件名     中文名     QComboBox     ComboBox     不可编辑组合框     QDateEdit     DateEdit     日期编辑框     QF...
Qt控件使用方法技巧合集
^_^
09-16 3015
Qt控件使用方法合集
QT系列第5节 QT中常用输入控件
hsy12342611的专栏
12-17 1873
qt常见输入显示控件
QT中常用的输入控件
qq_50555394的博客
02-28 2566
Qt Creator有15种Input Widgets，如下图： Input Widgets的Qt类和名称介绍如下表 控件类 控件名 中文名 控件类 控件名 中文名 QComboBox ComboBox 不可编辑组合框 QDateEdit DateEdit 日期编辑框 QFontComboBox FontComboBox 可编辑组合框 QDateTimeEdit ...
Qt使用代码放置控件并布局
weixin_47488212的博客
04-03 5640
上一章中我们从头一步一步地新建项目并运行了窗口，本章就正式踏入Qt界面编程之路。在本章节，我们先用代码编写界面，进行简单的控件放置，然后用代码进行布局；之后使用Qt Designer进行控件放置和界面布局，这使得复杂界面的设计变得简单起来。
Qt——常用控件详解
m0_60259116的博客
11-11 3548
qt开发常用控件详解
QT(5.6) 实现IP地址输入控件
10-28
因为一个项目需要用IP地址输入控件，QT下又没有可以直接用于输入IP这种字符串的控件，网上也找了很久，大多数都是3个QlineEdit拼出来,不合我意,所以 只能自已琢磨一个出来了.功能: 验证输入数字在正确范围内 , 连续...
qt 定制日期时间控件
11-21
定制QDateTimeEdit控件，采用qt5.9vs版编译，下拉选择年份月份
Qt自绘IP控件.zip
06-19
由于Qt没有自己的IP控件输入框，只能自己写一个，使用正则表达式限制输入内容，十分美观、使用、功能完整、可直接编译
QT编译安装mqtt连接Onenet云平台
weixin_44236302的博客
05-17 387
2.mqtt源码------5.14.2官网链接3.新版onenet提示：以下是本篇文章正文内容，下面案例可供参考。
【Qt】修改Qt软件名称
-凌凌漆-的博客
05-15 135
【代码】【Qt】修改Qt软件名称。
【qt】QListWidget 组件
qq_74047911的博客
05-17 1020
/可以自定义菜单将上下文菜单策略设置为自定义菜单策略。在这种策略下，当用户在该部件上右击时，不会自动弹出默认的上下文菜单，而是需要手动编写代码来定义自己的上下文菜单。对于的组件，我们最重要的一点是往里面添加的是列表项，这又是一种类型。因此我们要注意那些接口是用在列表项的，那些是用在列表的。冰冻三尺，非一日之寒。
ubuntu qt libQt5Core.so.not found的解决办法
最新发布
m0_69253695的博客
05-21 71
09:25:23: Starting /home/yuanzebin/桌面/guo/666 ... /home/yuanzebin/桌面/guo/666: /home/yuanzebin/桌面/guo/../../../../usr/lib/x86_64-linux-gnu/libQt5Core.so.5: version。应该是我已经在环境变量bashrc中设置了库的路径，就不用再复制了，直接就可以检索，我的环境变量我也粘贴到下面了。我只用到了第一段命令，也就是下面的命令，就解决了。
qtcreator使用控件实现贪吃蛇
12-22
在QtCreator中实现贪吃蛇游戏需要使用一些基本的控件和功能实现。首先，需要使用QWidget作为游戏界面的主窗口，然后在主窗口中使用QGridLayout布局管理器来管理游戏界面的布局。在界面的布局中，需要添加一个QLabel作为游戏地图的可视化显示区域，使用QTimer来控制游戏的更新速度。 在游戏的实现过程中，需要使用QPainter来绘制贪吃蛇的身体和食物，并通过QKeyEvent来处理用户的键盘输入，从而控制贪吃蛇的移动方向。同时，需要使用QList或者QVector来管理贪吃蛇的身体坐标，以及判断贪吃蛇和食物之间的碰撞。 对于游戏的逻辑实现，需要使用一些基本的算法来控制贪吃蛇的移动和成长，以及判断游戏的结束条件。同时，还需要处理用户的得分和游戏进度的显示，使用QLabel或者QMessageBox来实现。 在开发过程中，还需要注意处理游戏的各种状态转换和界面刷新，以及处理一些边界和特殊情况的逻辑。最后，通过QtCreator自带的调试和运行功能，可以实时查看游戏界面和逻辑的运行效果。 总而言之，在QtCreator中通过使用控件和实现相关功能，可以比较轻松地实现一个简单的贪吃蛇游戏。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

海绵宝宝de派小星

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值