【Qt 学习笔记】QWidget的geometry属性及window frame的影响

已于 2024-04-10 22:05:47 修改
阅读量1.5k 收藏 17
点赞数 22
分类专栏： Qt 文章标签： qt 学习 笔记 c++ 开发语言
于 2024-04-10 19:10:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74014525/article/details/137597755
版权
  • 博客主页：Duck Bro 博客主页
  • 系列专栏：Qt 专栏
  • 关注博主，后期持续更新系列文章
  • 如果有错误感谢请大家批评指出，及时修改
  • 感谢大家点赞👍收藏⭐评论✍

QWidget的geometry属性

文章编号：Qt 学习笔记 / 16

文章目录

一、geometry属性

1. 简介

geometry属性在计算机图形学中常用于描述和操作2D和3D对象的位置、大小和形状。通过geometry属性，我们可以对图形对象进行各种操作

在 Qt 中，geometry属性表示当前控件的位置和尺寸，就是四个属性的统称

  • x 横坐标
  • y 纵坐标
  • width 宽度
  • height 高度

在这里插入图片描述

2. API

API说明
geometry()获取到控件的位置和尺⼨. 返回结果是⼀个 QRect, 包含了 x, y, width, height. 其中 x, y 是左上⻆的坐标.
setGeometry(QRect)设置控件的位置和尺⼨. 可以直接设置⼀个 QRect
setGeometry(int x, int y,int width, int height)设置控件的位置和尺⼨. 可以分四个属性单独设置.

提及：QPiont表示一个点 QRect表示一个矩形 这两个都属于小对象，里面的属性非常少，占用空间也小

提及：区别于move，move只能修改位置 setGeometry 可以修改位置，又可以修改尺寸

3. 代码示例

3.1 示例1：控制按钮的大小变化

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
文件代码：

//widget.h

#ifndef WIDGET_H
#define WIDGET_H

#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 slots:
    void on_pushButton_up_clicked();
    void on_pushButton_down_clicked();
    void on_pushButton_right_clicked();
    void on_pushButton_left_clicked();
private:
    Ui::Widget *ui;
};
#endif // WIDGET_H


//widget.cpp

#include "widget.h"
#include "ui_widget.h"

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

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

//向上按钮
void Widget::on_pushButton_up_clicked()
{
    QRect rect= ui->pushButton_target->geometry();
    rect.setY(rect.y()-5);
    ui->pushButton_target->setGeometry(rect);
}
//向下按钮
void Widget::on_pushButton_down_clicked()
{
    QRect rect= ui->pushButton_target->geometry();
    rect.setY(rect.y()+5);
    ui->pushButton_target->setGeometry(rect);
}
//向右按钮
void Widget::on_pushButton_right_clicked()
{
    QRect rect= ui->pushButton_target->geometry();
    rect.setX(rect.x()+5);
    ui->pushButton_target->setGeometry(rect);
}
//向左按钮
void Widget::on_pushButton_left_clicked()
{
    QRect rect= ui->pushButton_target->geometry();
    rect.setX(rect.x()-5);
    ui->pushButton_target->setGeometry(rect);
}
3.2 示例2：控制按钮的移动

在这里插入图片描述

在这里插入图片描述
文件代码：

//widget.h

#ifndef WIDGET_H
#define WIDGET_H

#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 slots:
    void on_pushButton_up_clicked();
    void on_pushButton_down_clicked();
    void on_pushButton_right_clicked();
    void on_pushButton_left_clicked();
private:
    Ui::Widget *ui;
};
#endif // WIDGET_H


widget.cpp

#include "widget.h"
#include "ui_widget.h"

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

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

//向上按钮
void Widget::on_pushButton_up_clicked()
{
    QRect rect= ui->pushButton_target->geometry();
//    rect.setY(rect.y()-5);
//    ui->pushButton_target->setGeometry(rect);
    ui->pushButton_target->setGeometry(rect.x(),rect.y()-5,rect.width(),rect.height());
}
//向下按钮
void Widget::on_pushButton_down_clicked()
{
    QRect rect= ui->pushButton_target->geometry();
//    rect.setY(rect.y()+5);
//    ui->pushButton_target->setGeometry(rect);
      ui->pushButton_target->setGeometry(rect.x(),rect.y()+5,rect.width(),rect.height());
}
//向右按钮
void Widget::on_pushButton_right_clicked()
{
    QRect rect= ui->pushButton_target->geometry();
//    rect.setX(rect.x()+5);
//    ui->pushButton_target->setGeometry(rect);
      ui->pushButton_target->setGeometry(rect.x()+5,rect.y(),rect.width(),rect.height());
}
//向左按钮
void Widget::on_pushButton_left_clicked()
{
    QRect rect= ui->pushButton_target->geometry();
//    rect.setX(rect.x()-5);
//    ui->pushButton_target->setGeometry(rect);
      ui->pushButton_target->setGeometry(rect.x()-5,rect.y(),rect.width(),rect.height());
}
3.3 示例3：无法拒绝的辞职表

