qt常用控件1

最新推荐文章于 2024-07-25 13:37:33 发布
最新推荐文章于 2024-07-25 13:37:33 发布
阅读量398 收藏
点赞数
分类专栏： qt 文章标签： qt 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64397669/article/details/133418469
版权

QLabel

QLabel用于显示文本或图像。不提供用户交互功能。标签的视觉外观可以通过多种方式进行配置，并且可用于为另一个小组件指定焦点助记键。

常用API介绍：

获取对应的文本信息：

设置对其方式：

设置能否进行换行

获取及设置标签上的图像

其他函数可去查看帮助文档，下面演示上面的几种函数：

例如：

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include<QTime>
#include<QMessageBox>
#include<QPixmap>

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
}
MainWindow::~MainWindow()
{
    delete ui;
}
void MainWindow::on_G11_clicked()
{
     ui->L1->setText(QTime::currentTime().toString());//设置当前文本
}
void MainWindow::on_G12_clicked()
{
     QMessageBox::information(this,"当前标签内容：",ui->L1->text());//获取当前文本
}
void MainWindow::on_G21_clicked()
{
     ui->L2->setAlignment(Qt::AlignLeft | Qt::AlignVCenter);
}
void MainWindow::on_G22_clicked()
{
     ui->L2->setAlignment(Qt::AlignRight | Qt::AlignVCenter);
}
void MainWindow::on_G23_clicked()
{
     ui->L2->setAlignment(Qt::AlignCenter);//设置居中对齐
}

int flag=0;
void MainWindow::on_G31_clicked()//显示图片
{
     QPixmap img;
     if(flag==0)
     {
         img.load(":/icon/apple.ico");
         flag++;
     }
     else
     {
         img.load(":/icon/strawberry.ico");
         flag--;
     }
     ui->L3->setPixmap(img);
     ui->L3->setScaledContents(false);//设置图片不要缩放
     ui->L3->setAlignment(Qt::AlignCenter);

}

 演示效果：

QLineEdit

行编辑允许用户使用有用的编辑功能集合输入和编辑单行纯文本，包括撤消和重做、剪切和粘贴以及拖放 。

常用API的功能有：

设置占位字符，读写控制，回显模式格式控制等。下面对这些函数进行演示：

 

信号： 

textChanged:当文本内容发生改变时发出

editingFinished：当内容输入完毕时（按了回车键，焦点转移时）

例如：

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include<QMessageBox>

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

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

void MainWindow::on_G11_clicked()
{
    QMessageBox::information(this,"回显模式内容",ui->L1->text());
}


void MainWindow::on_G12_clicked()
{
    ui->L1->clear();
    ui->L1->setEchoMode(QLineEdit::Normal);//正常模式
    ui->L1->setPlaceholderText("正常模式");
}
void MainWindow::on_G13_clicked()
{
    ui->L1->clear();
    ui->L1->setEchoMode(QLineEdit::Password);
     ui->L1->setPlaceholderText("密码模式");

}
void MainWindow::on_G14_clicked()
{
    ui->L1->clear();
    ui->L1->setEchoMode(QLineEdit::PasswordEchoOnEdit);
     ui->L1->setPlaceholderText("失去焦点便密码模式");
}
void MainWindow::on_G15_clicked()
{
    ui->L1->clear();
    ui->L1->setEchoMode(QLineEdit::NoEcho);
     ui->L1->setPlaceholderText("不回显模式");
}


void MainWindow::on_G21_clicked()
{
     QMessageBox::information(this,"读写控制输出内容",ui->L2->text());
}


void MainWindow::on_G22_clicked()
{
     ui->L2->setReadOnly(false);
     ui->L2->setPlaceholderText("可读可写");
}
void MainWindow::on_G23_clicked()
{
     ui->L2->setReadOnly(true);
     ui->L2->setPlaceholderText("只读模式");
}
void MainWindow::on_G24_clicked()
{
     ui->L2->setEnabled(false);
}
void MainWindow::on_G25_clicked()
{
     ui->L2->setEnabled(true);
}

