Question

我正在尝试创建我的第一个记忆游戏。

由于我的问题here的答案，我最近发现了如何让它工作。工作代码发布在同一个链接中，但现在我试图将小部件和主要应用程序类分开1）因为我认为它更好，2）因为我想为了更好地学习OOP如何运作。

所以，我在这里发布我的新代码，除了最后一部分外，它似乎有效。这个概念：

MainApplication 有一个菜单栏，允许路径到图像文件夹，并实例化 MemoryGame 小部件，然后初始化一个空的QGridLayout。
点击文件 - ＆gt;在菜单栏中打开方法 showDialog 被调用。
选择文件夹时，会调用 populate_grid 方法（MemoryGame obj）。
populate_grid ＆＃34;应该＆＃34;用找到的每个图像填充QGridLayout。
网格应该显示在屏幕上，但它不是....

我很确定问题出现在 populate_grid 的最后一行，我在网格布局中添加元素，但我无法找到解决问题的方法。< / p>

#!/usr/bin/python3
# -*- coding: utf-8 -*-

"""
Memory game 3

My first memory game in PyQt5.

author: Umberto Minora 
last edited: September 2016
"""

import os
import sys
import glob
import math

from PyQt5.QtWidgets import (QMainWindow, QWidget,
    QGridLayout, QPushButton, QApplication,
    QAction, QFileDialog, QLabel)

from PyQt5.QtGui import QPixmap

class MainApplication(QMainWindow):
    """This is the main application.
    All widgets should be put inside it."""
    def __init__(self, widget):
        super().__init__()

        self.widget = widget
        self.initUI()

    def showDialog(self):
        folder = str(QFileDialog.getExistingDirectory(self, "Select Directory",
            '.', QFileDialog.ShowDirsOnly))

        images = glob.glob(os.path.join(folder, '*.jpg'))

        if images:
            self.widget.populate_grid(images)

    def initUI(self):
        self.statusBar()

        openFile = QAction('Open', self)
        openFile.setShortcut('Ctrl+O')
        openFile.setStatusTip('Search image folder')
        openFile.triggered.connect(self.showDialog)

        menubar = self.menuBar()
        self.fileMenu = menubar.addMenu('&File')
        self.fileMenu.addAction(openFile)

        self.setCentralWidget(self.widget)

        self.setGeometry(300, 300, 350, 300)
        self.setWindowTitle('Memory Game!')
        self.show()

class MemoryGame(QWidget):
    """This is the Memory Game Widget"""
    def __init__(self):
        super().__init__()

        self.gridWidget = QWidget(self)
        self.gridLayout = QGridLayout(self.gridWidget)

    def populate_grid(self, images):
        n_cols = math.ceil(math.sqrt(len(images)))
        n_rows = math.ceil(math.sqrt(len(images)))
        positions = [(i,j) for i in range(n_cols) for j in range(n_rows)]
        for position, img in zip(positions, images):
            if img == '':
                continue
            pixmap = QPixmap(img)
            scaled = pixmap.scaled(pixmap.width()/3, pixmap.height()/3)
            del(pixmap)
            lbl = QLabel(self)
            lbl.setPixmap(scaled)
            self.gridLayout.addWidget(lbl, *position)

if __name__ == '__main__':

    app = QApplication(sys.argv)
    ex = MainApplication(MemoryGame())
    sys.exit(app.exec_())

Answer 1

图像未显示的原因是因为您将gridWidget放在MemoryGame小部件中，而小部件本身没有布局。 MemoryGame窗口小部件实际上应该替换 gridWidget，所以您需要做的就是：

class MemoryGame(QWidget):
    """This is the Memory Game Widget"""
    def __init__(self):
        super().__init__()
        self.gridLayout = QGridLayout(self)

我还认为您创建MemoryGame窗口小部件的方式不必要地复杂化。自定义窗口小部件类应该被视为任何其他类。没有必要将它传递到MainApplication构造函数中 - 只需在initUi内直接创建它：

def initUI(self):
    ...        
    self.widget = MemoryGame()
    self.setCentralWidget(self.widget)

PyQt5：通过窗口小部件方法

1 个答案: