c++qt-基本组件

news2025/5/14 14:18:15
1. Designer 设计师（掌握）

Qt包含了一个Designer程序，用于通过可视化界面设计开发界面，保存的文件格式为.ui（界面文件）。界面文件内部使用xml语法的标签式语言。

在Qt Creator中创建项目时，选中界面文件选项，可以让自带的窗口类使用界面文件。

可以看到在项目中会增加一个界面文件，双击此文件，可以直接使用内置的Designer程序打开并设计。

所有Designer中的操作都可以通过C++代码实现。

2. 布局 Layout（掌握）

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

垂直布局：内部组件竖着排成一排。

水平布局：内部组件横着排成一排。

格栅布局：内部组件排布成n*m的表格。

表单布局：用户搭建用户输入的布局效果。

垂直布局与水平布局的使用方式类似，只是方向不同，常用属性如下：

选中布局后，点击可以打破布局。

布局可以贴合窗口，只需要选中窗口对象后，再次点击按钮之一即可。

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

布局可以嵌套，对于外层布局而言，内层布局相当于一个外层布局的子组件。

3、 QWidget类

Qwidget的属性在Designer中显式的为淡黄色，下面是一些常用的属性：

策略：除非必要情况下，实现特殊功能，否则尽量不修改策略。因为当前策略针对当前组件是最友好的。

4、界面文件与C++代码的关系

5、QLabel标签

5.1 基本属性

QLabel用于显式文字或者图片，需要注意的是，QLabel不能与用户交互（不能点击），只能展示使用，因此没有合适的信号函数。

我们可以直接对标间进行命名，系统默认的命名方式就是：“标签名称_序号”。

5.2 添加资源库

把图片导入到项目中，成为项目资源，直接使用Qt的虚拟的资源路径导入图片，可以在任何环境中使用这些资源图片。

Qt支持以下几种常用的图片格式：

jpg（不包含透明度）、png（包含透明度）、gif（动图）等。

注意导入的图片的大小，不能特别大（分辨率过高或文件过大），因为操作图片非常消耗程序资源。

下面是导入图片成为项目资源的操作步骤：

  1. 把命名好的图片放置到项目的工作目录中。
  2. 在Qt Creator中选中项目名称，鼠标右键，点击“添加新文件”。
  3. 在弹出的窗口中，按照下图所示进行操作。

  1. 在弹出的窗口中给资源文件命名，例如res。

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

  1. 选中qrc文件点击，可以给资源文件新建一个虚拟路径。，选择需要导入的图片。
  2. 导入成功后，可以在qrc文件中看到导入成功的图片。

5.3 使用资源库

  1. 点击重新构建项目，就可以使用了。

  1. 新添加的图片显示不全，需要把缩放模式点上。

5.4 通过代码添加图片 QPixmap()

先在UI中添加一个label框，在代码中对该label框进行操作。

  1. 我们也可以通过代码，加载图片，以及修剪图片尺寸等。

2、需要加头文件#include<QPixmap>。图片类头文件

// 图片类构造函数，栈内存对象
// 参数1：图片资源路径（qrc中的图片路径）
// 参数2：样板格式，默认值就行
// 参数3：图片颜色格式，默认就行
QPixmap:: QPixmap(const QString & fileName, const char * format = 0, Qt::ImageConversionFlags flags = Qt::AutoColor)

  1. 当前已经创建了图片类的对象，但是还需要进行缩放，执行输出模式。

// 缩放
// 参数1:QSize类型对象，表示目标尺寸。需要添加头文件#include<QSize>
// 参数2:三种缩放模式，是一个枚举类型
// 参数3：以速度优先还是以质量优先，两种模式。默认是以速度优先。是一个枚举
QPixmap QPixmap:: scaled(const QSize & size, Qt::AspectRatioMode aspectRatioMode = Qt::IgnoreAspectRatio, Qt::TransformationMode transformMode = Qt::FastTransformation) const


// QSize构造函数
// 图片的宽度和高度
QSize:: QSize(int width, int height)

dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#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);
    // 创建一个图片类对象
    QPixmap pic(":/new/prefix1/g.jpg");

    // 定义QSize对象
    QSize size(ui->labelTest->width(),ui->labelTest->height());

    // 缩放
    pic = pic.scaled(size,Qt::KeepAspectRatio,Qt::SmoothTransformation);

    // 使用界面文件的组件对象
    ui->labelTest->setPixmap(pic);

}

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

5.5 使用代码添加动态图QMovie()

添加动态图：