//格式控制
void MainWindow::on_G31_clicked()
{
     ui->L3->setInputMask("");
}
void MainWindow::on_G32_clicked()//只能输入0-9的数字
{
     ui->L3->setInputMask("99999999999;#");
}
void MainWindow::on_G33_clicked()
{
     ui->L3->setInputMask(">AAAAA-AAAAA-AAAAA-AAAAA-AAAAA;*");//输入的字母会转为大写
}

void MainWindow::on_LL4_textChanged(const QString &arg1)
{
     int sum=arg1.toInt()+ui->LL5->text().toInt();
     ui->LL6->setText(QString::number(sum));
}

void MainWindow::on_LL5_textChanged(const QString &arg1)
{
     int sum=arg1.toInt()+ui->LL4->text().toInt();
     ui->LL6->setText(QString::number(sum));
}

void MainWindow::on_LL1_editingFinished()
{
     int sum=ui->LL1->text().toInt()+ui->LL2->text().toInt();
     ui->LL3->setText(QString::number(sum));
}

void MainWindow::on_LL2_editingFinished()
{
     int sum=ui->LL1->text().toInt()+ui->LL2->text().toInt();
     ui->LL3->setText(QString::number(sum));
}

结果：

QComboBox

QComboBox 提供了一种以占用最小屏幕空间的方式向用户显示选项列表的方法。

常用API：

获取当前文本或索引，给对应条目添加图标，信息

 插入条目：可选着插入一个或者多个，还可指定插入策略

 信号：

案例： 

代码：

#include <QWidget>

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

private:
    Ui::Widget *ui;

private slots:

    void onCboUniversityChanged(int index);
    void onCboProvinceChanged(int index);
    void onCboCityChanged(int index);
    void onLineEditChanged(QString s);
    void Show();
};
#endif // WIDGET_H
#include "widget.h"
#include "ui_widget.h"

#include <QComboBox>
#include <QDebug>

//当省份改变时，将对应省份城市的城市一次添加到城市列表中
QStringList gdCityList = {"广州市", "深圳市", "珠海市", "东莞市"};
QStringList zjCityList = {"杭州市", "宁波市", "温州市", "绍兴市"};
QStringList sdCityList = {"济南市", "青岛市", "烟台市", "威海市"};
QStringList hbCityList = {"石家庄市", "保定市", "廊坊市", "衡水市"};
QStringList nmCityList = {"呼和浩特市", "包头市", "呼伦贝尔市", "赤峰市"};

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

    // 添加省份
    ui->cboProvince->addItem("广东省");
    ui->cboProvince->addItem("浙江省");
    ui->cboProvince->addItem("山东省");
    ui->cboProvince->addItem("河北省");
    ui->cboProvince->addItem("内蒙古自治区省");
    // 为省份条目添加图标
    ui->cboProvince->setItemIcon(0, QIcon(":/icon/apple.ico"));
    ui->cboProvince->setItemIcon(1, QIcon(":/icon/banana.ico"));
    ui->cboProvince->setItemIcon(2, QIcon(":/icon/orange.ico"));
    ui->cboProvince->setItemIcon(3, QIcon(":/icon/peach.ico"));
    ui->cboProvince->setItemIcon(4, QIcon(":/icon/strawberry.ico"));
    // 默认选中第一项-广东省
    ui->cboProvince->setCurrentIndex(0);

    // 添加城市
    ui->cboCity->addItems(gdCityList);

    // 信号槽
    connect(ui->cboUniversity, SIGNAL(currentIndexChanged(int)), this, SLOT(onCboUniversityChanged(int)));
    connect(ui->cboProvince, SIGNAL(currentIndexChanged(int)), this, SLOT(onCboProvinceChanged(int)));
    connect(ui->cboCity, SIGNAL(currentIndexChanged(int)), this, SLOT(onCboCityChanged(int)));

    // 当文本框内容变化时，更新结果
    connect(ui->leName, &QLineEdit::textChanged, this, &Widget::onLineEditChanged);
}

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

