【Qt学习笔记】2.窗体Widget && 屏幕坐标 && 布局

首页 > 代码库 > 【Qt学习笔记】2.窗体Widget && 屏幕坐标 && 布局

【Qt学习笔记】2.窗体Widget && 屏幕坐标 && 布局

2024-08-23 04:30:34 224人阅读

一、窗体

在Qt中，把窗体（口）叫做Widget。

Widget可以是主窗体（口），也可以是依附在主窗体（口）上的各种控件，作为子窗体，这两种窗口，分别称作顶级窗口(top-level widget)和子窗口(sub widget)。

顶级窗口：一个标准的窗口，带边框、标题栏、若干按钮。（独立）

子窗口：在窗口里面的窗口，例如：按钮、文本框等控件。（不独立，随着父窗口移动）

注意：

1、每个子窗口都有一个父窗口

2、子窗口里面可能包含了若干子窗口，是一层一层的关系。

3、顶级窗口也有父窗口：就是桌面（Desktop Widget）,桌面本身也是一个窗口

二、屏幕坐标

描述一个窗口，有两个性质：

1、位置：窗口左上角的坐标x ,y

2、大小：宽度width，高度height(单位：像素)

比如说，我的显示屏分辨率为（1600 * 900），那么左上角（top-left corner）的坐标是（0， 0），右下角(bottom-right corner)的坐标是（1599,899）此外要注意，这里说的“左上角”“右下角”是窗口的有效区域。不包括上面的标题栏。

三、子窗口的相对坐标

一个子窗口在父窗口中的位置。

四、定义一个窗口

目标：实现一个窗口界面，向其中添加一个按钮控件。

方法：

1、派生QWidget

2、创建QButton对象，添加到父窗口

3、设置按钮的大小与位置

步骤：

1、写一个主窗口：这是一个继承自QWidget的类（可以手写，但在VS下，直接在解决方案管理器中右键，添加Qt类，更为便捷）

MyWin.h:

#pragma once

#include <QWidget>
#include <QPushButton>

class MyWin : public QWidget
{
	Q_OBJECT

public:
	MyWin(QWidget *parent); //构造函数，参数表示当前窗口的父窗口，若为NULL则表示主窗口
	~MyWin();
};

MyWin.cpp

#include "MyWin.h"

MyWin::MyWin(QWidget *parent)
	: QWidget(parent)
{
}

MyWin::~MyWin()
{
}

2、写一个按键

MyWin类完善如下：

#pragma once

#include <QWidget>
#include <QPushButton>

class MyWin : public QWidget
{
	Q_OBJECT

public:
	MyWin(QWidget *parent);
	~MyWin();
private:
	QPushButton* my_button;
};

MyWin.cpp

#include "MyWin.h"

MyWin::MyWin(QWidget *parent)
	: QWidget(parent)
{
	my_button = new QPushButton(this); //这个button窗口父窗口是this指向的对象，也就是它本身
	my_button->setText("change world");
	my_button->setGeometry(100, 100, 200, 50);
}

MyWin::~MyWin()  
{
	//这里delete了一下，但实际上子窗口控件由父窗口管理，因此不必显示delete
	if (my_button != NULL)
	{
		delete my_button;
	}
}

main.cpp

#include "Test2_3a_11_25.h"
#include <QtWidgets/QApplication>
#include "MyWin.h"

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
	MyWin BaseWindow(NULL);
	MyWin DerivedWindow(&BaseWindow);

	BaseWindow.show();
    return a.exec();
}

添加子控件时注意：

1、创建子对象时，必须指定父窗口（作为构造函数的参数）

2、析构函数：子窗口控件由父窗口管理，因此不必显示delete

五、更多的控件

QLineEdit:单行文本框

QPlainTextEdit:普通多行文本框

更新了更多的子窗口，现在的代码如下：

技术分享