1、需要将动态图，放到项目文件中，.gif

  1. 添加完成后，需要将动态，加载到资源目录中。

电影类，如果要播放动图，需要用到电影类，添加头文件#include<QMovie>.

// 创建电影类对象，需要用这个构造函数
// 参数1：资源路径
// 参数2：输出模式，默认
// 参数3：基类指针。创建堆区对象
QMovie:: QMovie(const QString & fileName, const QByteArray & format = QByteArray(), QObject * parent = 0)

.h电影类头文件

#ifndef DIALOG_H
#define DIALOG_H
#include <QDialog>
#include <QPixmap> // 图片类
#include <QSize>
#include <QMovie>//电影类
namespace Ui {
class Dialog;
}
class Dialog : public QDialog
{
    Q_OBJECT
public:
    explicit Dialog(QWidget *parent = 0);
    ~Dialog();
private:
    Ui::Dialog *ui;
    QMovie *movie;
};
#endif // DIALOG_H

.c

#include "dialog.h"
#include "ui_dialog.h"
Dialog::Dialog(QWidget *parent) :QDialog(parent),ui(new Ui::Dialog)
{
    ui->setupUi(this); 
    //创建图片对象
    QPixmap pic(":/new/prefix1/dog.png");
    //定义QSize对象
    QSize size(ui->label->width(),ui->label->height());
    // 缩放    
    pic = pic.scaled(size,Qt::KeepAspectRatio,Qt::SmoothTransformation);
    // 使用界面文件的组件对象
    ui->label->setPixmap(pic);
    //创建电影类对象
    movie = new QMovie(":/new/prefix1/gg.gif");
    //给QLabel设置电影类
    ui->label_2->setMovie(movie);
    //播放电影
    movie->start();
}
Dialog::~Dialog()
{
    delete ui;
}

6. QAbstractButton 按钮类（掌握）

QAbstractButton是按钮类的抽象基类，因此内部包含了按钮的基础属性和函数。

常用属性：

1）GroupBox 分组盒子组件：

QAbstractButton按钮类的基础属性：

给按钮添加一个图标：

iconfont-阿里巴巴矢量图标库

2）按钮类常用信号如下：

注意，这个通知信号函数和别的有些区别，状态发生改变时，发射此信号：

3）QButtonGroup 组件

可以使用QButtonGroup组件对多个按钮进行分组，是一个按钮的逻辑分组。没有任何的UI效果，其中主要的目的是用一个信号槽同时监控多个按钮对象的状态。

参数中：表示当前触发的按钮对象本身。

表示当前触发的按钮序号。

// 给管理组件，添加控件
// 参数1：添加的控件
// 参数2：序号ID
void QButtonGroup:: addButton(QAbstractButton * button, int id = -1)


//解除按钮的互斥性 
void	setExclusive(bool)

7. QLineEdit 单行文本输入框（掌握）

1）QLineEdit用于输入一个单行文本，常用属性如下：

2）常用信号函数如下：

8. ComboBox 组合框（掌握）

ComboBox用于选择一个选项，功能类似于QRadioButton。

1）常用属性如下：

2）常用信号如下：

9. 若干与数字相关的组件（掌握）

以下组件都是与数字相关。

1）这些组件的一些共同的属性和函数：

// value属性值发生变化时发射的信号
// 参数为当前的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:
    void setValueSlot(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(setValueSlot(int)));
    connect(ui->horizontalScrollBar,SIGNAL(valueChanged(int)),
            this,SLOT(setValueSlot(int)));
    connect(ui->horizontalSlider,SIGNAL(valueChanged(int)),
            this,SLOT(setValueSlot(int)));
    connect(ui->progressBar,SIGNAL(valueChanged(int)),
            this,SLOT(setValueSlot(int)));
    connect(ui->verticalScrollBar,SIGNAL(valueChanged(int)),
            this,SLOT(setValueSlot(int)));
    connect(ui->verticalSlider,SIGNAL(valueChanged(int)),
            this,SLOT(setValueSlot(int)));
    connect(ui->spinBox,SIGNAL(valueChanged(int)),
            this,SLOT(setValueSlot(int)));
}
Dialog::~Dialog()
{
    delete ui;
}
void Dialog::setValueSlot(int value)
{
    ui->dial->setValue(value);
    ui->horizontalScrollBar->setValue(value);
    ui->horizontalSlider->setValue(value);
    ui->progressBar->setValue(value);
    ui->verticalScrollBar->setValue(value);
    ui->verticalSlider->setValue(value);
    ui->spinBox->setValue(value);
}

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

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