void Widget::onCboUniversityChanged(int index)
{
    // 获取姓名、大学、省份、城市
    Show();
}
void Widget::onCboProvinceChanged(int index)
{
    // 先将city对应的列表清空
    ui->cboCity->clear();

    switch (index) {
    case 0:
        ui->cboCity->addItems(gdCityList);
        break;
    case 1:
        ui->cboCity->addItems(zjCityList);
        break;
    case 2:
        ui->cboCity->addItems(sdCityList);
        break;
    case 3:
        ui->cboCity->addItems(hbCityList);
        break;
    case 4:
        ui->cboCity->addItems(nmCityList);
        break;
    default:
        break;
    }

    // 获取姓名、大学、省份、城市
    Show();
}
void Widget::onCboCityChanged(int index)
{
    // 获取姓名、大学、省份、城市
    Show();
}
void Widget::onLineEditChanged(QString s)
{
    // 获取姓名、大学、省份、城市
    Show();
}
void Widget::Show()
{
    QString name = ui->leName->text();
    QString university = ui->cboUniversity->currentText();
    QString province = ui->cboProvince->currentText();
    QString city = ui->cboCity->currentText();
    ui->leResult->setText(name + "毕业于" + university + ", 来自" + province + city);
}

 QListWidget

QListWidget 是一个方便类，它提供类似于 QListView 提供的列表视图，但具有用于添加和删除项目的经典基于项目的界面。QListWidget 使用内部模型来管理列表中的每个 QListWidgetItem。

常用API函数：

显示模式有列表模式与图标模式，添加与删除条目

 

信号：该条目被单击或双击时

案例： 

#include <QDebug>
#include <QRandomGenerator>

QStringList iconStringList = {
    ":/icon/apple.ico",
    ":/icon/banana.ico",
    ":/icon/orange.ico",
    ":/icon/peach.ico",
    ":/icon/strawberry.ico"
};

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

    // 默认是列表模式
    mBtnGroup = new QButtonGroup(this);
    mBtnGroup->addButton(ui->rbListMode, 0);
    mBtnGroup->addButton(ui->rbIconMode, 1);
    connect(ui->rbListMode, &QRadioButton::clicked, this, &Widget::onRadioButtonClicked);
    connect(ui->rbIconMode, &QRadioButton::clicked, this, &Widget::onRadioButtonClicked);
    ui->rbListMode->setChecked(true);
    ui->lwProvince->setViewMode(QListView::ListMode);

    // 条目单击和双击的信号槽
    connect(ui->lwProvince, &QListWidget::itemClicked, this, &Widget::onItemClicked);
    connect(ui->lwProvince, &QListWidget::itemDoubleClicked, this, &Widget::onItemDoubleClicked);

    // add/insert/delete
    connect(ui->btnAdd, &QPushButton::clicked, this, &Widget::onBtnAddClicked);
    connect(ui->btnInsert, &QPushButton::clicked, this, &Widget::onBtnInsertClicked);
    connect(ui->btnDelete, &QPushButton::clicked, this, &Widget::onBtnDeleteClicked);
}

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

// 切换显示模式：列表模式、图标模式
void Widget::onRadioButtonClicked()
{
    int checkedId = mBtnGroup->checkedId();
    if(checkedId == 0) {
        ui->lwProvince->setViewMode(QListView::ListMode);
    } else if(checkedId == 1) {
        ui->lwProvince->setViewMode(QListView::IconMode);
    }
}

// 条目单击时，显示到文本框
void Widget::onItemClicked(QListWidgetItem *item)
{
    ui->leCurrentItem->setText(item->text());
}

// 双击条目时，变为可编辑模式
void Widget::onItemDoubleClicked(QListWidgetItem *item)
{
    item->setFlags(Qt::ItemIsEditable | Qt::ItemIsSelectable | Qt::ItemIsEnabled);
}

