ZetCode

PySide 中的第一个程序

最后修改于 2023 年 10 月 18 日

在本 PySide 教程中，我们学习一些基本功能。

简单示例

代码示例非常简单。它只显示一个小窗口。但我们可以用这个窗口做很多事情。我们可以调整它的大小，最大化或最小化它。这需要大量的编码。已经有人编写了此功能。因为它在大多数应用程序中重复出现，所以不需要再次编写它。因此它已对程序员隐藏。PySide 是一个高级工具包。如果我们在较低级别的工具包中编写代码，下面的代码示例很容易就有几十行。

#!/usr/bin/python

# simple.py

import sys
from PySide import QtGui

app = QtGui.QApplication(sys.argv)

wid = QtGui.QWidget()
wid.resize(250, 150)
wid.setWindowTitle('Simple')
wid.show()

sys.exit(app.exec_())

上面的代码在屏幕上显示一个小窗口。

import sys
from PySide import QtGui

这里我们提供了必要的导入。基本的 GUI 小部件位于 QtGui 模块中。

app = QtGui.QApplication(sys.argv)

每个 PySide 应用程序都必须创建一个应用程序对象。应用程序对象位于 QtGui 模块中。sys.argv 参数是从命令行获取的参数列表。Python 脚本可以从 shell 运行。这是我们可以控制脚本启动的方式。

wid = QtGui.QWidget()

QWidget 小部件是 PySide 中所有用户界面对象的基础类。我们为 QWidget 提供了默认的构造函数。默认构造函数没有父级。没有父级的小部件称为窗口。

wid.resize(250, 150)

resize 方法调整小部件的大小。它的宽度为 250px，高度为 150px。

wid.setWindowTitle('Simple')

在这里，我们为我们的窗口设置标题。标题显示在标题栏中。

wid.show()

show 方法在屏幕上显示小部件。

sys.exit(app.exec_())

最后，我们进入应用程序的主循环。事件处理从这一点开始。主循环从窗口系统接收事件并将其分派到应用程序小部件。如果我们调用 exit 方法或主小部件被销毁，主循环将结束。sys.exit 方法确保干净退出。环境将获悉应用程序的结束方式。

你是否想知道 exec_ 方法为什么带下划线？一切都有意义。这显然是因为 exec 是一个 Python 关键字。因此，使用 exec_ 代替。

Simple
图：简单

应用程序图标

应用程序图标是一个小图像，通常显示在标题栏的左上角。它在任务栏中也可见。在下面的示例中，我们展示了如何在 PySide 中实现它。我们还介绍了一些新方法。

#!/usr/bin/python

"""
ZetCode PySide tutorial 

This example shows an icon
in the titlebar of the window.

author: Jan Bodnar
website: zetcode.com
"""

import sys
from PySide import QtGui

class Example(QtGui.QWidget):
    
    def __init__(self):
        super(Example, self).__init__()
        
        self.initUI()
        
    def initUI(self):
        
        self.setGeometry(300, 300, 250, 150)
        self.setWindowTitle('Icon')
        self.setWindowIcon(QtGui.QIcon('web.png'))        
    
        self.show()
        
def main():
    
    app = QtGui.QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())


if __name__ == '__main__':
    main()

前面的示例以过程风格编写。Python 编程语言支持过程式和面向对象两种编程风格。在 PySide 中编程意味着在 OOP 中编程。

class Example(QtGui.QWidget):
    
    def __init__(self):
        super(Example, self).__init__()

面向对象编程中最重要的三件事是类、数据和方法。在这里，我们创建一个名为 Example 的新类。Example 类继承自 QtGui.QWidget 类。这意味着我们必须调用两个构造函数。第一个是 Example 类，第二个是继承的类。第二个使用 super 方法调用。

self.setGeometry(300, 300, 250, 150)
self.setWindowTitle('Icon')
self.setWindowIcon(QtGui.QIcon('web.png'))

所有这三种方法都从 QtGui.QWidget 类继承而来。setGeometry 做两件事。它在屏幕上定位窗口并设置窗口的大小。前两个参数是窗口的 x 和 y 位置。第三个是宽度，第四个是窗口的高度。最后一个方法设置应用程序图标。为此，我们创建了一个 QtGui.QIcon 对象。QtGui.QIcon 接收要显示的图标的路径。

