Qt UI设计之《可缩放固定比例窗口》

该窗口有两个窗口控件,内部控件按照自定义比例伸缩在这里插入图片描述
1 主窗口相关代码
#pragma once
#include <QWidget>

class uimainwnd : public QWidget
{
	Q_OBJECT

public:
	uimainwnd(QWidget *parent = Q_NULLPTR);
	~uimainwnd();

protected:
	void resizeEvent(QResizeEvent* event) override;

private:
	void initUI();
	QHBoxLayout *m_hbLayoutMain;	
};
#include "stdafx.h"
#include "uimainwnd.h"
#include "uititlebar.h"
#include "uicontentwnd.h"

static inline void GetScaleAndCenterPos(int baseCX, int baseCY, int windowCX,
	int windowCY, int& x, int& y,
	float& scale)
{
	double windowAspect, baseAspect;
	int newCX, newCY;

	windowAspect = double(windowCX) / double(windowCY);
	baseAspect = double(baseCX) / double(baseCY);

	if (windowAspect > baseAspect) {
		scale = float(windowCY) / float(baseCY);
		newCX = int(double(windowCY) * baseAspect);
		newCY = windowCY;
	}
	else {
		scale = float(windowCX) / float(baseCX);
		newCX = windowCX;
		newCY = int(float(windowCX) / baseAspect);
	}

	x = windowCX / 2 - newCX / 2;
	y = windowCY / 2 - newCY / 2;
}

static inline void GetCenterPosFromFixedScale(int baseCX, int baseCY,
	int windowCX, int windowCY,
	int& x, int& y, float scale)
{
	x = (float(windowCX) - float(baseCX) * scale) / 2.0f;
	y = (float(windowCY) - float(baseCY) * scale) / 2.0f;
}

static inline QSize GetPixelSize(QWidget* widget)
{
#ifdef SUPPORTS_FRACTIONAL_SCALING
	return widget->size() * widget->devicePixelRatioF();
#else
	return widget->size() * widget->devicePixelRatio();
#endif
}

uimainwnd::uimainwnd(QWidget *parent)
	: QWidget(parent)
{
	this->setAutoFillBackground(true); // 自动刷新背景
	QPalette palette(this->palette());
	palette.setColor(QPalette::Background, RGB(76, 76, 76));
	this->setPalette(palette);
	initUI();
}

uimainwnd::~uimainwnd()
{
}

void uimainwnd::initUI()
{
	setWindowTitle("固定比例窗口");
	resize(650, 350);

	m_hbLayoutMain = new QHBoxLayout(this);

	uicontentwnd* _uicontentwnd = new uicontentwnd(this);
	m_hbLayoutMain->addWidget(_uicontentwnd);
	m_hbLayoutMain->setContentsMargins(0, 0, 0, 0);
	setLayout(m_hbLayoutMain);
}

void uimainwnd::resizeEvent(QResizeEvent* event)
{
	QSize  targetSize;
	targetSize = GetPixelSize(this);

	int x;
	int y;
	float scale;

	GetScaleAndCenterPos(
		4, // 宽高比
		3, // 宽高比
		targetSize.width(),
		targetSize.height(),
		x,
		y,
		scale);

	m_hbLayoutMain->setContentsMargins(x, y, x, y);
}
2 内部窗口控件相关代码
#pragma once
#include <QWidget>

class uicontentwnd : public QWidget
{
	Q_OBJECT
public:
	uicontentwnd(QWidget *parent = Q_NULLPTR);
	~uicontentwnd();
};

#include "stdafx.h"
#include "uicontentwnd.h"

uicontentwnd::uicontentwnd(QWidget *parent)
	: QWidget(parent)
{
	this->setAutoFillBackground(true); // 自动刷新背景
	QPalette palette(this->palette());
	palette.setColor(QPalette::Background, RGB(238, 238, 238));
	this->setPalette(palette);
}