// 在最后插入
void Widget::onBtnAddClicked()
{
    int iconIndex = QRandomGenerator::global()->generate()%5; //产生5以内的随机数 0-4
    qDebug() << iconIndex;

    QIcon icon(iconStringList[iconIndex]);
    QString text = ui->leInput->text();

    QListWidgetItem* item = new QListWidgetItem(icon, text);
    ui->lwProvince->addItem(item);
}

// 在当前行之前插入
void Widget::onBtnInsertClicked()
{
    int iconIndex = QRandomGenerator::global()->generate()%5; //产生5以内的随机数 0-4

    QIcon icon(iconStringList[iconIndex]);
    QString text = ui->leInput->text();

    QListWidgetItem* item = new QListWidgetItem(icon, text);
    int currentRow = ui->lwProvince->currentRow();
    ui->lwProvince->insertItem(currentRow, item);
}

// 删除选定的条目
void Widget::onBtnDeleteClicked()
{
#if 0
    // 方法一
    QListWidgetItem* item = ui->lwProvince->currentItem();
    ui->lwProvince->removeItemWidget(item);
    delete item;
#else
    // 方法二
    int row = ui->lwProvince->currentRow();
    QListWidgetItem* item = ui->lwProvince->takeItem(row);
    delete item;
#endif
}

