PySide #2: GUI帶你擺脫黑白人生

蛇說，終於看到了GUI的色彩

DekBan

Published in

Bucketing

5 min readMay 7, 2020

有了環境，就可以好好的生活了，讓我們來創造有畫面的世界吧！看得見的才是真實的。

How it works

Qt中的每個元件通稱為Widget，包括常見的Button, Label, ComboBox等等，他們都有 show()的function可以呼叫，顧名思義就是顯示出來讓我們看得見，而建立在這些上面的，如果寫過Qt就知道，是QApplication這個class，會在main() function中被宣告，並且呼叫exec()這個類似無限loop的function開始不斷刷新並且畫出我們的圖形介面。

First things first

window

首先，如同所有的基礎教學，讓我們看看一個空白視窗的威力吧！

#!venv/bin/python3

import sys

from PySide2 import QtWidgets

if '__main__' == __name__:
    app = QtWidgets.QApplication(sys.argv)
    w = QtWidgets.QMainWindow()
    w.show()

    ret = app.exec_()
    sys.exit(ret)

簡單易懂，宣告一個QMainWindow也就是主視窗，並呼叫show()來畫畫面，最後呼叫Qt的App引實際執行圖形介面。

Result

通常，官網都會以Dialog為基礎做教學，但實際應用上，Dialog通常是彈跳視窗在用的，而我們的主視窗會是一個完整的main window.

Get some sauce

這樣就結束肯定很無聊，也就拿了張白紙沒什麼毛用，所以我們要加點東西，同時升級我們的window，加入物件以及一些OOP的概念。

My Window!

將程式進入點修該如下，我們之只會有非常低的機會再來修改他，有的話也是為幅度的修改。

main.py

#!venv/bin/python3

import sys

from PySide2 import QtWidgets

from first_window.main_window import MainWindow

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

    ret = app.exec_()
    sys.exit(ret)

接下來我們要來建立上方所缺失的MainWindow物件，也就是我們自己定義的視窗物件，我們可以在其中做各種不同的變化。

main_window.py

#!venv/bin/python3

from PySide2.QtWidgets import QLabel
from PySide2.QtWidgets import QMainWindow
from PySide2.QtWidgets import QPushButton


class MainWindow(QMainWindow):
    def __init__(self, parent=None):
        """Main window, holding all user interface including.

        Args:
          parent: parent class of main window
        Returns:
          None
        Raises:
          None
        """
        super(MainWindow, self).__init__(parent)
        self._width = 800
        self._height = 600
        self._title = QLabel('PySide2 is Great', self)
        self._exit_btn = QPushButton('Exit', self)

        self.setMinimumSize(self._width, self._height)