def main():
    
    app = QtGui.QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())


if __name__ == '__main__':
    main()

我们将启动代码放在 main 方法中。这是一个 Python 习惯用法。

Icon
图：图标

一个图标显示在窗口的左上角。

显示工具提示

我们可以为任何小部件提供气泡帮助。

#!/usr/bin/python

"""
ZetCode PySide tutorial 

This example shows a tooltip on 
a window and a button

author: Jan Bodnar
website: zetcode.com
"""

import sys
from PySide import QtGui

class Example(QtGui.QWidget):
    
    def __init__(self):
        super(Example, self).__init__()
        
        self.initUI()
        
    def initUI(self):
        
        QtGui.QToolTip.setFont(QtGui.QFont('SansSerif', 10))
        
        self.setToolTip('This is a <b>QWidget</b> widget')
        
        btn = QtGui.QPushButton('Button', self)
        btn.setToolTip('This is a <b>QPushButton</b> widget')
        btn.resize(btn.sizeHint())
        btn.move(50, 50)       
        
        self.setGeometry(300, 300, 250, 150)
        self.setWindowTitle('Tooltips')    
        self.show()
        
def main():
    
    app = QtGui.QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())


if __name__ == '__main__':
    main()

在这个例子中，我们为两个 PySide 小部件显示一个工具提示。

QtGui.QToolTip.setFont(QtGui.QFont('SansSerif', 10))

此静态方法设置用于渲染工具提示的字体。我们使用 10px 的 SansSerif 字体。

self.setToolTip('This is a <b>QWidget</b> widget')

要创建工具提示，我们调用 setTooltip 方法。我们可以使用富文本格式。

btn = QtGui.QPushButton('Button', self)
btn.setToolTip('This is a <b>QPushButton</b> widget')

我们创建一个按钮小部件并为其设置一个工具提示。

btn.resize(btn.sizeHint())
btn.move(50, 50)

按钮正在窗口上调整大小和移动。sizeHint 方法给出了按钮的推荐大小。

Tooltips
图：工具提示

关闭窗口

关闭窗口的明显方法是单击标题栏上的 x 标记。在下一个示例中，我们展示了如何以编程方式关闭我们的窗口。我们简要介绍了信号和槽。

以下是我们在示例中使用的 QtGui.QPushButton 的构造函数。

class PySide.QtGui.QPushButton(text[, parent=None])

text 参数是将显示在按钮上的文本。parent 是我们放置按钮的小部件。在我们的例子中，它将是一个 QtGui.QWidget。

#!/usr/bin/python

"""
ZetCode PySide tutorial 

This program creates a quit
button. When we press the button,
the application terminates. 

author: Jan Bodnar
website: zetcode.com
"""

import sys
from PySide import QtGui, QtCore

class Example(QtGui.QWidget):
    
    def __init__(self):
        super(Example, self).__init__()
        
        self.initUI()
        
    def initUI(self):               
        
        qbtn = QtGui.QPushButton('Quit', self)
        qbtn.clicked.connect(QtCore.QCoreApplication.instance().quit)
        qbtn.resize(qbtn.sizeHint())
        qbtn.move(50, 50)       
        
        self.setGeometry(300, 300, 250, 150)
        self.setWindowTitle('Quit button')    
        self.show()
        
def main():
    
    app = QtGui.QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())


if __name__ == '__main__':
    main()

在这个例子中，我们创建一个退出按钮。单击窗口后，应用程序终止。

qbtn = QtGui.QPushButton('Quit', self)

我们创建一个推送按钮。该按钮是 QtGui.QPushButton 类的实例。构造函数的第一个参数是按钮的标签。第二个参数是父小部件。父小部件是 Example 小部件，它通过继承是 QtGui.QWidget。

qbtn.clicked.connect(QtCore.QCoreApplication.instance().quit)

