如何让这个 PyQt5 字符在箭头键输入时移动？

Question

我正在制作一个简单的 PyQt5 应用程序，并且很好奇如何使用箭头键使圆圈移动。我希望它在每次按下时移动 5 个像素。

from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(500, 500)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.coords = QtWidgets.QPushButton(self.centralwidget)
        self.coords.setGeometry(QtCore.QRect(0, 0, 75, 23))
        self.coords.setObjectName("coords")
        self.mover = QtWidgets.QLabel(self.centralwidget)
        self.mover.setGeometry(QtCore.QRect(200, 200, 50, 50))
        self.mover.setText("")
        self.mover.setPixmap(QtGui.QPixmap("mover.png"))
        self.mover.setObjectName("mover")
        MainWindow.setCentralWidget(self.centralwidget)
        self.menubar = QtWidgets.QMenuBar(MainWindow)
        self.menubar.setGeometry(QtCore.QRect(0, 0, 500, 21))
        self.menubar.setObjectName("menubar")
        MainWindow.setMenuBar(self.menubar)
        self.statusbar = QtWidgets.QStatusBar(MainWindow)
        self.statusbar.setObjectName("statusbar")
        MainWindow.setStatusBar(self.statusbar)

        self.retranslateUi(MainWindow)
        QtCore.QMetaObject.connectSlotsByName(MainWindow)

    def retranslateUi(self, MainWindow):
        _translate = QtCore.QCoreApplication.translate
        MainWindow.setWindowTitle(_translate("MainWindow", "DYM"))
        self.coords.setText(_translate("MainWindow", "Coords"))


if __name__ == "__main__":
     # Snip

Answer 1

您不应直接从设计器文件中编辑或使用 pyuic 提供的代码。相反，您必须创建自己的代码，使用解释的代码 here。

一个非常简单且有限的实现（不使用 Designer .ui 文件）如下所示：

import sys
from PyQt5 import QtCore, QtGui, QtWidgets

class Mover(QtWidgets.QLabel):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.setGeometry(0, 0, 500, 21)
        self.setPixmap(QtGui.QPixmap('mover.png'))

    def keyPressEvent(self, event):
        if event.key() == QtCore.Qt.Key_Up:
            self.move(self.x(), self.y() - 5)
        elif event.key() == QtCore.Qt.Key_Down:
            self.move(self.x(), self.y() + 5)
        elif event.key() == QtCore.Qt.Key_Left:
            self.move(self.x() - 5, self.y())
        elif event.key() == QtCore.Qt.Key_Right:
            self.move(self.x() + 5, self.y())
        else:
            QtWidgets.QLabel.keyPressEvent(self, event)


class MainWindow(QtWidgets.QMainWindow):
    def __init__(self):
        QtWidgets.QMainWindow.__init__(self)
        centralWidget = QtWidgets.QWidget()
        self.setCentralWidget(centralWidget)
        self.mover = Mover(centralWidget)
        self.mover.setFocus()


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

虽然这有一些缺点：我必须 setFocus 小部件才能捕获按键事件，这意味着如果您有任何其他与按键事件交互的小部件 (例如 QLineEdit) 并且它获得焦点，您的 "mover" 小部件将不再移动，直到它重新获得焦点（这通常通过 QWidget.setFocusPolicy() 实现）。

如何让这个 PyQt5 字符在箭头键输入时移动？

How do I make this PyQt5 character move on arrow key input?

python

pyqt5

keyboard-input