PyQt5 Designer MainWindow 添加背景图片平铺|极客教程

PyQt5 Designer MainWindow 添加背景图片平铺

PyQt5是一个Python编写的跨平台框架，用于创建图形用户界面（GUI）应用程序。其中的Designer工具是一个可视化设计工具，通过拖拽和放置各种小部件来创建GUI应用程序的界面。

本文将详细介绍如何使用PyQt5 Designer的MainWindow组件，通过添加背景图片实现平铺效果。我们将逐步说明如何在Designer中进行设置，并给出相应的代码示例和运行结果。

1. 准备工作

在开始之前，请确保已经正确安装了PyQt5库。如果你还没有安装，可以通过以下命令来安装：

pip install pyqt5

2. 创建MainWindow

首先，我们需要创建一个MainWindow窗口。使用PyQt5 Designer打开一个新的.ui文件，然后从左侧的“Widget Box”中拖拽一个MainWindow控件到窗口中。

3. 添加背景图片

接下来，让我们在MainWindow中添加一个背景图片。在“Property Editor”中选择MainWindow控件，然后找到“styleSheet”属性。单击旁边的“…”按钮打开样式编辑器。

在样式编辑器中，我们可以添加自定义的样式表。输入以下代码来设置背景图片：

background-image: url('path/to/image.png');
background-repeat: repeat;

其中，’path/to/image.png’ 是你自己的图片路径。你可以使用本地文件的绝对路径或者相对路径。

代码示例：

background-image: url('background.png');
background-repeat: repeat;

4. 设置平铺效果

为了实现背景图片的平铺效果，我们需要将background-repeat属性设置为repeat。这样，当MainWindow窗口大小发生变化时，背景图片会自动平铺填充整个窗口。

保存窗口，并将.ui文件转换为.py文件。可以使用以下命令将.ui文件转换为.py文件：

pyuic5 input.ui -o output.py

在生成的.py文件中，我们可以找到生成的MainWindow类。我们需要在主函数中实例化MainWindow类，并设置它的样式表。

代码示例：

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow
from PyQt5.QtGui import QPixmap

from window import Ui_MainWindow


class MyMainWindow(QMainWindow, Ui_MainWindow):
    def __init__(self):
        super().__init__()
        self.setupUi(self)
        self.set_background_image('background.png')

    def set_background_image(self, image_path):
        style = f"background-image: url('{image_path}'); background-repeat: repeat;"
        self.setStyleSheet(style)


if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = MyMainWindow()
    window.show()
    sys.exit(app.exec_())