# PySide 中的第一個程序 > 原文： [http://zetcode.com/gui/pysidetutorial/firstprograms/](http://zetcode.com/gui/pysidetutorial/firstprograms/) 在 PySide 教程的這一部分中，我們將學習一些基本功能。 ## 簡單的例子 該代碼示例非常簡單。 它只顯示一個小窗口。 然而，我們可以利用這個窗口做很多事情。 我們可以調整大小，最大化或最小化它。 這需要大量的編碼。 已經有人對該功能進行了編碼。 由于它在大多數應用中都會重復出現，因此無需重新編碼。 因此它已被程序員隱藏。 PySide 是一個高級工具包。 如果我們在較低級別的工具箱中進行編碼，則以下代碼示例可能很容易包含數十行。 ```py #!/usr/bin/python # -*- coding: utf-8 -*- # 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_()) ``` 上面的代碼在屏幕上顯示了一個小窗口。 ```py import sys from PySide import QtGui ``` 在這里，我們提供必要的導入。 基本的 GUI 小部件位于`QtGui`模塊中。 ```py app = QtGui.QApplication(sys.argv) ``` 每個 PySide 應用都必須創建一個應用對象。 該應用對象位于`QtGui`模塊中。 `sys.argv`參數是命令行中的參數列表。 可以從外殼運行 Python 腳本。 這是一種我們可以控制腳本啟動的方式。 ```py wid = QtGui.QWidget() ``` `QWidget`小部件是 PySide 中所有用戶界面對象的基類。 我們為`QWidget`提供了默認的構造器。 默認構造器沒有父代。 沒有父級的窗口小部件稱為窗口。 ```py wid.resize(250, 150) ``` `resize()`方法調整窗口小部件的大小。 寬 250 像素，高 150 像素。 ```py wid.setWindowTitle('Simple') ``` 在這里，我們為窗口設置標題。 標題顯示在標題欄中。 ```py wid.show() ``` `show()`方法在屏幕上顯示小部件。 ```py sys.exit(app.exec_()) ``` 最后，我們進入應用的主循環。 事件處理從這一點開始。 主循環從窗口系統接收事件，并將其分配給應用小部件。 如果調用`exit()`方法或主窗口小部件被銷毀，則主循環結束。 `sys.exit()`方法可確保干凈退出。 將告知環境應用如何結束。 您想知道為什么`exec_()`方法下劃線嗎？ 一切都有意義。 顯然是因為`exec`是 Python 關鍵字。 因此，使用了`exec_()`。  圖：簡單 ## 應用圖標 應用圖標是一個小圖像，通常顯示在標題欄的左上角。 在任務欄中也可以看到它。 在下面的示例中，我們將展示如何在 PySide 中進行操作。 我們還將介紹一些新方法。 ```py #!/usr/bin/python # -*- coding: utf-8 -*- """ ZetCode PySide tutorial This example shows an icon in the titlebar of the window. author: Jan Bodnar website: zetcode.com last edited: August 2011 """ 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 中進行編程。 ```py class Example(QtGui.QWidget): def __init__(self): super(Example, self).__init__() ``` 面向對象編程中最重要的三件事是類，數據和方法。 在這里，我們創建一個名為`Example`的新類。 `Example`類繼承自`QtGui.QWidget`類。 這意味著我們必須調用兩個構造器。 第一個用于`Example`類，第二個用于繼承類。 使用`super()`方法調用第二個。 ```py self.setGeometry(300, 300, 250, 150) self.setWindowTitle('Icon') self.setWindowIcon(QtGui.QIcon('web.png')) ``` 所有這三種方法都從`QtGui.QWidget`類繼承。 `setGeometry()`做兩件事。 它在屏幕上找到窗口并設置窗口的大小。 前兩個參數是窗口的 x 和 y 位置。 第三個是窗口的寬度，第四個是窗口的高度。 最后一種方法設置應用圖標。 為此，我們創建了一個`QtGui.QIcon`對象。 `QtGui.QIcon`接收到要顯示的圖標的路徑。 ```py def main(): app = QtGui.QApplication(sys.argv) ex = Example() sys.exit(app.exec_()) if __name__ == '__main__': main() ``` 我們將啟動代碼放入`main()`方法中。 這是 Python 慣用語。  圖：圖標 在窗口的左上角可見一個圖標。 ## 顯示工具提示 我們可以為我們的任何小部件提供氣球幫助。 ```py #!/usr/bin/python # -*- coding: utf-8 -*- """ ZetCode PySide tutorial This example shows a tooltip on a window and a button author: Jan Bodnar website: zetcode.com last edited: August 2011 """ 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 小部件的工具提示。 ```py QtGui.QToolTip.setFont(QtGui.QFont('SansSerif', 10)) ``` 此靜態方法設置用于呈現工具提示的字體。 我們使用 10px SansSerif 字體。 ```py self.setToolTip('This is a <b>QWidget</b> widget') ``` 要創建工具提示，我們調用`setTooltip()`方法。 我們可以使用富文本格式。 ```py btn = QtGui.QPushButton('Button', self) btn.setToolTip('This is a <b>QPushButton</b> widget') ``` 我們創建一個按鈕小部件并為其設置工具提示。 ```py btn.resize(btn.sizeHint()) btn.move(50, 50) ``` 調整按鈕的大小并在窗口上移動。 `sizeHint()`方法為按鈕提供了建議的大小。  圖：工具提示 s ## 關閉窗口 關閉窗口的明顯方法是單擊標題欄上的 x 標記。 在下一個示例中，我們將展示如何以編程方式關閉窗口。 我們將簡要介紹信號和槽。 以下是`QtGui.QPushButton`的構造器，我們將在示例中使用它。 ```py class PySide.QtGui.QPushButton(text[, parent=None]) ``` `text`參數是將在按鈕上顯示的文本。 `parent`是窗口小部件，我們在其上放置了按鈕。 在我們的情況下，它將是`QtGui.QWidget`。 ```py #!/usr/bin/python # -*- coding: utf-8 -*- """ ZetCode PySide tutorial This program creates a quit button. When we press the button, the application terminates. author: Jan Bodnar website: zetcode.com last edited: August 2011 """ 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() ``` 在此示例中，我們創建一個退出按鈕。 單擊窗口后，應用終止。 ```py qbtn = QtGui.QPushButton('Quit', self) ``` 我們創建一個按鈕。 該按鈕是`QtGui.QPushButton`類的實例。 構造器的第一個參數是按鈕的標簽。 第二個參數是父窗口小部件。 父窗口小部件是`Example`窗口小部件，通過繼承它是`QtGui.QWidget`。 ```py qbtn.clicked.connect(QtCore.QCoreApplication.instance().quit) ``` PySide 中的事件處理系統是通過信號和槽機制構建的。 如果單擊按鈕，將發出信號`clicked`。 該槽可以是 Qt 槽或任何可調用的 Python。 `QtCore.QCoreApplication`包含主事件循環。 它處理并調度所有事件。 `instance()`方法為我們提供了當前實例。 注意，`QtCore.QCoreApplication`是用`QtGui.QApplication`創建的。 單擊的信號連接到`quit()`方法，這將終止應用。 通信是在兩個對象之間完成的。 發送者和接收者。 發送者是按鈕，接收者是應用對象。  圖：退出按鈕 ## `MessageDialog` 默認情況下，如果單擊標題欄上的 x 按鈕，則`QtGui.QWidget`將關閉。 有時我們想修改此默認行為。 例如，如果我們在編輯器中打開了一個文件，對此我們做了一些更改。 我們顯示一個消息框以確認操作。 ```py #!/usr/bin/python # -*- coding: utf-8 -*- """ 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 last edited: August 2011 """ 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()`事件處理器。 ```py reply = QtGui.QMessageBox.question(self, 'Message', "Are you sure to quit?", QtGui.QMessageBox.Yes | QtGui.QMessageBox.No, QtGui.QMessageBox.No) ``` 我們顯示一個帶有兩個按鈕的消息框。 是和否。第一個字符串顯示在標題欄上。 第二個字符串是對話框顯示的消息文本。 第三個參數指定出現在對話框中的按鈕的組合。 最后一個參數是默認按鈕。 它是按鈕，最初具有鍵盤焦點。 返回值存儲在回復變量中。 ```py if reply == QtGui.QMessageBox.Yes: event.accept() else: event.ignore() ``` 在這里，我們測試返回值。 如果單擊“是”按鈕，我們將接受導致小部件關閉和應用終止的事件。 否則，我們將忽略關閉事件。  圖：消息框 ## 屏幕上的居中窗口 以下腳本顯示了如何在桌面屏幕上居中放置窗口。 ```py #!/usr/bin/python # -*- coding: utf-8 -*- """ ZetCode PySide tutorial This program centers a window on the screen. author: Jan Bodnar website: zetcode.com last edited: August 2011 """ 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() ``` 在屏幕上將窗口居中。 ```py self.center() ``` 將使窗口居中的代碼位于自定義`center()`方法中。 ```py qr = self.frameGeometry() ``` 我們得到一個指定主窗口幾何形狀的矩形。 這包括任何窗框。 ```py cp = QtGui.QDesktopWidget().availableGeometry().center() ``` 我們計算出顯示器的屏幕分辨率。 從這個分辨率，我們得到了中心點。 ```py qr.moveCenter(cp) ``` 我們的矩形已經具有寬度和高度。 現在，我們將矩形的中心設置為屏幕的中心。 矩形的大小不變。 ```py self.move(qr.topLeft()) ``` 我們將應用窗口的左上角移動到`qr`矩形的左上角，從而將窗口居中放置在屏幕上。 在 PySide 教程的這一部分中，我們介紹了一些基礎知識。