（4）Qt——基本组件

目录

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

运行结果：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mfbz.cn/a/18089.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

ShardingSphere系列四（Sharding-JDBC内核原理及核心源码解析）

ShardingSphere系列四（Sharding-JDBC内核原理及核心源码解析）

文章目录 1. ShardingSphere内核解析1.1 解析引擎1.2 路由引擎1.3 改写引擎1.4 执行引擎1.5 归并引擎 2. ShardingSphere的SPI扩展点2.1 SPI机制2.2 ShardingSphere中的SPI扩展点2.3 实现自定义主键生成策略 3. ShardingSphere源码 1. ShardingSphere内核解析 ShardingSphere虽…
阅读更多...
SuperMap GIS基础产品桌面GIS FAQ集锦（2）

SuperMap GIS基础产品桌面GIS FAQ集锦（2）

SuperMap GIS基础产品桌面GIS FAQ集锦&#xff08;2&#xff09; 【iDesktop】【10.2.1】【11.0.1】 请问在 iDesktop 桌面端对线数据集进行打断线操作后&#xff0c;打断的线不显示是什么原因呢&#xff1f; 【问题原因】 当时操作的线数据集空间索引存在异常&#xff0c;导致…
阅读更多...
PostgreSQL 新闻速递 谷歌基于POSTGRESQL 兼容数据库提供更大规模的数据库服务

PostgreSQL 新闻速递 谷歌基于POSTGRESQL 兼容数据库提供更大规模的数据库服务

开头还是介绍一下群&#xff0c;如果感兴趣polardb ,mongodb ,mysql ,postgresql ,redis 等有问题&#xff0c;有需求都可以加群群内有各大数据库行业大咖&#xff0c;CTO&#xff0c;可以解决你的问题。加群请联系 liuaustin3 &#xff0c;在新加的朋友会分到2群&#xff08;共…
阅读更多...
初级算法-贪心算法

初级算法-贪心算法

主要记录算法和数据结构学习笔记&#xff0c;新的一年更上一层楼&#xff01; 初级算法-贪心算法 一、分发饼干二、摆动序列三、最大子序和四、买卖股票最佳时机五、跳跃游戏六、跳跃游戏二七、k次取反后最大化的数组和八、加油站九、分发糖果十、柠檬水找零十一、根据身高重建…
阅读更多...
David Silver Lecture 4: Model-Free Prediction

David Silver Lecture 4: Model-Free Prediction

1 Introduction 任务&#xff1a;第三章使用动态规划方法&#xff0c;解决known的MDP问题&#xff0c;这章通过model free prediction对一个unknown的MDP估计他的value function。下一章通过Model free control的方法针对一个unknown的MDP optimise value function。 2 Monte…
阅读更多...
Android类似微信聊天页面教程(Kotlin)五——选择发送图片

Android类似微信聊天页面教程(Kotlin)五——选择发送图片

前提条件 安装并配置好Android Studio Android Studio Electric Eel | 2022.1.1 Patch 2 Build #AI-221.6008.13.2211.9619390, built on February 17, 2023 Runtime version: 11.0.150-b2043.56-9505619 amd64 VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o. Windows 11 …
阅读更多...
paddleLite在Android部署初体验（环境问题）

paddleLite在Android部署初体验（环境问题）

paddleLite初体验&#xff08;环境问题&#xff09; Android Studio下载Paddle Lite Demo打开项目环境配置下载到手机 Paddle Lite是百度开发的一种方便部署的深度学习推理框架&#xff0c;笔者最近想接触一些模型部署相关项目&#xff0c;就先接触了一下Paddle Lite&#xff0…
阅读更多...
eks实践案例

eks实践案例

Eks&#xff1a; ami-0c23197c88296c1b5 eks集群&#xff1a; 拉面 - 知乎 https://blog.csdn.net/saynaihe/category_12204222.html 什么是 Amazon EKS&#xff1f; - Amazon EKS kubectl 使用指南 https://zhuanlan.zhihu.com/p/364994610 k8s HPA自动伸缩 手把手教你 K8…
阅读更多...
【花雕学AI】我们如何才能避免被ChatGPT替代？——一个跨学科的视角

【花雕学AI】我们如何才能避免被ChatGPT替代？——一个跨学科的视角

ChatGPT是一个由OpenAI开发的AI文本工具&#xff0c;它可以理解和生成自然语言&#xff0c;从而与用户进行对话。ChatGPT是基于GPT-3或者GPT-4模型的&#xff0c;这是目前最大和最先进的语言模型之一。ChatGPT通过在大量的互联网文本数据上进行预训练和强化学习&#xff0c;学习…
阅读更多...
Mongodb 在工业场景下的数字解决方案

Mongodb 在工业场景下的数字解决方案

开头还是介绍一下群&#xff0c;如果感兴趣polardb ,mongodb ,mysql ,postgresql ,redis 等有问题&#xff0c;有需求都可以加群群内有各大数据库行业大咖&#xff0c;CTO&#xff0c;可以解决你的问题。加群请联系 liuaustin3 &#xff0c;在新加的朋友会分到2群&#xff08;共…
阅读更多...
UICollectionView 实现整页翻动（每页3个cell）