在这里插入图片描述

在这里插入图片描述

//widget.h

#ifndef WIDGET_H
#define WIDGET_H

#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 slots:


    void on_pushButton_accept_clicked();

    void on_pushButton_reject_pressed();

private:
    Ui::Widget *ui;
};
#endif // WIDGET_H


//widget.cpp

#include "widget.h"
#include "ui_widget.h"

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

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

void Widget::on_pushButton_accept_clicked()
{
    ui->label->setText("感谢老板！！！");
}

void Widget::on_pushButton_reject_pressed()
{
    //获取当前窗口宽度及高度
    int width = this->geometry().width();
    int height=this->geometry().height();
    //出现生成按钮的位置
    int x=rand() % width;
    int y=rand() % height;
    //设置新的位置
    ui->pushButton_reject->move(x,y);


}

二、window frame 的影响

window frame 窗口框架 是操作系统自带的

1. 影响

如果 widget 作为⼀个窗⼝ (带有标题栏, 最⼩化, 最⼤化, 关闭按钮), 那么在计算尺⼨和坐标的 时候就有两种算法. 包含window frame 和 不包含 window frame.

在Qt中，关于位置尺寸，提供了很多的API 有的API的位置是以Widget本体左上角为原点的不包含 window frame.有的API的位置是以window frame为左上角为原点.

其中 x(), y(), frameGeometry(), pos(), move() 都是按照包含 window frame 的⽅式来计算的.

其中 geometry(), width(), height(), rect(), size() 则是按照不包含 window frame 的⽅式来计算的.

当然, 如果⼀个不是作为窗⼝的 widget , 上述两类⽅式得到的结果是⼀致的.
在这里插入图片描述

2. 相关的API

API说明
x()获取横坐标计算时包含 window frame
y()获取纵坐标计算时包含 window frame
pos()返回 QPoint 对象, ⾥⾯包含 x(), y(), setX(), setY() 等⽅法.计算时包含 window frame
frameSize()返回 QSize 对象, ⾥⾯包含 width(), height(), setWidth(), setHeight() 等⽅法.计算时包含 window frame
frameGeometry()返回 QRect 对象. QRect 相当于 QPoint 和 QSize 的结合体. 可以获取 x, y,width, size.计算时包含 window frame 对象.
width()获取宽度 计算时不包含 window frame
height()获取⾼度 计算时不包含 window frame
size()返回 QSize 对象, ⾥⾯包含 width(), height(), setWidth(), setHeight() 等⽅法.计算时不包含 window frame
rect()返回 QRect 对象. QRect 相当于 QPoint 和 QSize 的结合体. 可以获取并设置 x,y, width, size.计算时不包含 window frame 对象.
geometry()返回 QRect 对象. QRect 相当于 QPoint 和 QSize 的结合体. 可以获取 x, y,width, size.计算时不包含 window frame 对象.
setGeometry()直接设置窗⼝的位置和尺⼨. 可以设置 x, y, width, height, 或者 QRect 对象.计算时不包含 window frame 对象

3. 代码示例 （geometry 和 frameGeometry 的区别）

  • 创建一个按钮，查看geometry 和 frameGeometry的返回值
    在这里插入图片描述

执行程序, 可以看到, 构造函数中, 打印出的 geometry 和 frameGeometry 是相同的.
但是在点击按钮时, 打印的 geometry 和 frameGeometry 则存在差异.

文件代码：

widget.cpp

#include "widget.h"
#include "ui_widget.h"
#include<QDebug>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    QRect rect1 = this->geometry();
     QRect rect2 = this->frameGeometry();
     qDebug() << rect1;
     qDebug() << rect2;
}

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


void Widget::on_pushButton_clicked()
{
    QRect rect1 = this->geometry();
     QRect rect2 = this->frameGeometry();
     qDebug() << rect1;
     qDebug() << rect2;
}

注意：

在构造⽅法中, Widget 刚刚创建出来, 还没有加⼊到对象树中. 此时也就不具备 Window frame.

