Qt_day4_Qt_UI设计

目录

Qt_UI设计

1. Designer 设计师（掌握）

2. Layout 布局（重点）

2.1 基本使用

2.2 高级用法

2.3 代码布局（了解）

3. Designer与C++的关系（熟悉）

4. 基本组件（掌握）

4.1 QWidget

4.2 QLabel 标签

4.3 QAbstractButton 按钮类

4.4 QLineEdit 单行文本输入框

4.5 QComboBox 组合框

4.6 一组与数字相关的组件

Qt_UI设计

1. Designer 设计师（掌握）

    Designer是Qt内置的一款界面设计程序，设计的界面文件为.ui格式。

    C++程序员通常不会单独启动Designer，如果要在项目中使用Designer程序，只需要在新建项目时，勾选“创建界面文件”选项。

这样的项目自带dialog.ui，双击dialog.ui可以直接使用Designer程序打开此文件。

2. Layout 布局（重点）

2.1 基本使用

    可以把布局看做是一个透明的盒子，内部放置各种组件对象，这些组件对象会按照布局预设的规则自动排序，并形成一个布局整体。

Qt中有四种布局：

    主要学习前两种，垂直/水平布局指的是布局中所有的子组件垂直/水平排成一排，常用属性如下：

    需要注意的是，最终的显示效果是多个因素综合决定的，并非一个因素完全决定。

2.2 高级用法

  • 伸展器

如果需要在布局中填充空白，可以使用伸展器组件。

  • 嵌套

布局和布局之间可以嵌套，内层布局相当于外层布局的一个组件。

  • 贴合

    选中窗口对象，点击，可以让最外层布局贴合窗口，以达到窗口大小自适应效果。

可以点击打破任何一个选中的布局，例如取消贴合效果，需要先选中窗口，然后点击此按钮。

2.3 代码布局（了解）

    也可以使用C++进行布局，仅做展示。

dialog.h

#ifndef DIALOG_H
#define DIALOG_H#include <QDialog>
#include <QVBoxLayout>
#include <QPushButton>class Dialog : public QDialog
{Q_OBJECTpublic:Dialog(QWidget *parent = 0);~Dialog();private:QVBoxLayout* layout;QPushButton* btn1;QPushButton* btn2;
};#endif // DIALOG_H

dialog.cpp

#include "dialog.h"Dialog::Dialog(QWidget *parent): QDialog(parent)
{resize(400,400);layout = new QVBoxLayout(this);btn1 = new QPushButton("A",this);btn2 = new QPushButton("B",this);// 把两个按钮加入到布局中layout->addWidget(btn1);layout->addWidget(btn2);
}Dialog::~Dialog()
{delete layout;delete btn1;delete btn2;
}

虽然代码布局复杂，但是性能好。

3. Designer与C++的关系（熟悉）

dialog.h

#ifndef DIALOG_H
#define DIALOG_H#include <QDialog>namespace Ui {
class Dialog;
}class Dialog : public QDialog
{Q_OBJECTpublic:explicit Dialog(QWidget *parent = 0);~Dialog();private:Ui::Dialog *ui; // ui指针：界面文件的对象化
};#endif // DIALOG_H

dialog.cpp 
#include "dialog.h"
#include "ui_dialog.h"Dialog::Dialog(QWidget *parent) :QDialog(parent),ui(new Ui::Dialog) // 构造初始化列表
{// 按照ui文件设计内容在C++中创建对象并初始化ui->setupUi(this);// 可以通过ui指针+对象名称，在C++中找到ui中的对象ui->pushButtonA->setText("是不是？");
}Dialog::~Dialog()
{// 销毁ui，一并销毁ui文件中所有的对象delete ui;
}

    因为Designer造成的开销相对于常用的Windows而言微不足道，因此后续界面设计都使用Designer，创建的项目要求勾选“创建界面文件”。

4. 基本组件（掌握）

4.1 QWidget

    QWidget是所有组件的基类，因此其属性被所有组件继承，在Designer中这些属性显示为淡黄色，常用属性如下：

4.2 QLabel 标签

QLabel用于显示文字或图片，此组件仅用于显示，不能交互。

常用属性如下：

Qt项目中正规使用图片的方式需要先把图片资源导入到项目中，然后再使用图片资源，不可直接使用图片文件，操作步骤如下：

1. 准备好图片文件，要求格式：png（包含透明图层）、jpg（不包含透明图层）、webp（在部分Qt版本支持）等。明明合法（英文数字组合），分辨率和文件大小不要过高。

2. 把图片文档放置到工作目录中。

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

    4. 在弹出的窗口中，按照下图所示进行操作。Qt Resource File表示资源管理文件，格式.qrc，用于管理导入到项目中的资源文件。

5. 在弹出的窗口中填写qrc资源管理文件的名称，例如res

6. 项目管理界面，直接点击完成。

7. 如果需要回到资源管理文件首页，如下图所示进行操作。

8. 第一次给资源管理文件导入资源之前，需要先添加前缀，可以把前缀理解为是一个虚拟的路径。

9. 点击添加文件，可以把对应图片文件添加到当前前缀下。

10. 如果在C++代码中使用此图片，需要复制资源路径。

11. 如果在Designer中使用，需要先重新构建一次项目，点击可以构建但不运行项目。随后可以在Designer中配置资源图片的使用。

    通过C++代码对图片进行缩放的效果比Designer好一些，但是仍然建议使用专门的P图软件提前处理好。

相关函数如下：

// QPixmap的构造函数
// 参数为文件名称，即“虚拟路径”
QPixmap::​QPixmap(const QString & fileName)


// 缩放拉伸图片
// 参数1：目标宽度
// 参数2：目标高度
// 参数3：拉伸模式，三个枚举值
// 参数4：转换模式，两个枚举值，分别表示速度优先和质量优先
// 返回值：转换后的图片对象
QPixmap QPixmap::​scaled(
int width, 
int height, 
Qt::AspectRatioMode aspectRatioMode = Qt::IgnoreAspectRatio, Qt::TransformationMode transformMode = Qt::FastTransformation) const

QLabel也支持gif动图显示，需要配合QMovie类型播放动图，相关函数如下：

// 构造函数
// 参数1：文件名称，即“虚拟路径”
// 参数3是parent，因此用堆内存
QMovie::​QMovie(const QString & fileName)

// 开始播放
void QMovie::​start()                [slot]

以上练习的源代码：

通过网盘分享的文件：Day2_24072_QLabel (2).zip

链接: https://pan.baidu.com/s/1G16UlAj03skrUNsMnJviQw 提取码: gjee

--来自百度网盘超级会员v7的分享

4.3 QAbstractButton 按钮类

QAbstractButton是按钮的抽象基类，包含四种常见的派生类：

需要注意的是，QRadioButton需要分组互斥，使用QGroupBox组件进行分组。

按钮类常用属性如下：

图标是一种特殊的图片，具有以下性质：

  • 分辨率1:1
  • 包含透明图层
  • 格式通常为png和ico

可以通过专门的图标下载网站进行学习交流：

iconfont-阿里巴巴矢量图标库iconfont-国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具icon-default.png?t=O83Ahttps://www.iconfont.cn/

按钮类常用信号如下：

     如果按钮比较多需要很多信号槽的连接，除了可以使用多对一的连接方式以外，还可以使用QButtonGroup对按钮进行分组，可以针对一个组设置信号槽。QButtonGroup不继承QWidget，直接继承QObject，因此没有任何显示效果，只是一种逻辑分组。

相关函数如下：

// 构造函数
QButtonGroup::​QButtonGroup(QObject * parent = 0)

// 向组中添加按钮并编号
// 参数1：按钮对象
// 参数2：按钮编号，建议非重复正数
void QButtonGroup::​addButton(QAbstractButton * button, int id = -1)

信号函数如下：

    信号函数分为四组，对应的触发效果就是之前QAbstractButton信号的四种效果，区别每组重载函数的参数不同。QAbstractButton*表示当前组中触发的组件地址，int表示当前组中触发的组件编号。

需要注意的是，QButtonGroup默认会让按钮互斥，因此需要更改exclusive : bool属性值为false。

通过网盘分享的文件：Day3_24072_QButton.zip

链接: https://pan.baidu.com/s/1iPBs-PsaZg5bLJvkiCOCqw 提取码: h8e6

--来自百度网盘超级会员v7的分享

4.4 QLineEdit 单行文本输入框

    QLineEdit可以让用户输入一个单行文本，常用属性如下：

信号函数如下：

通过网盘分享的文件：Day3_24072_QLineEdit.zip

链接: https://pan.baidu.com/s/1aGU3CMl6q1jjnFeujMzJLQ 提取码: a2a4

--来自百度网盘超级会员v7的分享

4.5 QComboBox 组合框

QComboBox可以点击出现一个下拉菜单，用户选择其中的一个选项（Item）。

常用属性如下：

信号函数如下：

通过网盘分享的文件：Day3_24072_QComboBox.zip

链接: https://pan.baidu.com/s/1T-hYrHTyXkCcd6FR6rtmZg 提取码: 5d7f

--来自百度网盘超级会员v7的分享

4.6 一组与数字相关的组件

以上组件共同的属性包括：

  • value : int

当前数值

  • maximum : int

最大值，以上组件中只有QProgressBar默认最大值为100，其他组件为99。

  • minimum : int

最小值，默认值为0。

以上组件共有的信号函数：

// 参数为新的value值
void valueChanged(int value)                 [signal]

一个属性值发生变化时发射的信号在属性文档中会出现在部分。

通过网盘分享的文件：Day3_24072_Value.zip

链接: https://pan.baidu.com/s/1I3n1cPLorXmCQsyIcVXnPA 提取码: vnkg

--来自百度网盘超级会员v7的分享

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

sql专题 之 count()区别

sql专题 之 count()区别

文章目录 count&#xff08;1&#xff09;count(*)count(列名)比较 count&#xff08;1&#xff09; count(1) 是对结果集中的每一行计数&#xff0c;不关注具体的列&#xff0c;只是计数行数。 每一行都计为常数1 等同于 count(*)&#xff0c;性能上基本一致&#xff0c;但有时…
阅读更多...
嵌入式课程day14-C语言指针进阶

嵌入式课程day14-C语言指针进阶

目录 10.3指针进阶 10.3.1数组指针 10.3.2指针数组 10.3.3函数指针 10.3.4指针函数 10.3.5函数指针的实际应用案例qsort函数&#xff1a; 10.3指针进阶 10.3.1数组指针 是指针 --- 指向对象的类型是 数组 int [3] 数组指针一般用于指向二维数组里面的一行&#xff0c;…
阅读更多...
蓝桥杯模拟

蓝桥杯模拟

【问题描述】 如果一个数 p 是个质数&#xff0c;同时又是整数 a 的约数&#xff0c;则 p 称为 a 的一个质因数。 请问 2024 有多少个质因数。 【答案提交】 这是一道结果填空的题&#xff0c;你只需要算出结果后提交即可。本题的结果为一个整数&#xff0c;在提交答案时只…
阅读更多...
Ruby编程语言全景解析：从基础到进阶

Ruby编程语言全景解析：从基础到进阶

Ruby是一种动态的、面向对象的编程语言&#xff0c;以其优雅的语法和强大的功能而闻名于世。自从1995年由日本程序员松本行弘&#xff08;Yukihiro Matsumoto&#xff09;发布以来&#xff0c;Ruby便迅速成为了开发者中颇受欢迎的编程语言之一。无论是构建简单的脚本还是复杂的…
阅读更多...
数据结构的时间复杂度和空间复杂度

数据结构的时间复杂度和空间复杂度

目录 时间复杂度 空间复杂度 时间复杂度 基本操作的执行次数&#xff0c;为时间复杂度。 我们使用大O的渐进表示法来表示时间复杂度。 怎么使用&#xff1f; 先看例子&#xff1a; 在这个例子中&#xff0c; 基本操作为变量 count 的 加加 操作&#xff0c;并且&#xff0c;执行…
阅读更多...
Ubuntu20.04 解决一段时间后键盘卡死 输入延迟很大的问题 ubuntu

Ubuntu20.04 解决一段时间后键盘卡死 输入延迟很大的问题 ubuntu

Ubuntu20.04 解决一段时间后键盘卡死 输入延迟很大的问题 为了确保您能顺利通过双击快捷方式来重启 IBus&#xff0c;下面详细描述了从脚本创建到快捷方式设置的每一步&#xff0c;包括具体的命令行操作和必要的说明&#xff0c;以确保您能够按步骤成功执行。 步骤 1: 创建并…
阅读更多...
解决Oracle DECODE函数字符串截断问题的深度剖析20241113

解决Oracle DECODE函数字符串截断问题的深度剖析20241113

解决Oracle DECODE函数字符串截断问题的深度剖析 在使用Oracle数据库进行开发时&#xff0c;开发者可能会遇到一些令人困惑的问题。其中&#xff0c;在使用DECODE函数时&#xff0c;返回的字符串被截断就是一个典型的案例。本文将以学生管理系统为背景&#xff0c;深入探讨这个…
阅读更多...
【Chapter 3】Machine Learning Classification Case_Prediction of diabetes-XGBoost

【Chapter 3】Machine Learning Classification Case_Prediction of diabetes-XGBoost

文章目录 1、XGBoost Algorithm2、Comparison of algorithm implementation between Python code and Sentosa_DSML community edition(1) Data reading and statistical analysis(2)Data preprocessing(3)Model Training and Evaluation(4)Model visualization 3、summarize 1…
阅读更多...
Rust Struct 属性初始化

Rust Struct 属性初始化

结构体是用户定义的数据类型&#xff0c;其中包含定义特定实例的字段。结构有助于实现更容易理解的抽象概念。本文介绍几种初始化结构体对象的方法&#xff0c;包括常规方法、Default特征、第三方包实现以及构建器模式。 Struct声明与初始化 struct Employee {id: i32,name: …
阅读更多...
AI大模型微调：Qwen2大模型微调入门实战（完整代码）

AI大模型微调：Qwen2大模型微调入门实战（完整代码）

简介&#xff1a; 该教程介绍了如何使用Qwen2&#xff0c;一个由阿里云通义实验室研发的开源大语言模型&#xff0c;进行指令微调以实现文本分类。微调是通过在&#xff08;指令&#xff0c;输出&#xff09;数据集上训练来改善LLMs理解人类指令的能力。教程中&#xff0c;使用…
阅读更多...
树莓派（Raspberry Pi）Pico 2 C_C++开发环境配置（Docker+SDK）

树莓派（Raspberry Pi）Pico 2 C_C++开发环境配置（Docker+SDK）

树莓派&#xff08;Raspberry Pi&#xff09;Pico 2 C_C开发环境配置&#xff08;DockerSDK&#xff09; 开发环境容器系统环境配置配置 Raspberry Pi Pico 2 C/C 开发环境编译构建 Blink 示例程序下载 pico-sdk 和 pico-examples构建 Blink 链接 文章介绍了在容器中配置Raspbe…
阅读更多...
剑指offer第二版(PDF+源码)

剑指offer第二版(PDF+源码)

通过百度网盘分享的文件&#xff1a;剑指offer第二版(PDF源码).zip 链接&#xff1a;https://pan.baidu.com/s/11chsELiBIgjLR1mW7M8j1g?pwd1pq7 提取码&#xff1a;1pq7 《剑指Offer》第二版&#xff1a;开启求职编程之路的宝藏资源 在编程学习与求职准备的征程中&#xf…
阅读更多...
Mac打开time machine（时间机器）备份特殊文件

Mac打开time machine（时间机器）备份特殊文件

Mac 打开time machine&#xff08;时间机器&#xff09;备份特殊文件 设置“时间机器”的作用具体操作办法 前言&#xff1a;今天在使用Nas同步文件时发现有部分重要文件没有同步&#xff0c;为了省事手动拖拽复制文件&#xff0c;导致其中一份非常重要的文件丢失&#xff0c;尝…
阅读更多...
基于Python+Django+Vue3+MySQL实现的前后端分类的商场车辆管理系统

基于Python+Django+Vue3+MySQL实现的前后端分类的商场车辆管理系统

项目名称&#xff1a;基于PythonDjangoVue3MySQL实现的前后端分离商场车辆管理系统 技术栈 开发工具&#xff1a;PyCharm、Visual Studio Code (VSCode)运行环境&#xff1a;Python 3.10、MySQL 8.0、Node.js 18技术框架&#xff1a;Django 5、Vue 3.4、Ant-Design-Vue 4.12 …
阅读更多...
vue2,vue3响应式的理解

vue2,vue3响应式的理解

vue2的话主要使用的是defineProperty对已有属性添加get,set,从而完成对数据的响应式控制&#xff0c;但每次需要for循环对属性进行遍历 function DefineReactive(target, key, value) {//存在多层嵌套的objectObserver(value);Object.defineReactive(target, key, {get() {retu…
阅读更多...
SpringBoot 创建对象常见的几种方式

SpringBoot 创建对象常见的几种方式

SpringBoot 创建对象常见的几种方式 在 Spring Boot 中&#xff0c;将 Bean 对象添加到 IOC 容器中&#xff0c;通用的有下面几种方式&#xff1a; 使用 Component、Service、Repository 或 Controller 注解使用 Configuration 和 Bean 注解使用 Import 注解导入其他配置类通…
阅读更多...
游戏服务器和普通服务器的区别

游戏服务器和普通服务器的区别

服务器&#xff0c;顾名思义&#xff0c;是提供服务的设备&#xff0c;在计算机领域&#xff0c;服务器是指具有网络功能的高性能计算机&#xff0c;用于存储、处理和传输数据&#xff0c;而游戏服务器则是专门为游戏提供服务的服务器&#xff0c;它需要具备更高的性能、更稳定…
阅读更多...
C++初阶：类和对象（上）

C++初阶：类和对象（上）

1. 类的定义 1.1 类的定义格式 class为定义类的关键字&#xff0c;Stack为类的名字&#xff0c;{ } 中为类的主体&#xff0c;注意类定义结束后的分号不能省略。类体中的内容为类的成员&#xff1a;类中的变量称为类的属性或成员变量&#xff1b;类中的函数称为类的方法或成员…
阅读更多...
ctfshow DSBCTF web部分wp

ctfshow DSBCTF web部分wp

ctfshow 单身杯 web部分wp web 签到好玩的PHP 源码&#xff1a; <?php error_reporting(0); highlight_file(__FILE__);class ctfshow {private $d ;private $s ;private $b ;private $ctf ;public function __destruct() {$this->d (string)$this->d;$this…
阅读更多...
Git别名设置

Git别名设置

在 Git 中设置命令别名可以让你更高效地使用常见的 Git 命令。通过为常用命令创建简短的别名&#xff0c;可以减少输入的字符数并加速工作流程。 参考链接 设置 Git 命令别名的方法&#xff1a; 使用 Git 配置命令&#xff1a; Git 允许通过 git config 命令来设置命令别名。这…
阅读更多...
最新文章

Copyright @ 2022~2023