当前位置：首页 > news >正文

pyQT5简易教程（一）:制作一个可以选择本地图片并显示的桌面应用

news 来源：原创 2025/6/25 19:57:56

可以参考之前的教程安装 PyQt 和 PyQt Designer
https://blog.csdn.net/smx6666668/article/details/145909326?spm=1011.2415.3001.10575&sharefrom=mp_manage_link

一、打开pycharm中的QTdesigner

在这里插入图片描述

二、设计界面

和之前一样，使用 PyQt Designer 来设计界面并保存为 .ui 文件（例如：image_viewer.ui）。界面中需要有：
一个 QPushButton 用于选择图片文件。
一个 QLabel 用于显示图片。
在这里插入图片描述
为了方便在 Python 中控制这些组件，你需要为这些组件设置对象名称：

右键点击 QPushButton，选择 Change Object Name，将按钮命名为 btn_select_image。
右键点击 QLabel，选择 Change Object Name，将标签命名为 lbl_image_display。
在这里插入图片描述
保存 .ui 文件
设计完成后，点击 File -> Save，保存为 .ui 文件（例如：image_viewer.ui）

三、转换 .ui 文件为 Python 代码（可选）

这一步可放在最后进行，因为当需要频繁修改界面时，每次都需要转换，建议只有界面设计完成后续不修改时转换
在这里插入图片描述

四、编写 Python 代码来实现功能

跳过第三步，直接使用动态加载uid
接下来，在 Python 中使用 uic 模块动态加载 .ui 文件。以下是实现动态加载 .ui 文件的步骤（为了更清晰的展示解决问题的过程，之后的步骤在不断的对界面进行优化。可以跳过中间不断优化代码的步骤直接查看最终的完整代码）

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow, QFileDialog, QVBoxLayout, QWidget
from PyQt5.QtGui import QPixmap
from PyQt5 import uic  # 动态加载 .ui 文件

class ImageViewer(QMainWindow):
    def __init__(self):
        super().__init__()
        
        # 加载 UI 文件
        uic.loadUi('image_viewer.ui', self)
        
        # 获取 UI 中的控件
        self.btn_select_image = self.findChild(QPushButton, 'btn_select_image')
        self.lbl_image_display = self.findChild(QLabel, 'lbl_image_display')
        
        # 连接按钮点击事件
        self.btn_select_image.clicked.connect(self.select_image)

    def select_image(self):
        # 打开文件对话框，选择图片文件
        file, _ = QFileDialog.getOpenFileName(self, "选择图片", "", "Image Files (*.png *.jpg *.bmp *.jpeg)")
        
        if file:
            # 使用 QPixmap 加载并显示图片
            pixmap = QPixmap(file)
            self.lbl_image_display.setPixmap(pixmap)
            self.lbl_image_display.setScaledContents(True)  # 自动调整图片大小以适应标签

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