PySide 中的事件处理系统是用信号和槽机制构建的。如果我们单击该按钮，则会发出信号 clicked。该槽可以是 Qt 槽或任何 Python 可调用对象。QtCore.QCoreApplication 包含主事件循环。它处理并分派所有事件。instance 方法为我们提供了当前实例。请注意，QtCore.QCoreApplication 是使用 QtGui.QApplication 创建的。clicked 信号连接到 quit 方法，该方法终止应用程序。通信是在两个对象之间完成的。发送者和接收者。发送者是推送按钮，接收者是应用程序对象。

quit button
图：退出按钮

消息框

默认情况下，如果我们单击标题栏上的 x 按钮，则 QtGui.QWidget 将关闭。有时我们想修改此默认行为。例如，如果我们在编辑器中打开了一个文件，我们做了一些更改。我们显示一个消息框来确认该操作。

#!/usr/bin/python

"""
ZetCode PySide tutorial 

This program shows a confirmation 
message box when we click on the close
button of the application window. 

author: Jan Bodnar
website: zetcode.com
"""

import sys
from PySide import QtGui

class Example(QtGui.QWidget):
    
    def __init__(self):
        super(Example, self).__init__()
        
        self.initUI()
        
    def initUI(self):               
        
        self.setGeometry(300, 300, 250, 150)        
        self.setWindowTitle('Message box')    
        self.show()
        
    def closeEvent(self, event):
        
        reply = QtGui.QMessageBox.question(self, 'Message',
            "Are you sure to quit?", QtGui.QMessageBox.Yes | 
            QtGui.QMessageBox.No, QtGui.QMessageBox.No)

        if reply == QtGui.QMessageBox.Yes:
            event.accept()
        else:
            event.ignore()        
        
        
def main():
    
    app = QtGui.QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())


if __name__ == '__main__':
    main()

如果我们关闭 QtGui.QWidget，则会生成 QCloseEvent。为了修改小部件行为，我们需要重新实现 closeEvent 事件处理程序。

reply = QtGui.QMessageBox.question(self, 'Message',
    "Are you sure to quit?", QtGui.QMessageBox.Yes | 
    QtGui.QMessageBox.No, QtGui.QMessageBox.No)

我们显示一个带有两个按钮的消息框。是和否。第一个字符串显示在标题栏上。第二个字符串是对话框显示的消息文本。第三个参数指定出现在对话框中的按钮组合。最后一个参数是默认按钮。最初具有键盘焦点的按钮。返回值存储在 reply 变量中。

if reply == QtGui.QMessageBox.Yes:
    event.accept()
else:
    event.ignore()

在这里，我们测试返回值。如果我们单击“是”按钮，我们接受事件，这导致小部件的关闭和应用程序的终止。否则，我们将忽略关闭事件。

message box
图：消息框

在屏幕上居中窗口

以下脚本显示了如何在桌面屏幕上居中显示一个窗口。

#!/usr/bin/python

"""
ZetCode PySide tutorial 

This program centers a window 
on the screen. 

author: Jan Bodnar
website: zetcode.com
"""

import sys
from PySide import QtGui

class Example(QtGui.QWidget):
    
    def __init__(self):
        super(Example, self).__init__()
        
        self.initUI()
        
    def initUI(self):               
        
        self.resize(250, 150)
        self.center()
        
        self.setWindowTitle('Center')    
        self.show()
        
    def center(self):
        
        qr = self.frameGeometry()
        cp = QtGui.QDesktopWidget().availableGeometry().center()
        qr.moveCenter(cp)
        self.move(qr.topLeft())
        
        
def main():
    
    app = QtGui.QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())


if __name__ == '__main__':
    main()

在屏幕上居中显示一个窗口。

self.center()

将窗口居中的代码放在自定义 center() 方法中。

qr = self.frameGeometry()

我们得到一个矩形，指定主窗口的几何形状。这包括任何窗口框架。

cp = QtGui.QDesktopWidget().availableGeometry().center()

我们找出我们显示器的屏幕分辨率。从这个分辨率中，我们得到中心点。

qr.moveCenter(cp)

我们的矩形已经具有其宽度和高度。现在我们将矩形的中心设置为屏幕的中心。矩形的大小保持不变。

self.move(qr.topLeft())

我们将应用程序窗口的左上点移动到 qr 矩形的左上点，从而将窗口居中于我们的屏幕上。

在本 PySide 教程中，我们介绍了一些基础知识。