Question

所以我试图抓住Qt（更具体地说，Pyqt），我想创建一个简单的反馈表单。它应该有

标题
一个名字（＆＃39;作者＆＃39;）
消息
发送和取消按钮

让我们首先尝试不使用按钮（App类只提供一个按钮来创建弹出窗口。问题涉及它下面的Form类）：

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QMainWindow, QDesktopWidget,\
    QHBoxLayout, QVBoxLayout, QGridLayout,\
    QPushButton, QLabel,QLineEdit, QTextEdit,\
    qApp
from PyQt5.QtGui import QIcon


class App(QMainWindow):

    def __init__(self):
        super().__init__()
        self.title = 'PyQt5 Layout Demo'
        self.popup = None

        self.initUI()

    def initUI(self):
        self.setWindowTitle(self.title)
        self.setWindowIcon(QIcon('imgs/python3.png'))

        formButton = QPushButton("show form")
        formButton.clicked.connect(self.showPopup)

        formBox = QHBoxLayout()
        formBox.addWidget(formButton)
        formBox.addStretch(1)

        vbox = QVBoxLayout()
        vbox.addLayout(formBox)
        vbox.addStretch(1)

        # self.setLayout(vbox)  # would work if this was a QWidget

        # instead, define new central widget
        window = QWidget()
        window.setLayout(vbox)
        self.setCentralWidget(window)

        self.center(self)
        self.show()

    @staticmethod
    def center(w: QWidget):
        qr = w.frameGeometry()  # get a rectangle for the entire window

        # center point = center of screen resolution
        cp = QDesktopWidget().availableGeometry().center()

        qr.moveCenter(cp)  # move center of rectangle to cp
        w.move(qr.topLeft())  # move top-left point of window to top-let point of rectangle

    def showPopup(self):
        if self.popup is None:
            self.popup = Form(self)
            self.popup.setGeometry(10, 10, 300, 400)
            self.center(self.popup)

        self.popup.show()


class Form(QWidget):
    def __init__(self, main):
        super().__init__()
        self.initUI()
        self.main = main

    def initUI(self):
        self.setWindowTitle('Feedback')
        self.setWindowIcon(QIcon('imgs/python3.png'))

        title = QLabel('Title')
        author = QLabel('Author')
        message = QLabel('Message')

        titleEdit = QLineEdit()
        authorEdit = QLineEdit()
        messageEdit = QTextEdit()

        grid = QGridLayout()
        grid.setSpacing(10)

        grid.addWidget(title, 1, 0)
        grid.addWidget(titleEdit,1, 1)

        grid.addWidget(author, 2, 0)
        grid.addWidget(authorEdit,2, 1)

        grid.addWidget(message, 3, 0)
        grid.addWidget(messageEdit, 4, 0, 6, 0)

        self.setLayout(grid)

    # probably should delegate to self.main, but bear with me
    def send(self):
        self.main.popup = None
        self.hide()

    def cancel(self):
        self.hide()

if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = App()
    sys.exit(app.exec_())

好的，看起来很对。行编辑和文本编辑之间的间距太大，但由于我想在其下面添加一些按钮，这应该是一个问题。

所以我补充说：

    sendBtn = QPushButton("send")
    cancelBtn = QPushButton("cancel")

    sendBtn.clicked.connect(self.send)
    cancelBtn.clicked.connect(self.cancel)

    grid.addWidget(sendBtn, 7, 1)
    grid.addWidget(cancelBtn, 7, 2)

产生

现在很明显，我忘了将标题和作者专栏编辑扩展到新推出的专栏2.简单易于修复，但真正困扰我的是按钮的位置。

为什么它们会在文本编辑过程中显示出来吗？我可以看到Qt如何选择列大小，以及为什么这会导致按钮＆＃39;具有不同的大小，但由于教程实际上没有向表单添加按钮，我不知道如何解决这个问题。

我当然可以简单地添加方框：

sendBtn = QPushButton("send")
cancelBtn = QPushButton("cancel")

sendBtn.clicked.connect(self.send)
cancelBtn.clicked.connect(self.cancel)

btns = QHBoxLayout()
btns.addStretch(1)
btns.addWidget(sendBtn)
btns.addWidget(cancelBtn)

l = QVBoxLayout()
l.addLayout(grid)
l.addLayout(btns)

self.setLayout(l)

然后弹出窗口实际上开始接近可接受的东西：

但有没有办法在网格布局中解决这个问题呢？

Answer 1

你似乎误解了addWidget的签名。第二个和第三个参数指定放置窗口小部件的行和列，而第三个和第四个参数指定行跨度和列跨度。

在您的示例中，问题从此处开始：

    grid.addWidget(message, 3, 0)
    grid.addWidget(messageEdit, 4, 0, 6, 0)

你在文本编辑中跨越六行和零列 - 我怀疑你的意图。相反，你可能想要这个：

    grid.addWidget(message, 3, 0, 1, 2)
    grid.addWidget(messageEdit, 4, 0, 1, 2)

将使消息标签和文本编辑跨越上面标题和作者字段创建的两列。

现在，当您添加按钮时，它们必须具有自己的布局，因为前两行已经确定了两列的宽度。如果将按钮直接添加到网格中，则会强制它们与前两行中的小部件具有相同的宽度（反之亦然）。所以按钮应该像这样添加：

    hbox = QHBoxLayout()

    sendBtn = QPushButton("send")
    cancelBtn = QPushButton("cancel")

    sendBtn.clicked.connect(self.send)
    cancelBtn.clicked.connect(self.cancel)

    hbox.addStretch()
    hbox.addWidget(sendBtn)
    hbox.addWidget(cancelBtn)

    grid.addLayout(hbox, 5, 0, 1, 2)

Pyqt5 - 网格布局行为不端

1 个答案: