（4）Qt——基本组件

已于 2023-05-08 13:52:25 修改
阅读量2.3k 收藏 11
点赞数 2
文章标签： qt ui
于 2023-05-05 20:53:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Summer_taotao/article/details/130505104
版权

目录

1. Designer 设计师**

2. Layout 布局***

3. 基本组件

3.1 QWidget**

3.2 ui指针

3.3 QLabel 标签**

3.4 QAbstractButton 按钮类**

3.5 QLineEdit 单行文本输入框**

3.6 QComboBox 组合框**

3.7 一组与数值相关的组件*

1. Designer 设计师**

Designer是一款独立的用于设计Qt界面的应用程序。

Designer程序保存的文件格式为.ui，这是Qt中的界面文件格式，可以非常快速的开发用户界面。

当使用Qt Creator新建项目时，如果在第五步，选中了创建界面的选项，这样的项目会自带一个.ui界面文件。

在Qt Creator中双击界面文件，可以直接通过内置的Designer程序打开。

Designer程序的区域划分如下图所示。

2. Layout 布局***

可以把布局看做是一个“透明的盒子”，盒子内部存放的组件对象会按照这个盒子的规则自动排布，也可以把整个布局看做为一个复合组件。

布局有以下类型：

重点讲解前两个类型。

QVBoxLayout的特点是内部所有组件按照线性垂直排序，QHBoxLayout与QVBoxLayout几乎相同，只有方向不同，是水平方向的。

  当窗口中有一个布局时，可以选中窗口对象，点击工具栏任意一个布局按钮，此时可以让内部的布局贴合窗口，当窗口改变大小时，布局会在内测贴合窗口大小。选中贴合的窗口后，点击打破布局可以取消布局和窗口的贴合状态。

水平布局和垂直布局的常用属性如下：

布局支持嵌套使用，可以把一个布局看做另一个布局的子组件。

可以使用伸展器组件填充布局的空白。

3. 基本组件

3.1 QWidget**

以上属性都可以继承给其派生类，每个属性的getter和setter详见文档，不再赘述。

3.2 ui指针

当项目中使用了界面文件时，可以在Dialog类中发现多了一个成员变量：

这个ui指针就是.ui界面文件与C++代码的桥梁，以下是ui指针的工作原理。

3.3 QLabel 标签**

QLabel组件用于显示文本或图片，常用属性如下。

如果要在项目中使用图片素材，需要先把图片导入到Qt项目中，图片格式建议使用jpg、png与bmp，图片命名建议使用全英文+数字+下划线的组合，且英文不得包含大写，数字不得开头。

图片导入项目的操作步骤如下：

1. 把图片放置到工作目录中。

2. 在Qt Creator中，选中项目名称，鼠标右键，点击“添加新文件”

3. 在弹出的窗口中，按照下图所示进行操作。

4. 在弹出的窗口中给资源文件命名后，点击“下一步”。

5. 在项目管理界面，直接点击“完成”。可以看到项目中多了一个.qrc资源文件。

6. 选中资源文件，点击 添加 --- 添加前缀

。

7. 再次选中资源文件，点击 添加 -- 添加文件

，在弹出的对话框中选择要导入的图片文件即可。可以看到图片被添加到资源文件中了。

8. 后续在代码中使用图片只需要选中资源文件中的图片文件，鼠标右键，点击“复制资源路径到剪切板”即可。如果要在Designer中使用，则需要再次构建一次项目

。

虽然Qt有图形处理的功能，但是尽量在Qt之外先处理好图片的效果，这样可以提升程序的执行效率，也能降低程序的体积。

另外，过大的图片（文件体积过大 或 分辨率过大）不要导入到Qt中，因为会明显地增加资源占用，甚至导致程序无法正常运行。

3.4 QAbstractButton 按钮类**

QAbstractButton是四种按钮的基类，内部规定按钮的基础功能，在四个派生类中功能的展示不尽相同。这个四个派生类分别是：

  • QPushButton       点击式的命令按钮
  • QRadioButton     单选按钮，单选按钮会对同一个布局中的其它按钮增加互斥性。
  • QCheckBox        多选按钮
  • QToolButton       工具按钮（目前不讲）

QAbstractButton的常用属性如下所示。

图标并不是普通的图片，图标具有以下特点：

  • 宽高比为1:1
  • 包含透明图层，通常使用png格式
  • 一个软件的图标应该保持同一种风格

dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
//头文件
#include <QColor>  //颜色
#include <QPalette> //调色板
#include <QPixmap> //图片
#include <QSize>  //大小
namespace Ui {
class Dialog;
}

class Dialog : public QDialog
{
    Q_OBJECT

public:
    explicit Dialog(QWidget *parent = 0);
    ~Dialog();

private:
    Ui::Dialog *ui;
};

#endif // DIALOG_H

dialog.cpp

#include "dialog.h"
#include "ui_dialog.h"

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

    //创建颜色对象
    //可以使用三个十进制0~255的RGB数值
    //也可以使用十六进制井号字符串的方式
    QColor color("#548B12");
    QPalette pa; //调色板对象

    //调制颜色
    //参数1 ：颜色角色
    //参数2 ：颜色对象
    pa.setColor(QPalette::WindowText,color);
    ui->labelText->setPalette(pa);

    //创建一个大小对象
    QSize size(ui->labellmg->width(),ui->labellmg->height());
    //创建一个图片对象，参数是资源路径
    QPixmap pic(":/new/prefix1/duanwujie.jpg");
    //缩放图片为目标尺寸
    //参数1：尺寸对象
    //参数2：缩放模式
    //返回值：缩放后的图片对象
    pic = pic.scaled(size,Qt::IgnoreAspectRatio);
    //设置显示
    ui->labellmg->setPixmap(pic);
}

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

按钮类的信号函数如下所示。

dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QDebug>

namespace Ui {
class Dialog;
}

class Dialog : public QDialog
{
    Q_OBJECT

public:
    explicit Dialog(QWidget *parent = 0);
    ~Dialog();

private:
    Ui::Dialog *ui;

private slots:
    void btnImgPressedSlot();  //按钮按压
    void btnImgReleasedSlot();  //按钮释放
    void checkBoxQtToggledSlot(bool); //选中状态改变
};

#endif // DIALOG_H

dialog.cpp

#include "dialog.h"
#include "ui_dialog.h"

Dialog::Dialog(QWidget *parent) :
    QDialog(parent),
    ui(new Ui::Dialog)
{
    ui->setupUi(this);
                                   //信号接收者当前窗口
    connect(ui->pushimg,SIGNAL(pressed()),this,SLOT(btnImgPressedSlot()));
    connect(ui->pushimg,SIGNAL(released()),this,SLOT(btnImgReleasedSlot()));
    connect(ui->checkBox,SIGNAL(toggled(bool)),this,SLOT(checkBoxQtToggledSlot(bool)));
}

void Dialog::btnImgPressedSlot(){
    qDebug()<< "按下去了！";
}

void Dialog::btnImgReleasedSlot(){
    qDebug()<< "抬起来了！";
}

void Dialog::checkBoxQtToggledSlot(bool checked){
    if(checked)
        qDebug()<< "今晚复习Qt！";
    else
        qDebug()<< "今晚不复习Qt！";
}

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

运行结果：

 当界面中按钮对象较多时，为每个按钮设置信号槽连接比较繁琐，此时可以使用QButtonGroup类同时管理多个按钮对象

QButtonGroup不继承QWidget类，直接继承QObject类，因此没有任何视觉效果，只是一种逻辑上的分组，因此也不属于ui指针，需要手动管理堆内存对象的生命周期。

QButtonGroup的信号函数如下。

每种信号提供了两种参数格式，分别是接收按钮对象本身或按钮对象的编号。

 dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QButtonGroup>
#include <QDebug>

namespace Ui {
class Dialog;
}

class Dialog : public QDialog
{
    Q_OBJECT

public:
    explicit Dialog(QWidget *parent = 0);
    ~Dialog();

private:
    Ui::Dialog *ui;
    QButtonGroup *group;  //按钮组对象

private slots:
    //信号： void buttonToggled(int id,bool checked)
    void btnsToggledSlot(int,bool);
};

#endif // DIALOG_H

dialog.cpp

#include "dialog.h"
#include "ui_dialog.h"

Dialog::Dialog(QWidget *parent) :
    QDialog(parent),
    ui(new Ui::Dialog)
{
    ui->setupUi(this);
    group = new QButtonGroup(this);
    //给按钮组添加按钮对象
    //参数1：要添加的按钮对象
    //参数2：按钮的组内编号，使用不重复的正整数
    group->addButton(ui->checkBoxzg,1);
    group->addButton(ui->checkBoxmg,2);
    group->addButton(ui->checkBoxrb,3);

    //解除同组的互斥性
    group->setExclusive(false);

    //连接信号槽
    connect(group,SIGNAL(buttonToggled(int,bool)),this,SLOT(btnsToggledSlot(int,bool)));

}

void Dialog::btnsToggledSlot(int id,bool checked){
    if(id == 1){
        qDebug()<<"中国:"<< checked;
    }else if(id == 2){
        qDebug()<<"美国:"<< checked;
    }else if(id == 3){
        qDebug()<<"日本:"<< checked;
    }
}

Dialog::~Dialog()
{
    delete group;
    delete ui;
}

//没有解除同组的互斥性情况下:

//解除同组的互斥性情况下：group->setExclusive(false);

3.5 QLineEdit 单行文本输入框**

QLineEdit用于录入用户的整行文本输入。

常用属性如下。

信号函数如下。

 Dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QDebug>
namespace Ui {
class Dialog;
}

class Dialog : public QDialog
{
    Q_OBJECT

public:
    explicit Dialog(QWidget *parent = 0);
    ~Dialog();

private:
    Ui::Dialog *ui;

private slots:
    void btnClickedSlot();  //点击按钮的槽函数
    void textEditedSlot(QString);  //编辑的槽函数
};

#endif // DIALOG_H

dialog.cpp

#include "dialog.h"
#include "ui_dialog.h"

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

    connect(ui->pushButton,SIGNAL(clicked()),this,SLOT(btnClickedSlot()));
    connect(ui->linepassword,SIGNAL(textEdited(QString)),this,SLOT(textEditedSlot(QString)));
}
void Dialog::btnClickedSlot(){
    //获取用户名的输入内容并输出
    QString user = ui->lineuser->text();
    qDebug()<<user;
}

void Dialog::textEditedSlot(QString text){
    qDebug()<<text;
    if(text.size()==10){
        ui->linepassword->setText("ABC");
    }
}

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

3.6 QComboBox 组合框**

QComboBox在某种程度上可以代替QRadioButton，它是一个下拉选项框。

在Qt Creator中，有两个词都被翻译为“项目”：Project、Item

Project指的是一个工程项目，Item指的是一个条目。

QComboBox的常用属性如下所示。

信号函数如下所示。

dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QDebug>

namespace Ui {
class Dialog;
}

class Dialog : public QDialog
{
    Q_OBJECT

public:
    explicit Dialog(QWidget *parent = 0);
    ~Dialog();

private:
    Ui::Dialog *ui;

private slots:
    //高光悬停
    void highlightedSlot(QString);
};

#endif // DIALOG_H

 dialog.cpp

#include "dialog.h"
#include "ui_dialog.h"

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

    connect(ui->comboBox,SIGNAL(highlighted(QString)),this,SLOT(highlightedSlot(QString)));
}
void Dialog::highlightedSlot(QString text){
    qDebug()<<text;
}

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

运行结果

3.7 一组与数值相关的组件*

以下组件的核心功能都是与数字相关。

以上组件具有一些相同的属性（浅灰色为部分组件有效的属性）：

以上组件最常用的信号函数：

// value值发生变化时发射
void	valueChanged(int value) [signal]

dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>

namespace Ui {
class Dialog;
}

class Dialog : public QDialog
{
    Q_OBJECT

public:
    explicit Dialog(QWidget *parent = 0);
    ~Dialog();

private:
    Ui::Dialog *ui;

private slots:
    //QDial的value值变化时发射信号连接的槽函数
    void valueChangeSlot(int);
};

#endif // DIALOG_H

 dialog.cpp

#include "dialog.h"
#include "ui_dialog.h"

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

    connect(ui->dial,SIGNAL(valueChanged(int)),this,SLOT(valueChangeSlot(int)));
}
void Dialog::valueChangeSlot(int value){
    //同步给其他组件对象
    ui->spinBox->setValue(value);
    ui->progressBar->setValue(value);
    ui->horizontalScrollBar->setValue(value);
    ui->horizontalSlider->setValue(value);
    ui->verticalScrollBar->setValue(value);
    ui->verticalSlider->setValue(value);
}

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

运行结果：

Summer_taotao
关注
  • 2
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
qt基本组件
weixin_39291964的博客
03-27 193
这些基本组件的应用方式与应用场景极为广泛，从简单的表单，到复杂的用户界面布局，Qt的这些组件为开发者提供了强大的工具集，以满足不同的需求和场景。每个组件都可以通过代码进行高度自定义，也可以在Qt Designer中以图形化的方式进行布局和设计，这为快速开发高质量的桌面应用提供了便利。：这是最基本的组件之一，用于触发事件或动作。包括日历控件和时间控件，非常适合于需要输入日期或时间的应用场景。：允许用户通过滑动条来选择一个数值范围内的值。进度条可以是水平的也可以是垂直的，通常用于指示长时间任务的进度。
Qt组件总结
Garden的博客
05-27 3224
一、常用控件 按钮类 QPushButton QtoolButton QRadioButton item QListWidget 容器类 QStackWidget QWidget QFrame 编辑类 QComboBox QLineEdit QTextEdit 显示类 QLabel setOpenExternalLinks()设置为true自动打开，false要打开链接需要捕捉linkActivated()信号 //显示普通文本字符串 QLable *label = new QLable; label-
Qt安装及组件介绍
最新发布
峰
05-15 1178
打开Qt Maintenance Tool，各组件都是可以随时添加删除的。选择右侧Archive并点击筛选，可以历史版本（5.15之后）。以Qt6.5.3的安装为例，其节点情况如下。主要是 Qt 框架的各种开发套件（kit）、功能模块和附加的库。所谓开发套件就是 Qt 框架的源代码用某一种编译器编译后的库。在构建用户的 Qt 项目程序时，必须选择一种开发套件。这是 Qt 框架的 WebAssembly 开发套件。
QT-3-基本组件
weixin_45963260的博客
02-14 2123
Designer（掌握） Designer（设计师）程序是Qt中内置的独立程序，可以通过可视化的方式帮助开发者快速设计软件的页面。 通常不使用独立的Designer程序，因为在Qt Creator中直接打开.ui文件就可以使用Qt Creator集成的Designer程序。当然，使用集成的Designer程序的前提是项目中要包含界面文件。 软件区域功能如下： 正在上传…重新上传取消 需要注意的是，界面涉及区域中红色的表示实际运行不可见。另外，此区域仅代表预览的效果，实际效果以运行为准。..
Qt5.12安装教程+组件选择MinGW+开源协议LGPL
Ye0522的博客
03-20 4014
今天重装了一下QT，发现以前忽略的点，mark一下。
Qt QML除基本组件外拥有的组件库记录
一个程序猿的工作知识深化日常
03-10 857
平凡无奇的组件记录，待续更新
【Qt 学习笔记】Qt控件概述
小黄鸭的博客
04-09 1491
（Widget）是指用于图形用户界面（GUI）的可视化元素，通过与用户的交互来显示信息、接收输入或触发操作。控件通常由一个可视化的图标、按钮或者其他视觉元素以及与之相关联的事件处理函数组成。控件可以接受用户的输入，例如按钮可以通过鼠标点击或者键盘操作来触发相关的事件。控件还可以显示信息，例如标签可以显示文本、图像或者其他数据。控件的外观和行为可以通过设置属性或者调用方法来进行定制和修改。常见的控件包括按钮、文本框、标签、下拉菜单、滚动条等。
第11章 界面程序设计——Qt1
08-04
1. **基本模块**：包括核心库、窗口组件、对话框、图形用户界面工具包以及应用类库，为开发者提供构建应用程序的基础。 2. **集成开发环境（IDE）**：Qt Creator，是一个强大的集成开发环境，支持代码编辑、调试和...
基于 Qt 的机械臂操作系统 —— 串口通信测试系统.zip
08-03
Qt类库中大量的类以模块形式分类组织的，包括基本模块和扩展模块等。一个模块通常就是一个编程主题，如数据库、图表、网络等。 一、Qt核心特点 1.1.概述 Qt本身并不是一种编程语言，它本质上是一个跨平台的C++开发...
基于C++&Qt实现的在线点餐系统（客户端+服务端——.zip
08-03
Qt类库中大量的类以模块形式分类组织的，包括基本模块和扩展模块等。一个模块通常就是一个编程主题，如数据库、图表、网络等。 一、Qt核心特点 1.1.概述 Qt本身并不是一种编程语言，它本质上是一个跨平台的C++开发...
C++程序设计实践项目——学生信息管理系统，基于Qt+MySQL.zip
08-03
Qt类库中大量的类以模块形式分类组织的，包括基本模块和扩展模块等。一个模块通常就是一个编程主题，如数据库、图表、网络等。 一、Qt核心特点 1.1.概述 Qt本身并不是一种编程语言，它本质上是一个跨平台的C++开发...
Qt完全手册——强力推荐
03-22
《Qt完全手册——强力推荐》这篇内容主要涵盖了Qt这一跨平台的C++图形用户界面应用程序框架，以及与其相关的Qtopia平台。Qt是由挪威的Trolltech公司开发的，它为开发者提供了构建精美GUI所需的所有工具，同时基于...
少造轮子，推荐一个Qt的Python组件库！
爬遍所有网站
11-04 545
虽然Qt提供了不少现成的组件，但是在Python中使用PyQt5或PySide2进行图形界面程序开发的过程，还是免不了要根据自己的需求组合一些小部件以形成新的自定义组件。 最近州的先生在写一个桌面图形界面的登录密码框的过程中，发现了这样一个小巧的自定义组件库。 其目前提供了密码输入框组件、渐变组件、均衡器组件、调色板组件。 下面我们一起来看看它的效果。 文章目录 安装 直接使用 pip 工具进行安装即可，命令如下： pip install qtwidgets 密码输入框 在PyQt5
快速搭建 Qt6 开发环境
青春不老，奋斗不止！
12-13 2万+
2020/12/08 日，Qt6 正式发布了，这将是一个里程碑式新版本，它的使命是使 Qt 成为未来的开发平台。
QT环境配置
静以修身，简以养德
08-26 975
从QTCreator 和VS2017 两个方面记录QT环境的配置：参考链接： MSVC编译器介绍 QT 安装及组件选择坑1：直接安装后，QTCreator无法进行debug调试 Unable to create a debugging engine 解决方案：https://blog.csdn.net/xuw_xy/article/details/107442068 主要原因是要修改Qt 在 VS2017 上的安装配置：https://blog.csdn.net/stitchD/article/detail
QT常用界面设计组件----SpinBox
Wangguang_的博客
05-31 2万+
SpinBox用于整数的显示与输入，一般显示为十进制，也可以显示二进制和十六进制的数，而且可以在显示框增加前缀和后缀 QDoubleSpinBox用于浮点数的显示和输入，可以设置显示小数位数，也可以设置显示的前缀和后缀 它们都是QAbstractSpinBox的子类，具有大多数相同的属性，只是参数类型不同。在UI设计器中进行页面设计时，就可以设置这些属性。 QSpinBox和QDoubleS...
Qt安装教程（Qt 6.4）
热门推荐
Yang_yang121的博客
05-31 6万+
Qt6.4安装教程、组件介绍
qt组件学习（1）
qq_46127443的博客
07-19 233
文章目录日历组件登录窗口文件浏览对话框颜色选择对话框进度条实例Timer实时更新时间 日历组件 头文件#include <QCalendarWidget> mainwindow.h #ifndef LEFT_MAINWINDOW_H #define LEFT_MAINWINDOW_H #include <QWidget> #include <QCalendarWidget> #include <QPushButton> #include <QCombo
qt组件选择 qt源代码
01-04
选择Qt组件还是Qt源代码，应根据项目的具体需求进行评估和决策。 Qt组件是指Qt平台提供的一系列高度封装、易用的组件，可以有效地提升开发效率和代码质量。这些组件已经经过充分的测试和验证，具有稳定性和可靠性。选择Qt组件可以快速地构建应用程序，减少重复性的工作，提高开发效率。特别是对于一些常见的功能需求，例如图形界面、网络通信、数据库操作等，Qt组件提供了丰富的选项，可以满足各种开发需求。 Qt源代码则是指Qt平台的开源代码，具有高度灵活性和可定制性。选择Qt源代码可以在有特定需求的情况下，深入了解和定制Qt框架的内部实现，以满足项目的特殊要求。特别是在需要进行底层功能扩展、优化或者修复bug时，Qt源代码可以提供更直接的操作方式。同时，通过对源代码的研究和调试，也可以加深对Qt框架的理解和掌握。 综上所述，选择Qt组件还是Qt源代码应根据项目的需求来决策。如果项目对开发效率和稳定性要求较高，且需要的功能在Qt组件已经有完备的实现，可以优先选择Qt组件。如果项目对灵活性和定制性要求较高，或者需要做一些底层的功能扩展或者调优，可以选择Qt源代码进行开发。当然，根据具体情况，也可以在使用Qt组件的同时，辅以对Qt源代码的研究和定制来满足项目的特殊需求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值