在按钮的 slot 函数中, 由于⽤⼾点击的时候, 对象树已经构造好了, 此时 Widget 已经具备了Window frame,因此在位置和尺⼨上均出现了差异.

如果把上述代码修改成打印 pushButton 的 geometry 和 frameGeometry , 结果就是完全相 同的. 因为 pushButton 并⾮是⼀个窗⼝

在这里插入图片描述

Duck Bro
关注
  • 22
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
Qt源码分析--QWidget(4)--Geometry
exlink2012的专栏
03-14 1728
解析了QWidget的move、resize、 sizeHint、updateGeometry、 adjustSize、mapFromGlobal、mapToGlobal、setFixedSize等函数。
Qt 窗口几何坐标系统（示例程序）: geometry，frameGeometry
ken2232的博客
03-12 1346
Qt窗口几何坐标系统:geometry，frameGeometry
【Qt】深入理解QWidget常用控件: enable属性、geometry属性和window frame属性
最新发布
Colorful___的博客
05-07 1540
图形化界面的开发常常需要使用各种控件，而Qt作为一个强大的跨平台GUI应用程序开发框架，提供了丰富的控件库和属性，使得界面开发变得更加简单高效。本文将介绍控件的概念以及Qt中QWidget控件的常用属性及元编程方法，帮助读者快速上手Qt界面开发。实现图形化界面的程序，Qt中已经给我们提供了很多的“控件”就需要学习和了解这些控件,学会如何使用这些控件。
Qt 中的 geometry 函数详解
qq_46017342的博客
05-27 3273
Qt 中的 geometry 函数详解
C++QT5跨平台界面编程原理和实战大全
11-06
课程讲解基于QT5.9 SDK，包含QT界面编程的核心内容，并提供全部源码，课程讲解方式是接口讲解、分析、演示示例，课程讲解QTCreator在不同平台的配置方法，linux，windows，mac，课程演示主要以vs2015+QT5.9为主，开始会讲解QTCreator配置。课程源码基于c++ 11以上版本，建议至少安装vs2013以上。课程后会做一个图像编辑器的示例。
【QT】窗口几何布局学习
逐梦
09-07 1255
首先我们由上图可知，QT的窗口分为两部分 一部分是内部的content区，另一部分是frame区，content里包含了窗口的各种控件，frame主要是外边框和标题栏。 QT提供了两套函数来供我们获取这两部分的基本坐标。 content区： geometry().x() :获取内容部分左上角点相对于整个屏幕的x坐标 geometry().y() :获...
Qt坐标系统x(),y(),geometry(),frameGeometry区别
ranran0805的博客
04-22 358
frameGeometry()——包括边框及顶部标题区范围;geometry()——不包括边框及顶部标题区范围;x()和y()——窗口左上角顶点所在坐标；
QT实验分析教程 Qt中的坐标系统 --- geometry，frameGeometry()（5）
Tim的嵌入式之旅
01-04 1万+
QT实验分析教程 Qt中的坐标系统 --- geometry，frameGeometry()（5）       QWidget类中的坐标系统成员函数 x()：左上角的坐标（屏幕左上角是远点（0,0）） y()：左上角的坐标（屏幕左上角是远点（0,0）） width()：客户区的宽度 height()：客户区的高度 geometry.x()：不包括标题栏、边框的客户区 geo...
QT5相关资料及学习笔记
03-29
压缩包中的“QT5相关资料”可能包含了QT5的官方文档、教程、示例代码和学习笔记。官方文档详细介绍了每个类和函数的用法，是学习QT5的重要参考资料。教程和示例代码可以帮助初学者快速上手，理解QT5的基本概念和实践...
qt.rar_QT 学习网_Qt 学习笔记_qt 项目体会_qt使用心得
09-24
在“qt.rar”这个压缩包中，包含的是关于QT学习的资源，特别是个人的学习笔记和项目体会，对于初学者来说是宝贵的参考资料。以下将详细讲解QT学习中的一些关键知识点： 1. **Qt基础知识**：Qt的核心是信号与槽机制...
Qt学习笔记_QT_
09-29
**Qt学习笔记** Qt是一个强大的跨平台应用程序开发框架，由The Qt Company维护，广泛用于创建桌面、移动和嵌入式系统的用户界面。本笔记将深入介绍Qt的核心概念、关键组件和常见应用场景，帮助初学者快速掌握Qt编程...
Qt学习笔记
01-20
Qt学习笔记 Qt 是一个跨平台的应用程序开发框架，由 Trolltech 公司开发，现属于诺基亚公司。它提供了一个综合的应用程序开发环境，包括 GUI 组件库、数据库集成、网络编程、多媒体处理等。 1.1 Hello Qt 在 Qt ...
Qt网课学习笔记 网课来源黑马程序员
09-02
"Qt网课学习笔记 网课来源黑马程序员"这一主题，意味着这是一份来自于知名编程教育机构“黑马程序员”的Qt课程的学习笔记，涵盖了该课程的主要知识点。 首先，我们来了解一下Qt的基础概念。Qt库包含了大量预先编写...
学习QT之位置相关函数
贝勒里恩的博客
03-16 1277
Qt提供了很多关于获取窗体位置及显示区域大小的函数，如x（），y()和pos()，rect()，size()，geometry()等，统称为"位置相关函数"或"位置函数"。几种主要位置函数及其之间的区别如下图所示： 其中， x()，y()和pos()函数的作用都是获得整个窗体左上角的坐标位置。 frameGeometry()函数和geometry()函数相对应。frameGeometry...
QWidget
热门推荐
HuZhenXing
04-06 2万+
QWidget最近在学习Qt，每次阅读官方英文API都只读取自己需要的一部分，但是面对庞大的英文，老是觉得获取信息像大海捞针一样困难。于是我决定从头到尾好好读一读英文介绍，然后根据自己的理解，把它翻译为中文，一方面可以增加自己的理解能力，同时也方便英文和我一样不好的同学，我会尽量按照原文来翻译，如果其中某些语句让你觉得有些晦涩甚至难以理解时，可以直接转到原版进行阅读，或者您觉得有更好的表述方法，都可
qt-三种坐标系统
a1076464123的博客
10-31 1380
从上图可看出，x() y() width(), height()代表除去标题栏、边框栏的其他窗口的位置、长宽 而geometry()中，位置代表包括标题栏、边框栏的位置，长宽代表除去标题栏、边框栏的长度 framGeometry()中，位置代表除去标题栏、边框栏的位置，长宽代表包括标题栏、边框栏的长度 注：geometry()和frameGeometry()中的几何数据必须在show(...
Qt geometry
m0_37135980的博客
11-30 2133
//窗口左上角的位置(含边框) qDebug() << this->frameGeometry().x() << this->frameGeometry().y() ;//1 qDebug() << this->x() << this->y();//2 qDebug() << this->pos().x() << this->pos().y();//3 ...
QWidget setGeometry()设置属性后不生效
techenliu的博客
12-06 799
QWidget setGeometry()设置属性后不生效
深度探索QT窗口系统——几何篇
《好好先生》专栏
04-20 1155
深度探索QT窗口系统——几何篇 窗口作为界面编程中最重要的部分，没有窗口就没有界面，是窗口让我们摆脱了DOS时代，按钮是一个窗口，文本框是一个窗口，标签页是一个窗口。一个窗口可以由多个窗口组成，每天我们都在与窗口打交道，当你打开windows时，桌面就是一个窗口，你打开浏览器时，你也正在访问窗口。QT窗口系统，QT是一个跨平台的框架，类似微软的MFC，Borland的OWL，前者只适用于wind...
qtwidgets.qwidget
09-16
qtwidgets.qwidget是Qt框架中的一个类，它是Qt GUI中的基本构件，所有的界面元素都是从QWidget类来派生的。 QWidget类是一个抽象类，用于表示用户界面中的窗口或者是窗口中的部分。它提供了一系列的方法和属性，用于管理和控制用户界面的各个方面。 QWidget类的主要功能包括以下几个方面： 1. 窗口管理：QWidget类可以用来管理窗口的大小、位置以及窗口标题的设置，可以通过resize()和move()方法来调整窗口大小和位置，通过setWindowTitle()方法来设置窗口标题。 2. 事件处理：QWidget类可以处理鼠标、键盘等各种事件。通过重载QWidget类的事件处理方法，可以实现自定义的事件处理逻辑。 3. 绘图操作：QWidget类可以用于绘制各种图形和图像。通过重载QWidget类的paintEvent()方法，可以实现自定义的绘图逻辑。 4. 布局管理：QWidget类可以用于管理窗口中的布局，通过设置不同的布局管理器，可以自动调整和排列窗口中的各个部件的位置和大小。 总之，qtwidgets.qwidget是Qt框架中的一个非常重要的类，它提供了丰富的功能和方法，使开发者能够更加方便地创建和管理用户界面。无论是创建简单的窗口还是实现复杂的图形界面，都少不了对QWidget类的使用。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Duck Bro

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值