UICollectionView 实现整页翻动（每页3个cell）

提示&#xff1a;页面架构是通过UICollectionView做的分页&#xff0c;分页点PageControl使用的是<SDCycleScrollView/TAPageControl.h> &#xff0c;布局架构使用的是Masonry 前言 为了实现UICollectionView无限翻动&#xff0c;连续滑动&#xff0c;主要是利用pagingE…
阅读更多...
2023年计算机视觉与模式识别国际会议(CCVPR 2023)

2023年计算机视觉与模式识别国际会议(CCVPR 2023)

会议简介 Brief Introduction 2023年计算机视觉与模式识别国际会议(CCVPR 2023) 会议时间&#xff1a;2023年9月15日-17日 召开地点&#xff1a;英国牛津 大会官网&#xff1a;www.ccvpr.org 计算机视觉技术与模式识别是现代科学中备受关注的热点技术&#xff0c;它的革新对各行…
阅读更多...
改写句子的软件有哪些-免费改写文章的软件

改写句子的软件有哪些-免费改写文章的软件

改写句子的软件 改写句子的软件是一种广泛应用于文字处理的工具&#xff0c;其主要作用是通过对原文中的语言结构和表述方式进行调整和优化&#xff0c;以改进文章的质量和可读性。改写句子的软件广泛用于新闻报道、科学文章、学术论文、书籍等各类文本材料中&#xff0c;旨在…
阅读更多...
港科夜闻｜广东省委常委、副省长王曦到访香港科技大学

港科夜闻｜广东省委常委、副省长王曦到访香港科技大学

关注并星标 每周阅读港科夜闻 建立新视野 开启新思维 1、广东省委常委、副省长王曦到访香港科技大学。在香港科大校长、粤港澳大湾区院士联盟理事会主席叶玉如教授陪同下&#xff0c;王曦常委率代表团参观国家级科研设施和了解学校发展情况&#xff0c;并与在港中国科学院院士座…
阅读更多...
分享kubernetes部署：cachecloud部署说明

分享kubernetes部署：cachecloud部署说明

cachecloud部署 cachecloud是搜狐视频(sohutv)Redis私有云平台 已省略~ 挑选一台服务器部署cachecloud-web 将cachecloud-web打成war包&#xff0c;可以在服务器上打包&#xff0c;也可以在本地打包&#xff0c;这里举一个在服务器上打包的例子。 将源代码下载到/opt下 已省略~…
阅读更多...
使用 SaleSmartly 实时聊天提高转化率

使用 SaleSmartly 实时聊天提高转化率

在竞争激烈的电子商务环境中&#xff0c;很难给客户留下持久的印象&#xff0c;与他们建立关系更加困难。但是&#xff0c;提供个性化的体验和产品是超越竞争对手的最佳方式之一。这就是为什么许多跨境电子商务企业将与客户的个性化沟通作为他们的首要任务。 SaleSmartly&#…
阅读更多...
【Java数据结构】优先级队列(堆)

【Java数据结构】优先级队列(堆)

优先级队列&#xff08;堆&#xff09; 概念模拟实现堆的概念堆的存储方式堆的创建向下调整堆的创建建堆的时间复杂度 堆的插入和删除堆的插入堆的删除 用堆模拟实现优先级队列 常用接口PriorityQueue的特性PriorityQueue常用接口介绍构造方法插入/删除/获取优先级最高的元素 P…
阅读更多...
Lecture 14：Life-long Learning

Lecture 14：Life-long Learning

目录 Catastrophic Forgetting 灾难性遗忘(Catastrophic Forgetting)的克服之道 Selective Synaptic Plasticity Additional Neural Resource Allocation Memory Reply 其他 Catastrophic Forgetting ——为什么今日的人工智慧无法成为天网&#xff1f;灾难性遗忘 Life…
阅读更多...
2-Lampiao百个靶机渗透（精写-思路为主）框架漏洞利用2

2-Lampiao百个靶机渗透（精写-思路为主）框架漏洞利用2

特别注明&#xff1a;本文章只用于学习交流&#xff0c;不可用来从事违法犯罪活动&#xff0c;如使用者用来从事违法犯罪行为&#xff0c;一切与作者无关。 文章目录 前言一、环境重新部署二、AWVSxray联动和xraybs联动1.安装AWVSxray2.让xray和bs先联动3.AWVS和xray联动 三、p…
阅读更多...
Camtasia2023官方中文版免费下载

Camtasia2023官方中文版免费下载

在现在的网络互联网时代&#xff0c;越来越多的人走上了自媒体的道路。有些自媒体人会自己在网络上录制精彩视频&#xff0c;也有一些人会将精彩、热门的电影剪辑出来再加上自己给它的配音&#xff0c;做成大家喜欢看的电影剪辑片段。相信不管大家是自己平时有独特的爱好也好、…
阅读更多...
最新文章

Copyright @ 2022~2023

友情链接： 我的编程经验分享 一条长河网 尧图网站开发 尧图建网站