"派派"
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt常用控件详细讲解
09-21
在本文中，我们将深入探讨Qt库中的常用控件，这些控件是开发高效、美观的图形用户界面（GUI）的基础。Qt是一个跨平台的应用程序开发框架，广泛应用于桌面、移动和嵌入式设备。它提供了丰富的控件集，使得开发者能够...
qt常用组件库 -作者飞扬青云
03-06
"飞扬青云"的"qt常用组件库"很可能是他/她整理的一系列关于Qt组件的示例代码或者教程，帮助开发者更好地理解和使用Qt库。`QWidgetDemo-master`这个文件名暗示了它可能是一个关于`QWidget`类的演示项目，`QWidget`是...
QT常用控件编程.docx
07-19
编程
MFC和QT的子类化与常用控件1
08-03
本篇主要讨论MFC和Qt中的控件子类化以及常用控件的使用方法。 MFC子类化是通过劫持系统默认的窗口过程（WndProc）来实现的，这样可以拦截并处理特定的消息。有以下两种常见的子类化方法： 1. **方法一**：继承相应...
Qt常用的控件widgets-例程
05-30
本例程主要关注Qt中的常用控件，通过实际代码示例来帮助理解如何使用这些控件。下面我们将深入探讨其中的关键知识点。 1. **QWidget** - 是所有Qt窗口小部件的基类，它定义了基本的属性和方法，如大小、位置、可见...
【VS2019安装+QT配置】
vor234的博客
07-24 570
前期安装了qt，发现creator编辑器并不好用，一点都不时髦。在李大师的指导下，听说visual studio2019超级好用。对此开始采用visual studio2019进行编写程序。断点调试，函数调用功能对于开发者来说超级棒！下面来实操vs2019安装+QT配置过程，QT安装参考【Qt安装与简易串口控制Arduino开发板小灯教程】🥳🥳🥳现在，我们在本教程中，您学习了vs2019安装+QT配置教程。
QT自定义无边框窗口（可移动控制和窗口大小调整）
u012959478的博客
07-25 946
QT是一个功能强大的跨平台开发框架，它提供了丰富的界面设计工具和组件。在界面开发中，QT窗口自带的标题栏无法满足我们的需求。我们就需要自定义无边框窗口，包括自定义标题栏和窗口大小调整功能。本文将介绍如何在QT中实现这些功能。
根据鼠标所在位置获取组件拿到 “qt_scrollarea_viewport” 组件的问题
cwxBlogs
07-23 371
通过坐标获取组件，拿到 object_name = “qt_scrollarea_viewport” 的组件的问题，如果要拿到真实的坐标所在位置的组件，直接取当前组件的parentWidget即可。
QT--进程
最新发布
m0_51830537的博客
07-25 637
【代码】QT--进程。
在 Qt 中获取 MouseMove 事件
电脑管家
07-24 466
在MainWindow类中定义并实现方法。(event);通过事件过滤器可以实现应用程序窗口内的鼠标移动状态更新，而通过捕捉鼠标或定时轮询的方法可以实现更广泛的鼠标位置追踪。根据具体需求选择合适的方法，以实现最佳效果。
SQLite3(3):Qt中使用SQLite3
weixin_42937740的博客
07-22 546
本文介绍了Qt数据库相关类，并总结了Qt操作数据库的基本操作流程，最后进行了基本应用的代码实验。
【QT】QT 概述（背景介绍、搭建开发环境、Qt Creator、程序、项目文件解析、编程注意事项）
Elena's Blog
07-20 1368
搭建 Qt 开发环境。
Qt 实战（7）元对象系统 | 7.5、QMetaProperty详解
个人技术博客
07-22 1351
Qt的动态属性（Dynamic Properties）是Qt框架中一个非常有用的特性，它允许在运行时动态地获取和设置对象的属性。这个特性基于Qt的元对象系统（Meta-Object System），可以让我们以一种统一的方式访问和操作对象的各种属性，而无需关心这些属性的具体实现。动态属性的主要优势在于它的灵活性和可扩展性。通过使用动态属性，我们可以在不修改类定义的情况下，为类添加新的属性。这对于一些需要频繁修改或扩展的场景非常有用，比如插件系统、用户界面组件等。在Qt中，动态属性是通过QObject。
qt事件类型列表
jijie_ming的博客
07-24 587
这只是部分事件类型，实际上Qt支持的事件类型远不止这些，还包括触摸事件、键盘修饰键事件、定时器事件、剪贴板事件、上下文菜单事件、文件系统事件等等，覆盖了GUI应用程序可能遇到的各种交互情况。t提供了一系列丰富的事件类型，这些事件允许应用程序响应各种用户输入、系统通知以及其他类型的交互。: 窗口状态改变事件（最大化、最小化等）。: 绘图事件，需要重绘窗口或部件时触发。）或安装事件过滤器来响应这些事件。: 窗口或部件位置改变事件。: 窗口或部件尺寸改变事件。: 鼠标进入对象区域事件。: 窗口激活状态改变事件。
QT--文件操作和文件读写
m0_51830537的博客
07-22 1141
假设已经给fn指定好路径了，那么则有fn.open(权限)
【Qt】文字换行
weixin_44623642的博客
07-23 565
它提供了现代文本布局引擎所期望的许多功能，包括 Unicode 兼容的渲染、换行和光标定位处理。它还可以生成和渲染与设备无关的布局，这对于所见即所得应用程序非常重要。该类具有相当低级别的 API，除非您打算为某些专用小部件实现自己的文本渲染，否则您可能不需要直接使用它。但此方法对于多语言文本不太友好，可以在超出文本框时添加省略符，方法如下。在Qt控件中经常遇到文字超出文本框，因此介绍几种换行方式。QTextLayout 可用于纯文本和富文本。
qt 应用更新升级时如何替换正在运行的exe文件
weixin_42602900的博客
07-24 376
qt 应用更新升级时如何替换正在运行的exe文件
Qt源码交叉编译带openssl的Qt版本
qianniulaoren的博客
07-23 726
Qt源码交叉编译带openssl的Qt版本
qt--电子相册
qq_68683005的博客
07-22 409
在ui界面上设置四个pushbutton和一个Qlabel，按钮通过槽函数控制图片切换，Qlabel用来展示图片。设计一个电子相册，点击上一张，切换到上一张图片，点击下一张，切换到下一张图片。要求：图片的展示可以循环（QList）本质是通过添加图片进入到程序中，然后根据要求切换这些图片。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值