相关文章

r语言拟合曲线

r语言拟合曲线

r语言拟合曲线 #圆滑曲线 library(ggalt) library(ggplot2) df <- read.csv("lqs-1.csv",headerT) p2<-ggplot(datadf,aes(xx,yy))geom_point(size1) geom_smooth(span0.1)p2结果
阅读更多...
Error: L6218E: Undefined symbol 系列错误汇总 (referred from main.o)

Error: L6218E: Undefined symbol 系列错误汇总 (referred from main.o)

传送门 错误1&#xff1a; Undefined symbol(referred from main.o)错误2&#xff1a;Undefined_symbol _use_two_region memory 错误1&#xff1a; Undefined symbol(referred from main.o) Cube_GPIO\Cube_GPIO.axf: Error: L6218E: Undefined symbol LED_GPIO_Init (referr…
阅读更多...
OpenCV4.x(C++)人脸检测(眼睛、侧脸、正脸)

OpenCV4.x(C++)人脸检测(眼睛、侧脸、正脸)

一、前言 OpenCV是一款广泛使用的计算机视觉库&#xff0c;提供了许多强大的功能&#xff0c;包括人脸检测和识别。人脸分类器是OpenCV中用于人脸检测的关键工具之一&#xff0c;能够快速准确地检测出图像中的人脸。 本文将介绍如何使用OpenCV自带的人脸分类器&#xff0c;并…
阅读更多...
【SpringMVC快速使用】1.@RestController @RequestMapping 2.logback的使用

【SpringMVC快速使用】1.@RestController @RequestMapping 2.logback的使用

背景&#xff1a;为何从这个最简单的 例子写起呢&#xff1f; 那是因为我们的管理后台之类的都是别人写的&#xff0c;我也听说了大家说&#xff1a;只用Post请求就足够了&#xff0c;但是却发现&#xff0c;在浏览器中测试时&#xff0c;默认是GET请求&#xff0c;如果直接写…
阅读更多...
【论文阅读】Consistency Models

【论文阅读】Consistency Models

文章目录 IntroductionDiffusion ModelsConsistency ModelsDefinitionParameterizationSampling Training Consistency Models via DistillationTraining Consistency Models in IsolationExperiment Introduction 相比于单步生成的模型&#xff08;例如 GANs, VAEs, normalizi…
阅读更多...
自行车商城网站网页设计与制作web前端设计html+css+js成品。电脑网站制作代开发。vscodeDrea

自行车商城网站网页设计与制作web前端设计html+css+js成品。电脑网站制作代开发。vscodeDrea

【自行车商城网站网页设计与制作web前端设计htmlcssjs成品。电脑网站制作代开发。vscodeDrea】 https://www.bilibili.com/video/BV1wT4y1p7jq/?share_sourcecopy_web&vd_sourced43766e8ddfffd1f1a1165a3e72d7605
阅读更多...
Docker五部曲之四：Docker Compose

Docker五部曲之四：Docker Compose

文章目录 前言Compose应用程序模型Compose规范顶层属性servicenetworkvolumesconfigssecrets 环境变量.env文件environment属性主机shell中的环境变量 Profiles&#xff08;剖面&#xff09;启动剖面自动启动剖面和依赖项解析 多compose.yml文件共享与扩展构建规范构建属性 部署…
阅读更多...
MySQL主从复制配置（双主双从）

MySQL主从复制配置（双主双从）

一、架构规划 一主多从可以缓解读的压力&#xff0c;但是如果主宕机了&#xff0c;所有从都不能写了&#xff0c;因此我们配置双主双从。 1、规划图 master1和master2互为主从关系&#xff0c;slave1是master1的从&#xff0c;slave2是master2的从。 2、环境准备 准备四台机…
阅读更多...
浅谈对Maven的理解

浅谈对Maven的理解

一、什么是Maven Maven——是Java社区事实标准的项目管理工具&#xff0c;能帮你从琐碎的手工劳动中解脱出来&#xff0c;帮你规范整个组织的构建系统。不仅如此&#xff0c;它还有依赖管理、自动生成项目站点等特性&#xff0c;已经有无数的开源项目使用它来构建项目并促进团队…
阅读更多...
WEB服务器-Tomcat

WEB服务器-Tomcat

3. WEB服务器-Tomcat 3.1 简介 3.1.1 服务器概述 服务器硬件 指的也是计算机&#xff0c;只不过服务器要比我们日常使用的计算机大很多。 服务器&#xff0c;也称伺服器。是提供计算服务的设备。由于服务器需要响应服务请求&#xff0c;并进行处理&#xff0c;因此一般来说…
阅读更多...
浅谈缓存最终一致性的解决方案

