PyQt5窗口与内容自适应调整问题求助

核心解决方案 #

要实现图片随窗口拉伸、按钮按比例跟随图片尺寸变化，无需复杂的多层布局嵌套，直接通过**重写resizeEvent**结合比例计算即可实现精准控制：

• 让背景图片QLabel自适应窗口，保持拉伸状态
• 预先定义按钮相对于背景图的位置和大小比例
• 在窗口尺寸变化时，根据当前图片的实际尺寸动态计算按钮的几何参数

修改后的完整代码 #

from PyQt5 import QtWidgets, QtGui, QtCore
from PyQt5.QtWidgets import QApplication, QMainWindow
from K01_C01 import sect01
import sys

class K01(QMainWindow): 
    def __init__(self):  
        super(K01, self).__init__() 
        self.w1 = QtWidgets.QWidget()
        self.setCentralWidget(self.w1)

        self.setWindowTitle("ECPT")  
        self.setGeometry(200, 100, 720, 405)

        # 背景图片设置
        self.picture = QtWidgets.QLabel(self.w1)
        self.picture.setPixmap(QtGui.QPixmap("к01осн.png"))
        self.picture.setScaledContents(True)  # 图片随QLabel拉伸
        self.picture.setGeometry(self.w1.rect())  # 初始占满整个中心部件

        # 按钮初始化，移除固定宽高限制
        self.btn = QtWidgets.QPushButton(self.picture)
        self.btn.setText("C01")
        self.btn.setFlat(True)
        self.btn.setStyleSheet("QPushButton {color: yellow; font: 28pt Times New Roman;}")        
        self.btn.clicked.connect(self.C01)

        self.btn1 = QtWidgets.QPushButton(self.picture)
        self.btn1.setText("C02")
        self.btn1.setFlat(True)
        self.btn1.setStyleSheet("QPushButton {color: yellow; font: 28pt Times New Roman;}")  

        self.btn2 = QtWidgets.QPushButton(self.picture)
        self.btn2.setText("C03")
        self.btn2.setFlat(True)
        self.btn2.setStyleSheet("QPushButton {color: yellow; font: 28pt Times New Roman;}")  

        # 初始化按钮位置和大小
        self.update_buttons_geometry()

    def resizeEvent(self, event):
        # 窗口尺寸变化时更新图片和按钮布局
        self.picture.setGeometry(self.w1.rect())
        self.update_buttons_geometry()
        super().resizeEvent(event)

    def update_buttons_geometry(self):
        # 获取当前图片的实际显示区域
        pic_rect = self.picture.rect()
        
        # 示例：定义按钮相对于图片的比例（可根据实际需求调整）
        btn_w = int(pic_rect.width() * 0.2)  # 按钮宽度为图片宽度的20%
        btn_h = int(pic_rect.height() * 0.15) # 按钮高度为图片高度的15%

        # C01按钮位置：x=图片宽度20%，y=图片高度30%
        self.btn.setGeometry(
            int(pic_rect.left() + pic_rect.width() * 0.2),
            int(pic_rect.top() + pic_rect.height() * 0.3),
            btn_w, btn_h
        )

        # C02按钮位置：x=图片宽度50%，y=图片高度30%
        self.btn1.setGeometry(
            int(pic_rect.left() + pic_rect.width() * 0.5),
            int(pic_rect.top() + pic_rect.height() * 0.3),
            btn_w, btn_h
        )

        # C03按钮位置：x=图片宽度20%，y=图片高度60%
        self.btn2.setGeometry(
            int(pic_rect.left() + pic_rect.width() * 0.2),
            int(pic_rect.top() + pic_rect.height() * 0.6),
            btn_w, btn_h
        )

    def C01(self):
        self.wK01 = sect01()
        self.wK01.show()

def application():  
    app = QApplication(sys.argv)  
    window = K01()
    window.show()
    sys.exit(app.exec_())

if __name__ == "__main__":
    application()

关键说明 #

1. 图片自适应：通过setScaledContents(True)让QLabel内的图片跟随QLabel尺寸拉伸，同时在resizeEvent中让QLabel始终占满中心部件。
2. 按钮动态调整：update_buttons_geometry方法根据图片当前的显示区域，按预设比例计算按钮的位置和大小，确保按钮始终对应原图中蓝色区域的相对位置。
3. 布局简化：直接将按钮作为图片QLabel的子控件，避免复杂布局嵌套，逻辑更清晰。
4. 修复冗余代码：删除了原代码中不必要的多层GridLayout嵌套和固定宽高设置，修复了StyleSheet末尾的语法错误。

内容的提问来源于stack exchange，提问作者ksh