uicontentwnd::~uicontentwnd()
{
}
  • 6
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
### 回答1: 在PyQt5中实现UI自适应屏幕大小且可缩放,可以通过调整布局和使用相对大小来实现。 首先,我们可以使用Qt的布局管理器来自动调整部件的大小和位置。常用的布局管理器有QHBoxLayout和QVBoxLayout,可以根据需要嵌套使用。通过将部件添加到布局管理器中,然后将布局管理器设置给窗口窗口将自动根据窗口大小调整部件的大小和位置。 例如,可以使用QVBoxLayout来垂直排列部件,然后使用QHBoxLayout来水平排列部件。通过在布局管理器中添加部件,并将布局管理器设置给窗口窗口将根据窗口大小调整部件的大小和位置。 其次,可以使用QSizePolicy来设置部件的大小策略。QSizePolicy有很多选项,例如设置部件在水平和垂直方向上的大小是否可伸缩、是否能够自动填充空间等。通过设置适当的大小策略,可以使部件根据窗口大小自动调整大小。 最后,可以实现窗口缩放功能。可以通过重新实现窗口的resizeEvent()方法来捕捉窗口大小变化的事件,并在事件发生时根据窗口的大小来调整部件的大小。 综上所述,通过适当地使用布局管理器、大小策略和事件处理,可以实现PyQt5中的UI自适应屏幕大小且可缩放的效果。 ### 回答2: 要实现PyQt5的UI自适应屏幕大小且可缩放,可以使用QGridLayout和QHBoxLayout等布局管理器,并且根据窗口大小的变化进行动态调整。 首先,你可以创建一个主窗口,并设置它的布局管理器为QGridLayout。然后,在布局内添加各种控件,比如按钮、文本框等。然后使用setSizePolicy方法来设置控件的尺寸策略,使其在窗口大小变化时能够自动跟随调整。 接下来,可以重写主窗口类的resizeEvent方法,在窗口大小发生变化时进行布局的调整。在该方法中,可以使用QDesktopWidget类来获取屏幕的宽度和高度,并根据当前屏幕的大小动态调整控件的尺寸和位置。 另外,还可以为主窗口添加一个滚动条,以便在窗口过小的情况下,用户可以通过滚动条来查看完整的内容。在布局管理器中添加一个QScrollArea,并将其作为子窗口添加到主窗口中。 此外,你还可以通过添加一个缩放功能来实现UI的缩放。可以使用QGraphicsView来展示界面,并使用QGraphicsView的scale方法来进行缩放。在主窗口中添加一个QGraphicsView,并在resizeEvent中根据窗口大小的变化来调整缩放比例。 通过上述方法,你可以实现PyQt5的UI自适应屏幕大小且可缩放的功能。当窗口大小发生变化时,控件会根据窗口的大小进行自动调整,并且当窗口过小时,可以通过滚动条进行查看。 ### 回答3: 使用PyQt5实现UI自适应屏幕大小并可缩放的方法如下: 1. 设置UI控件的相对大小:在设计UI界面时,使用相对大小来设置控件的尺寸,而不是使用固定的像素值。可以通过设置控件的大小策略(size policy)来实现,如设置为最小尺寸(QSizePolicy.Minimum),即可使控件根据可用空间自动调整大小。 2. 监听窗口大小变化事件:使用`resizeEvent`方法,可以在窗口大小发生变化时触发相应的事件。通过在该方法中重新计算并设置控件的大小,从而实现UI自适应。 ```python def resizeEvent(self, event): # 获取当前窗口大小 window_size = event.size() # 根据窗口大小重新计算并设置控件的大小 # ... # 调用父类的resizeEvent方法 super().resizeEvent(event) ``` 3. 支持缩放功能:可以使用QGraphicsView或QScrollArea等容器控件作为UI界面的根控件,从而实现缩放功能。在该容器控件上加入需要缩放的控件,并使用`setViewportUpdateMode`方法设置为自动更新视口模式,即可允许用户通过手势或鼠标滚轮来进行缩放操作。 ```python # 使用QGraphicsView作为根控件 self.view = QGraphicsView() # 设置自动更新视口模式 self.view.setViewportUpdateMode(QGraphicsView.FullViewportUpdate) # 加入需要缩放的控件 # ... # 设置根控件 self.setLayout(QVBoxLayout()) self.layout().addWidget(self.view) ``` 通过上述方法,可以实现PyQt5的UI自适应屏幕大小且可缩放的效果。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值