浅谈缓存最终一致性的解决方案

浅谈缓存最终一致性的解决方案 作者&#xff1a;clareguo&#xff0c;腾讯 CSIG 后台开发工程师 来源&#xff1a;腾讯技术工程open in new window 到底是更新缓存还是删除缓存? 到底是先更新数据库&#xff0c;再删除缓存&#xff0c;还是先删除缓存&#xff0c;再更新数据…
阅读更多...
（Java企业 / 公司项目）分布式事务Seata详解（含Seata+Nacos组合使用）（二）

（Java企业 / 公司项目）分布式事务Seata详解（含Seata+Nacos组合使用）（二）

一. Seata Server配置Nacos 什么是配置中心?配置中心可以说是一个"大货仓",内部放置着各种配置文件,你可以通过自己所需进行获取配置加载到对应的客户端.比如Seata Client端(TM,RM),Seata Server(TC),会去读取全局事务开关,事务会话存储模式等信息.Seata的配置中心…
阅读更多...
PyTorch项目源码学习（3）——Module类初步学习

PyTorch项目源码学习（3）——Module类初步学习

torch.nn.Module Module类是用户使用torch来自定义网络模型的基础&#xff0c;Module的设计要求包括低耦合性&#xff0c;高模块化等等。一般来说&#xff0c;计算图上所有的子图都可以是Module的子类&#xff0c;包括卷积&#xff0c;激活函数&#xff0c;损失函数节点以及相…
阅读更多...
计算机缺失mfu140u.dll的5种解决方法，亲测有效

计算机缺失mfu140u.dll的5种解决方法，亲测有效

在计算机系统运行过程中&#xff0c;mfu140u.dll文件的丢失是一个较为常见的问题场景。这个动态链接库文件(mfu140u.dll)对于系统的正常运行具有关键作用&#xff0c;它的缺失可能导致相关应用程序无法启动或执行功能异常。具体来说&#xff0c;mfu140u.dll丢失的场景可能出现在…
阅读更多...
QT上位机开发（QSS美化）

QT上位机开发（QSS美化）

【 声明&#xff1a;版权所有&#xff0c;欢迎转载&#xff0c;请勿用于商业用途。 联系信箱&#xff1a;feixiaoxing 163.com】 我们早期学习过web开发的同学都知道&#xff0c;web开发有三个部分&#xff0c;分别是html、css和java script。其中html负责控件生成和布局&#…
阅读更多...
基于Matlab/Simulink的MIL仿真验证解决方案

基于Matlab/Simulink的MIL仿真验证解决方案

文章目录 需求追溯 虚拟环境 模型检查 仿真验证 测试报告 参考文献 针对模型开发阶段的ECU算法&#xff0c;可以很直接地将其与虚拟车辆模型连接起来&#xff0c;通过MIL对其进行验证和确认。可以在开发过程的早期检测到设计错误和不正确的需求&#xff0c;也有助于安全地…
阅读更多...
DSL查询文档--各种查询

DSL查询文档--各种查询

DSL查询文档 elasticsearch的查询依然是基于JSON风格的DSL来实现的。 1查询所有 结果&#xff1a; 2全文检索&#xff08;full text&#xff09;查询 常见的全文检索查询包括&#xff1a; match查询&#xff1a;单字段查询 multi_match查询&#xff1a;多字段查询&#xff…
阅读更多...
阿里云ingress配置时间超时的参数

阿里云ingress配置时间超时的参数

一、背景 在使用阿里云k8s集群的时候&#xff0c;内网API网关&#xff0c;刚开始是用的是Nginx&#xff0c;后面又搭建了ingress。 区别于nginx配置&#xff0c;ingress又该怎么设置参数呢&#xff1f;比如http超时时间等等。 本文会先梳理nginx是如何配置&#xff0c;再对比…
阅读更多...
检索系统的组成简图与功能解释

检索系统的组成简图与功能解释

阅读更多...
AC修炼计划（AtCoder Beginner Contest 334）A~G

AC修炼计划（AtCoder Beginner Contest 334）A~G

传送门&#xff1a;UNIQUE VISION Programming Contest 2023 Christmas (AtCoder Beginner Contest 334) - AtCoder A题是最最基础的语法题就不再讲解。 B - Christmas Trees 该题虽然分低&#xff0c;但我觉得还是很不错的。 给你 l 和 r &#xff0c;设满足题意的数字是x则…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023