主頁 > 後端開發 > Python GUI編程之PyQt5入門到實戰

Python GUI編程之PyQt5入門到實戰

2020-11-17 15:50:15 後端開發

文章目錄

          • 1. PyQt5基礎
            • 1.1 GUI編程學什么
            • 1.2 PyQT是什么
            • 1.3 PyQT的優勢
            • 1.4 開發環境的安裝
            • 1.5 第一個pyqt5桌面應用
          • 2. QtDesigner的使用
            • 2.1 安裝和配置
            • 2.2 快速入門
            • 2.3 將ui檔案轉換成py檔案
            • 2.4 水平布局
            • 2.5 垂直布局
            • 2.6 同時使用水平布局和垂直布局
            • 2.7 柵格布局
            • 2.8 表單布局
            • 2.9 容器布局
            • 2.10 絕對布局
            • 2.11 布局中的間隔和分割線
            • 2.12 控制元件最大尺寸和最小尺寸
            • 2.13 尺寸策略
            • 2.14 設定控制元件之間的伙伴關系
            • 2.15 修改控制元件的Tab順序
            • 2.16 信號與槽的設定
            • 2.17 添加選單和工具列
          • 3. PyQt5核心API的使用
            • 3.1 創建主視窗
            • 3.2 主視窗居中顯示
            • 3.3 退出應用程式
            • 3.4 螢屏坐標系
            • 3.5 設定視窗和應用程式圖示
            • 3.6 控制元件添加提示訊息
          • 4. PyQt5中常用控制元件API的使用
            • 4.1 QLabel控制元件的基本用法
            • 4.2 QLabel與伙伴控制元件

我的網站： https://pythoneers.cn

1. PyQt5基礎
1.1 GUI編程學什么
  • 大致了解你所選擇的GUI庫
  • 基本的程式的結構：使用這個GUI庫來運行你的GUI程式
  • 各種控制元件的特性和如何使用
  • 控制元件的樣式
  • 資源的加載
  • 控制元件的布局
  • 事件和信號
  • 影片特效
  • 界面跳轉
  • 設計工具的使用
1.2 PyQT是什么

QT是跨平臺C++庫的集合，它實作高級API來訪問現代桌面和移動系統的許多方面，這些服務包括定位和定位服務、多媒體、NFC和藍牙連接、基于Chromium的web瀏覽器以及傳統的UI開發，PyQt5是Qt v5的一組完整的Python系結，它被實作為超過35個擴展模塊，并使Python在所有支持的平臺（包括IOS和Android）上被用作C++的替代應用程式開發語言，PyQT5也可以嵌入在基于C++的應用程式中，以允許這些應用程式的用戶配置或增強這些應用程式的功能，

1.3 PyQT的優勢
  • 簡單好用
  • 功能強大
  • 跨平臺支持
  • 性能高
  • 檔案齊全：PyQT本身就是對QT庫Python的系結，在系結的時候保持了原有的QT庫的API，也就是說，PyQT除了自己的檔案外，也幾乎可以通用QT檔案，
  • 穩定性高：面向物件、信號與槽的機制、界面設計與業務代碼完全隔離
  • 生態支持：QU Designer進行圖形界面設計、ui轉換成py檔案、資源處理
  • 開源免費：PyQT是雙重許可的，開發人員可以在GPL和商業許可之間進行選擇，采用GPL協議，軟體著作權屬于開發者本人所有，受國際相關著作權法保護，允許其他用戶對原作者軟體進行復制和發行，也可以更改后發型自己的軟體，
1.4 開發環境的安裝

首先，基本的 Python3 環境和 PyCharm 開發工具的安裝，由于比較簡單，博主在這里不再詳細演示了！實在有問題的可以自行Google或者百度，其次就是GUI開發環境的安裝，也就是安裝PyQT5，這里演示在Python的虛擬環境中來安裝PyQT5（Ubuntu Linux系統）：

# 在Python全域環境中安裝pipenv
$ pip3 install pipenv -i https://pypi.tuna.tsinghua.edu.cn/simple

# 創建專案目錄
$ mkdir pyqt5-pro

# 進入專案目錄
$ cd pyqt5-pro/

# 創建虛擬環境
$ pipenv --three

# 激活虛擬環境(激活環境后會自動創建Pipfile檔案)
$ pipenv shell

# 為加速安裝，將源改為國內源
(pyqt5-pro) $ vim Pipfile
url = "https://pypi.tuna.tsinghua.edu.cn/simple"

# 安裝pyqt5庫
(pyqt5-pro) $ pipenv install pyqt5

這個時候我們使用Pycharm打開這個專案檔案夾：
在這里插入圖片描述
可以從設定中看到該專案依賴的Python環境：
在這里插入圖片描述

1.5 第一個pyqt5桌面應用

示例代碼：

from PyQt5.Qt import *
import sys

if __name__ == '__main__':
    # 創建QApplication類的實體
    app = QApplication(sys.argv)
    # 創建一個視窗
    window = QWidget()
    # 設定視窗標題
    window.setWindowTitle('Hello World!')
    # 設定視窗尺寸
    window.resize(400, 400)
    # 移動視窗位置
    window.move(1000, 300)
    # 創建label控制元件
    label = QLabel(window)
    # 為控制元件設定文本
    label.setText('Hello World!')
    # 移動空間的位置
    label.move(160, 160)
    # 顯示視窗
    window.show()
    # 進入程式的主回圈，并通過exit函式確保主回圈安全結束
    sys.exit(app.exec_())

效果圖[在windows平臺中顯示有差別于Linux(注意我這不是Mac OS系統，只是ubuntu linux系統使用了Mac OS的主題)]：
在這里插入圖片描述

2. QtDesigner的使用
2.1 安裝和配置

安裝Qt的工具包：

pip install PyQt5-tools -i https://pypi.douban.com/simple

安裝完成后，QTdesigner 就在你的 python 環境下的擴展包里面了!

將QtDesigner集成到Pycharm：
在這里插入圖片描述

2.2 快速入門

可以通過配置好的PyCharm擴展工具直接打開QTDesigner：
在這里插入圖片描述
簡單介紹QTDesigner幾個主要部分：
在這里插入圖片描述
Ctrl+S后可以將其保存到專案根目錄：
在這里插入圖片描述

2.3 將ui檔案轉換成py檔案

第一種方法：

$ python -m PyQt5.uic.pyuic demo.ui -o demo.py

第二種方法：

$ pyuic5 demo.ui -o demo.py

第三種方法：把第一種方法中命令集成到 PyCharm 中，首先需要使用 $ which python 查看當前使用的Python目錄，

(pyqt5-pro) $ which python
/home/thanlon/.local/share/virtualenvs/pyqt5-pro-ihgfaRRJ/bin/python

將其復制粘貼到【Program】部分，然后再把 -m PyQt5.uic.pyuic $FileName$ -o $FileNameWithoutExtension$.py 加入到【Arguments】部分，再把 $FileDir$ 加入到【Working directory】中：
在這里插入圖片描述
轉換之后，在專案目錄下會生成.py檔案：
在這里插入圖片描述

2.4 水平布局

使用水平布局的方式在QtDesigner中做一些簡單的操作，如下圖所示：
在這里插入圖片描述
將.ui檔案轉換成.py檔案后新建 RunMainWinHorizontalLayout.py 檔案用來運行轉換之后的.py檔案 MainWinHorizontalLayout.py：

import sys
import MainWinHorizontalLayout
from PyQt5.QtWidgets import QApplication, QMainWindow

if __name__ == '__main__':
    # 創建QApplication類的實體
    app = QApplication(sys.argv)
    # 創建一個主視窗
    mainWindow = QMainWindow()
    # 創建Ui_MainWindow的實體
    ui = MainWinHorizontalLayout.Ui_MainWindow()
    # 呼叫setupUi在指定視窗(主視窗)中添加控制元件
    ui.setupUi(mainWindow)
    # 顯示視窗
    mainWindow.show()
    # 進入程式的主回圈，并通過exit函式確保主回圈安全結束
    sys.exit(app.exec_())

運行這個Python檔案得到：
在這里插入圖片描述

2.5 垂直布局

使用垂直布局的方式在QtDesigner中了做一些簡單的操作，如下圖所示：
在這里插入圖片描述
將.ui檔案轉換成.py檔案后新建 RunMainWinVerticalLayout.py 檔案用來運行轉換之后的.py檔案 MainWinVerticalLayout.py：

import sys
import MainWinVerticalLayout
from PyQt5.QtWidgets import QApplication, QMainWindow

if __name__ == '__main__':
    # 創建QApplication類的實體
    app = QApplication(sys.argv)
    # 創建一個主視窗
    mainWindow = QMainWindow()
    # 創建Ui_MainWindow的實體
    ui = MainWinVerticalLayout.Ui_MainWindow()
    # 呼叫setupUi在指定視窗(主視窗)中添加控制元件
    ui.setupUi(mainWindow)
    # 顯示視窗
    mainWindow.show()
    # 進入程式的主回圈，并通過exit函式確保主回圈安全結束
    sys.exit(app.exec_())

運行這個.py檔案得到：
在這里插入圖片描述

2.6 同時使用水平布局和垂直布局

“姓名”和“薪資”兩行都使用水平布局，“備注+文本框”和它們一起使用垂直布局：
在這里插入圖片描述
將.ui檔案轉換成.py檔案后新建 RunMainWinHVLayout.py 檔案用來運行轉換之后的.py檔案：

import sys
import RunMainWinVHLayout
from PyQt5.QtWidgets import QApplication, QMainWindow

if __name__ == '__main__':
    # 創建QApplication類的實體
    app = QApplication(sys.argv)
    # 創建一個主視窗
    mainWindow = QMainWindow()
    # 創建Ui_MainWindow的實體
    ui = RunMainWinVHLayout.Ui_MainWindow()
    # 呼叫setupUi在指定視窗(主視窗)中添加控制元件
    ui.setupUi(mainWindow)
    # 顯示視窗
    mainWindow.show()
    # 進入程式的主回圈，并通過exit函式確保主回圈安全結束
    sys.exit(app.exec_())

在這里插入圖片描述

2.7 柵格布局

下面是使用柵格布局設計的：
在這里插入圖片描述
將.ui檔案轉換成.py檔案后新建 RunMainWinGridLayout.py 檔案用來運行轉換之后的.py檔案：

import sys
import MainWinGridLayout
from PyQt5.QtWidgets import QApplication, QMainWindow

if __name__ == '__main__':
    # 創建QApplication類的實體
    app = QApplication(sys.argv)
    # 創建一個主視窗
    mainWindow = QMainWindow()
    # 創建Ui_MainWindow的實體
    ui = MainWinGridLayout.Ui_MainWindow()
    # 呼叫setupUi在指定視窗(主視窗)中添加控制元件
    ui.setupUi(mainWindow)
    # 顯示視窗
    mainWindow.show()
    # 進入程式的主回圈，并通過exit函式確保主回圈安全結束
    sys.exit(app.exec_())

在這里插入圖片描述

2.8 表單布局

下面是使用表單布局設計的：
在這里插入圖片描述
將.ui檔案轉換成.py檔案后新建 RunMainWinFormLayout.py 檔案用來運行轉換之后的.py檔案：

import sys
import MainWinFormLayout
from PyQt5.QtWidgets import QApplication, QMainWindow

if __name__ == '__main__':
    # 創建QApplication類的實體
    app = QApplication(sys.argv)
    # 創建一個主視窗
    mainWindow = QMainWindow()
    # 創建Ui_MainWindow的實體
    ui = MainWinFormLayout.Ui_MainWindow()
    # 呼叫setupUi在指定視窗(主視窗)中添加控制元件
    ui.setupUi(mainWindow)
    # 顯示視窗
    mainWindow.show()
    # 進入程式的主回圈，并通過exit函式確保主回圈安全結束
    sys.exit(app.exec_())

右鍵選擇布局的時候選擇“在表單布局中布局”，

在這里插入圖片描述

2.9 容器布局

布局和容器之間可以相互轉換，下面以 QFrame 和 Grid Layout 相互轉換為例子，第一個是把容器 QFrame 轉換成 Grid Layout，第二個是把 Grid Layout 轉換成容器 QFrame：
在這里插入圖片描述
將 .ui 檔案轉換成 .py 檔案后新建 RunMainWinContainerLayout.py 檔案用來運行轉換之后的 .py 檔案：

import sys

from PyQt5.QtWidgets import QApplication, QMainWindow
import MainWinContainerLayout
if __name__ == '__main__':
    # 創建QApplication類的實體
    app = QApplication(sys.argv)
    # 創建一個主視窗
    mainWindow = QMainWindow()
    # 創建Ui_MainWindow的實體
    ui = MainWinContainerLayout.Ui_MainWindow()
    # 呼叫setupUi在指定視窗(主視窗)中添加控制元件
    ui.setupUi(mainWindow)
    # 顯示視窗
    mainWindow.show()
    # 進入程式的主回圈，并通過exit函式確保主回圈安全結束
    sys.exit(app.exec_())

在這里插入圖片描述

2.10 絕對布局

直接把空間放到容器或者視窗中默認是絕對布局，根據坐標屬性可以控制顯示的位置：

在這里插入圖片描述
將 .ui 檔案轉換成 .py 檔案后新建 RunMainWinAbsoluteLayout.py 檔案用來運行轉換之后的 .py 檔案，發現出現報錯：

/home/thanlon/PycharmProjects/venv/pyqt5-pro/bin/python /home/thanlon/PycharmProjects/pyqt5-pro/2.QtDesigner/絕對布局/RunMainWinHorizontalLayout.py
Traceback (most recent call last):
  File "/home/thanlon/PycharmProjects/pyqt5-pro/2.QtDesigner/絕對布局/RunMainWinHorizontalLayout.py", line 2, in <module>
    import MainWinAbsoluteLayout
  File "/home/thanlon/PycharmProjects/pyqt5-pro/2.QtDesigner/絕對布局/MainWinAbsoluteLayout.py", line 75, in <module>
    from PyQt5 import QtWebKitWidgets
ImportError: cannot import name 'QtWebKitWidgets' from 'PyQt5' (/home/thanlon/PycharmProjects/venv/pyqt5-pro/lib/python3.8/site-packages/PyQt5/__init__.py)

在這里插入圖片描述
可以使用 from PyQt5.QtWebEngineWidgets import * 替換 from PyQt5 import QtWebKitWidgets，

MainWinAbsoluteLayout.py：

# -*- coding: utf-8 -*-
from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
       	...
        # self.webView = QtWebKitWidgets.QWebView(self.centralwidget)
        self.webView = QWebEngineView(self.centralwidget)
        ...

# from PyQt5 import QtWebKitWidgets
from PyQt5.QtWebEngineWidgets import *

RunMainWinAbsoluteLayout.py：

import sys
import MainWinAbsoluteLayout
from PyQt5.QtWidgets import QApplication, QMainWindow

if __name__ == '__main__':
    # 創建QApplication類的實體
    app = QApplication(sys.argv)
    # 創建一個主視窗
    mainWindow = QMainWindow()
    # 創建Ui_MainWindow的實體
    ui = MainWinAbsoluteLayout.Ui_MainWindow()
    # 呼叫setupUi在指定視窗(主視窗)中添加控制元件
    ui.setupUi(mainWindow)
    # 顯示視窗
    mainWindow.show()
    # 進入程式的主回圈，并通過exit函式確保主回圈安全結束
    sys.exit(app.exec_())
2.11 布局中的間隔和分割線

間隔分為水平和垂直間隔，分別是 Horizontal Spacer 和 Vertical Spacer 兩個控制元件，分割線也分為水平和垂直分割線，使用的控制元件分別是 Horizontal Line 和 Vertical Line，分割線控制元件可以讓兩個控制元件之間有一條分割線，通常用分割線控制元件將相同或類似功能的控制元件放在一起，形成一個組，
在這里插入圖片描述
RunMainWinSpacerLineLayout.py:

import sys

from PyQt5.QtWidgets import QApplication, QMainWindow
import MainWinSpacerLineLayout

if __name__ == '__main__':
    # 創建QApplication類的實體
    app = QApplication(sys.argv)
    # 創建一個主視窗
    mainWindow = QMainWindow()
    # 創建Ui_MainWindow的實體
    ui = MainWinSpacerLineLayout.Ui_MainWindow()
    # 呼叫setupUi在指定視窗(主視窗)中添加控制元件
    ui.setupUi(mainWindow)
    # 顯示視窗
    mainWindow.show()
    # 進入程式的主回圈，并通過exit函式確保主回圈安全結束
    sys.exit(app.exec_())

在這里插入圖片描述

2.12 控制元件最大尺寸和最小尺寸

控制元件最大尺寸和最小尺寸分別由控制元件的 minimunmSize 和 maximumSize 屬性來設定的，
在這里插入圖片描述

2.13 尺寸策略

每個控制元件都有期望尺寸，每一個控制元件的期望尺寸都是不一樣的，未設定控制元件的最大值和最小值，推薦設定的尺寸，即建議尺寸，對大多數控制元件，期望尺寸是固定值，不能夠去設定的，我們可以獲取控制元件的期望尺寸：
在這里插入圖片描述
RunMainWinSizePolicyLayout.py:

# -*- coding: utf-8 -*-
from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        pass
        # 列印pushButton控制元件的期望尺寸
        push_button_width = self.pushButton.sizeHint().width()
        push_button_height = self.pushButton.sizeHint().height()
        print('pushButton控制元件期望尺寸的寬度：{}px'.format(push_button_width))
        print('pushButton控制元件期望尺寸的高度：{}px'.format(push_button_height))
        """
        pushButton控制元件期望尺寸的寬度：48px
        pushButton控制元件期望尺寸的高度：25px
        """
        pass
        # 列印line_Edit控制元件的期望尺寸
        line_Edit_width = self.lineEdit.sizeHint().width()
        line_Edit_height = self.lineEdit.sizeHint().height()
        print('lineEdit控制元件期望尺寸的寬度：{}px'.format(line_Edit_width))
        print('lineEdit控制元件期望尺寸的高度：{}px'.format(line_Edit_height))
        """
        lineEdit控制元件期望尺寸的寬度：142px
        lineEdit控制元件期望尺寸的高度：25px
        """
        pass
    def retranslateUi(self, MainWindow):
        pass

還有最小期望尺寸的概念，對于很多控制元件期望尺寸和最小期望尺寸是一樣的，如 pushButton 控制元件：

# -*- coding: utf-8 -*-
from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        pass
        # 列印pushButton控制元件的最小期望尺寸
        push_button_minimum_width = self.pushButton.minimumSizeHint().width()
        push_button_minimum_height = self.pushButton.minimumSizeHint().height()
        print('pushButton控制元件最小期望尺寸的寬度：{}px'.format(push_button_minimum_width))
        print('pushButton控制元件最小期望尺寸的高度：{}px'.format(push_button_minimum_height))
        """
        pushButton控制元件最小期望尺寸的寬度：48px
        pushButton控制元件最小期望尺寸的高度：25px
        """
        pass
    def retranslateUi(self, MainWindow):
        pass

也有不一樣的如 lineEdit 控制元件：

# -*- coding: utf-8 -*-
from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        pass
        # 列印line_Edit控制元件的最小期望尺寸
        line_Edit_minimum_width = self.lineEdit.minimumSizeHint().width()
        line_Edit_minimum_height = self.lineEdit.minimumSizeHint().height()
        print('lineEdit控制元件最小期望寬度：{}px'.format(line_Edit_minimum_width))
        print('lineEdit控制元件最小期望高度：{}px'.format(line_Edit_minimum_height))
        """
        lineEdit控制元件最小期望寬度：59px
        lineEdit控制元件最小期望高度：25px
        """
        pass
    def retranslateUi(self, MainWindow):
        pass

尺寸策略的應用，使用常用的屬性值 Expanding：
在這里插入圖片描述
在這里插入圖片描述
RunMainWinExpendingLayout.py：

import sys

from PyQt5.QtWidgets import QApplication, QMainWindow
import MainWinExpandingLayout

if __name__ == '__main__':
    # 創建QApplication類的實體
    app = QApplication(sys.argv)
    # 創建一個主視窗
    mainWindow = QMainWindow()
    # 創建Ui_MainWindow的實體
    ui = MainWinExpandingLayout.Ui_MainWindow()
    # 呼叫setupUi在指定視窗(主視窗)中添加控制元件
    ui.setupUi(mainWindow)
    # 顯示視窗
    mainWindow.show()
    # 進入程式的主回圈，并通過exit函式確保主回圈安全結束
    sys.exit(app.exec_())

在這里插入圖片描述

2.14 設定控制元件之間的伙伴關系

把兩個控制元件關聯到一起，通過其中一個控制元件控制另外一個控制元件，使用 Form Layout 布局在里面添加 Label 和 Line Edit 空間，
在這里插入圖片描述
在這里插入圖片描述
預覽后同時按鍵盤中的 “ALT”和“A” 滑鼠會定位到姓名的文本框中，同理，“ALT”和“B” 滑鼠會定位到年齡的文本框中，
在這里插入圖片描述
RunMainWinBuddyLayout.py：

import sys
import MainWinBuddyLayout
from PyQt5.QtWidgets import QApplication, QMainWindow

if __name__ == '__main__':
    # 創建QApplication類的實體
    app = QApplication(sys.argv)
    # 創建一個主視窗
    mainWindow = QMainWindow()
    # 創建Ui_MainWindow的實體
    ui = MainWinBuddyLayout.Ui_MainWindow()
    # 呼叫setupUi在指定視窗(主視窗)中添加控制元件
    ui.setupUi(mainWindow)
    # 顯示視窗
    mainWindow.show()
    # 進入程式的主回圈，并通過exit函式確保主回圈安全結束
    sys.exit(app.exec_())
2.15 修改控制元件的Tab順序

控制元件布局好之后，如果是要求用戶輸入的控制元件，可以使用 Tab 鍵進行切換，實際上使用 Tab 鍵切換默認是按照控制元件添加順序，當然還可以修改控制元件的 Tab 順序，修改控制元件的 Tab 順序有兩種方法，方法一：選擇 Edit --> 編輯 Tab 順序：
在這里插入圖片描述
雙擊序號可切換序號：
在這里插入圖片描述
也可以選中序號，右鍵選擇”制表符順序串列“來調整順序：
在這里插入圖片描述

2.16 信號與槽的設定

信號（signal）與槽（slot）是 QT 的核心機制，也是 PyQt 的核心機制，信號：物件或者控制元件發出去的訊息，單擊一個按鈕的時候按鈕就會向外部發送單擊的訊息，這些發送出去的信號需要一些代碼來攔截，這些代碼就是槽，槽的本質是函式或方法，單擊一個按鈕其實就是執行了槽所對應的函式或方法，這個函式或方法本質上就相當于這個按鈕的單擊事件，

簡單理解就是：信號就是一個單擊事件，槽就是單擊事件所對應的事件函式，一個信號可以和多個槽系結，一個槽可以攔截多個信號，

下面使用 QtDesigner 來完成信號與槽的系結：
在這里插入圖片描述
選擇編輯信號/槽，為 “關閉視窗” 按鈕添加點擊事件，槽為 close( ) 函式：
在這里插入圖片描述
預覽之后，點擊按鈕會關閉視窗：
在這里插入圖片描述
例子1：控制文本輸入框的顯示和隱藏
在這里插入圖片描述
在這里插入圖片描述
預覽后的效果：
在這里插入圖片描述
在這里插入圖片描述
例子2：控制文本輸入框是否可用
在這里插入圖片描述
在這里插入圖片描述
預覽后的效果：
在這里插入圖片描述
在這里插入圖片描述

2.17 添加選單和工具列

使用 QtDesigner 創建一個主視窗時，默認會在主視窗的上方添加一行選單欄，在最下方添加一行狀態欄，如果我們需要添加工具列則需要單擊右鍵選擇【添加工具列】，這部分主要探討如何在視窗中創建選單和工具列以及分別向選單欄、工具列中添加選單項、按鈕，

默認選單已經創建，所以只需要為選單添加選單項：
在這里插入圖片描述
創建工具列并且將按鈕添加到工具列中：
在這里插入圖片描述

3. PyQt5核心API的使用
3.1 創建主視窗

有三種型別的視窗，分別是 QMainWindow、QDialog 和 QWidget，QMainWindow：可以包括選單欄、工具列、狀態欄和標題欄，是最常見的視窗形式，QDialog：是對話視窗的基類，沒有選單欄、工具列、標題欄，QWidget：不確定視窗的型別，就可以使用 QWidget，創建一個主視窗：

FirstMainWindow.py：

"""
@from：https://pythoneers.cn
@author: qq3330447288
@contact: erics1996@yeah.net
@software: PyCharm
@file: FirstMainWindow.py
@time: 2020/11/17 上午9:50
"""
import sys
from PyQt5.QtWidgets import QMainWindow, QApplication
from PyQt5.QtGui import QIcon

class FirstMainWin(QMainWindow):
    def __init__(self):
        """
        初始化
        :param parent:控制元件放到parent
        """
        super(FirstMainWin, self).__init__()
        # 設定主視窗的標題
        self.setWindowTitle('第一個視窗應用')
        # 設定視窗的尺寸
        self.resize(400, 300)
        # 獲取當前的狀態欄(默認是有狀態欄的)
        self.status = self.statusBar()
        # 設定狀態欄顯示的訊息(訊息只存在5s)
        self.status.showMessage('只顯示5s的訊息！', 5000)

if __name__ == '__main__':
    # 創建一個應用程式物件(傳入引數)
    app = QApplication(sys.argv)
    # 設定應用程式的圖示
    app.setWindowIcon(QIcon('../images/Dragon.ico'))
    # 創建視窗類的物件
    main = FirstMainWin()
    # 顯示視窗
    main.show()
    # 呼叫exit()進入程式的主回圈
    sys.exit(app.exec_())
3.2 主視窗居中顯示

PyQt5中沒有API直接讓視窗居中，所以需要自己去寫，主視窗居中顯示需要計算視窗的左上角的坐標值，橫坐標可以通過螢屏的寬度減去視窗的寬度除以2，縱坐標可以通過螢屏的高度減去視窗的高度除以2，完成計算后可以使用move方法移動視窗，

CenterWindow.py：

"""
@from：https://pythoneers.cn
@author: qq3330447288
@contact: erics1996@yeah.net
@software: PyCharm
@file: FirstMainWindow.py
@time: 2020/11/17 上午9:50
"""
import sys
from PyQt5.QtWidgets import QMainWindow, QApplication, QDesktopWidget
from PyQt5.QtGui import QIcon

class CenterMainWin(QMainWindow):
    def __init__(self):
        """
        初始化
        :param parent:控制元件放到parent
        """
        super(CenterMainWin, self).__init__()
        # 設定主視窗的標題
        self.setWindowTitle('視窗居中')
        # 設定視窗的尺寸
        self.resize(400, 300)
        # 獲取當前的狀態欄(默認是有狀態欄的)
        self.status = self.statusBar()
        # 設定狀態欄顯示的訊息(訊息只存在5s)
        self.status.showMessage('只顯示5s的訊息！', 5000)

    def center(self):
        # 獲取螢屏坐標系
        screen = QDesktopWidget().screenGeometry()
        # 獲取視窗坐標系
        size = self.geometry()
        left = (screen.width() - size.width()) / 2
        top = (screen.height() - size.height()) / 2
        # 移動視窗
        self.move(left, top)

if __name__ == '__main__':
    # 創建一個應用程式物件(傳入引數)
    app = QApplication(sys.argv)
    # 設定應用程式的圖示
    app.setWindowIcon(QIcon('../images/Dragon.ico'))
    # 創建視窗類的物件
    main = CenterMainWin()
    # 顯示視窗
    main.show()
    # 視窗居中
    main.center()
    # 呼叫exit()進入程式的主回圈
    sys.exit(app.exec_())

在這里插入圖片描述

3.3 退出應用程式

退出應用程式，即退出整個視窗，

QuitApplication.py：

"""
@from：https://pythoneers.cn
@author: qq3330447288
@contact: erics1996@yeah.net
@software: PyCharm
@file: QuitApplication.py
@time: 2020/11/17 上午10:48
"""
import sys
from PyQt5.QtWidgets import QMainWindow, QPushButton, QHBoxLayout, QWidget, QApplication


class QuitApplication(QMainWindow):
    def __init__(self):
        super(QuitApplication, self).__init__()
        self.resize(300, 150)
        self.setWindowTitle('退出應用程式')
        # 添加按鈕
        self.buttion1 = QPushButton('退出應用程式')
        # 將信號與槽關聯，信號系結到方法，每一個信號都有一個connect方法
        self.buttion1.clicked.connect(self.onClickButton)
        # 設定水平布局（將按鈕放到布局中）
        layout = QHBoxLayout()
        layout.addWidget(self.buttion1)
        # 把布局放到QWidget(所有的控制元件都放到Qwiget，Qwiget可以充滿整個視窗)
        main_frame = QWidget()
        main_frame.setLayout(layout)
        # 框架放到視窗上
        self.setCentralWidget(main_frame)

    def onClickButton(self):
        # 通過sender獲取button
        sender = self.sender()
        # 獲取button的文本
        print(sender.text() + ' 按鈕被按下！')
        # 創建應用程式物件
        app = QApplication.instance()
        # 退出應用程式
        app.quit()

if __name__ == '__main__':
    app = QApplication(sys.argv)
    main = QuitApplication()
    main.show()
    sys.exit(app.exec_())

在這里插入圖片描述
在這里插入圖片描述

3.4 螢屏坐標系

視窗的位置可以通過視窗的左上角的坐標來描述，這個坐標就是相對于螢屏坐標系，我們可以獲取視窗相關的一系列引數：

"""
@from：https://pythoneers.cn
@author: qq3330447288
@contact: erics1996@yeah.net
@software: PyCharm
@file: ScreenGeometry.py
@time: 2020/11/17 上午11:15
"""
import sys
from PyQt5.QtWidgets import QApplication, QWidget, QPushButton


def on_click_btn():
    """
    單擊button列印視窗的坐標和寬度和高度
    :return:
    """
    print('onclick')
    print('------1------')
    print('widget.x() = %d' % widget.x())  # 視窗橫坐標
    print('widget.y() = %d' % widget.y())  # 視窗縱坐標
    print('widget.width() = %d' % widget.width())  # 作業區寬度
    print('widget.height() = %d' % widget.height())  # 作業去高度
    print('------2------')
    print('widget.geometry().x() = %d' % widget.geometry().x())  # 作業區橫坐標
    print('widget.geometry().y() = %d' % widget.geometry().y())  # 作業區縱坐標
    print('widget.geometry().width() = %d' % widget.geometry().width())  # 作業區寬度
    print('widget.geometry().height() = %d' % widget.geometry().height())  # 作業區高度
    print('------3------')
    print('widget.geometry().x() = %d' % widget.frameGeometry().x())  # 視窗橫坐標
    print('widget.geometry().y() = %d' % widget.frameGeometry().y())  # 視窗縱坐標
    print('widget.geometry().width() = %d' % widget.frameGeometry().width())  # 視窗寬度
    print('widget.geometry().height() = %d' % widget.frameGeometry().height())  # 視窗高度（包括標題欄）


if __name__ == '__main__':
    app = QApplication(sys.argv)
    # 使用Qwigit創建視窗
    widget = QWidget()
    # 在視窗放按鈕
    btn = QPushButton(widget)
    # 設定按鈕的文本
    btn.setText('按鈕')
    # 設定按鈕相對于視窗（作業區）的位置
    btn.move(10, 10)
    # 系結槽
    btn.clicked.connect(on_click_btn)
    # 設定作業區的尺寸
    widget.resize(300, 300)
    # 設定視窗的坐標（對于螢屏的位置）
    widget.move(200, 200)
    # 設定視窗標題欄文字
    widget.setWindowTitle('螢屏坐標系')
    # 顯示視窗
    widget.show()
    # 進入事件回圈
    sys.exit(app.exec_())

在這里插入圖片描述
視窗相對于坐標系的位置和尺寸，側面可以得到標題欄的高度是31px，

3.5 設定視窗和應用程式圖示
3.6 控制元件添加提示訊息
4. PyQt5中常用控制元件API的使用
4.1 QLabel控制元件的基本用法

QLabel 控制元件是用來顯示文本資訊的，QLabel 控制元件相關的方法如下：
setAlignment()：
4.2 QLabel與伙伴控制元件

轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/222126.html

標籤：python

上一篇：這是今天真正的大事：RCEP

下一篇：Python 漢字轉url 引數

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C＃(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • 【C++】Microsoft C++、C 和匯編程式檔案

    ......

    uj5u.com 2020-09-10 00:57:23 more
  • 例外宣告

    相比于斷言適用于排除邏輯上不可能存在的狀態，例外通常是用于邏輯上可能發生的錯誤。 例外宣告 Item 1：當函式不可能拋出例外或不能接受拋出例外時，使用noexcept 理由 如果不打算拋出例外的話，程式就會認為無法處理這種錯誤，并且應當盡早終止，如此可以有效地阻止例外的傳播與擴散。 示例 //不可 ......

    uj5u.com 2020-09-10 00:57:27 more
  • Codeforces 1400E Clear the Multiset(貪心 + 分治)

    鏈接：https://codeforces.com/problemset/problem/1400/E 來源：Codeforces 思路：給你一個陣列，現在你可以進行兩種操作，操作1：將一段沒有 0 的區間進行減一的操作，操作2：將 i 位置上的元素歸零。最終問：將這個陣列的全部元素歸零后操作的最少 ......

    uj5u.com 2020-09-10 00:57:30 more
  • UVA11610 【Reverse Prime】

    本人看到此題沒有翻譯，就附帶了一個自己的翻譯版本 思考 這一題，它的第一個要求是找出所有 $7$ 位反向質數及其質因數的個數。 我們應該需要質數篩篩選1~$10^{7}$的所有數，這里就不慢慢介紹了。但是，重讀題，我們突然發現反向質數都是 $7$ 位，而將它反過來后的數字卻是 $6$ 位數，這就說明 ......

    uj5u.com 2020-09-10 00:57:36 more
  • 統計區間素數數量

    1 #pragma GCC optimize(2) 2 #include <bits/stdc++.h> 3 using namespace std; 4 bool isprime[1000000010]; 5 vector<int> prime; 6 inline int getlist(int ......

    uj5u.com 2020-09-10 00:57:47 more
  • C/C++編程筆記：C++中的 const 變數詳解，教你正確認識const用法

    1、C中的const 1、區域const變數存放在堆疊區中，會分配記憶體（也就是說可以通過地址間接修改變數的值）。測驗代碼如下： 運行結果： 2、全域const變數存放在只讀資料段（不能通過地址修改，會發生寫入錯誤）， 默認為外部聯編，可以給其他源檔案使用（需要用extern關鍵字修飾） 運行結果： ......

    uj5u.com 2020-09-10 00:58:04 more
  • 【C++犯錯記錄】VS2019 MFC添加資源不懂如何修改資源宏ID

    1. 首先在資源視圖中，添加資源 2. 點擊新添加的資源，復制自動生成的ID 3. 在解決方案資源管理器中找到Resource.h檔案，編輯，使用整個專案搜索和替換的方式快速替換 宏宣告 4. Ctrl+Shift+F 全域搜索，點擊查找全部，然后逐個替換 5. 為什么使用搜索替換而不使用屬性視窗直 ......

    uj5u.com 2020-09-10 00:59:11 more
  • 【C++犯錯記錄】VS2019 MFC不懂的批量添加資源

    1. 打開資源頭檔案Resource.h，在其中預先定義好宏 ID（不清楚其實ID值應該設定多少，可以先新建一個相同的資源項，再在這個資源的ID值的基礎上遞增即可） 2. 在資源視圖中選中專案資源，按F7編輯資源檔案，按 ID 型別 相對路徑的形式添加 資源。（別忘了先把檔案拷貝到專案中的res檔案 ......

    uj5u.com 2020-09-10 01:00:19 more
  • C/C++編程筆記：關于C++的參考型別，專供新手入門使用

    今天要講的是C++中我最喜歡的一個用法——參考，也叫別名。 參考就是給一個變數名取一個變數名，方便我們間接地使用這個變數。我們可以給一個變數創建N個參考，這N + 1個變數共享了同一塊記憶體區域。(參考型別的變數會占用記憶體空間，占用的記憶體空間的大小和指標型別的大小是相同的。雖然參考是一個物件的別名，但 ......

    uj5u.com 2020-09-10 01:00:22 more
  • 【C/C++編程筆記】從頭開始學習C ++：初學者完整指南

    眾所周知，C ++的學習曲線陡峭，但是花時間學習這種語言將為您的職業帶來奇跡，并使您與其他開發人員區分開。您會更輕松地學習新語言，形成真正的解決問題的技能，并在編程的基礎上打下堅實的基礎。 C ++將幫助您養成良好的編程習慣（即清晰一致的編碼風格，在撰寫代碼時注釋代碼，并限制類內部的可見性），并且由 ......

    uj5u.com 2020-09-10 01:00:41 more
最新发布
  • Rust中的智能指標:Box<T> Rc<T> Arc<T> Cell<T> RefCell<T> Weak

    Rust中的智能指標是什么 智能指標（smart pointers）是一類資料結構，是擁有資料所有權和額外功能的指標。是指標的進一步發展 指標（pointer）是一個包含記憶體地址的變數的通用概念。這個地址參考，或 ” 指向”（points at）一些其 他資料 。參考以 & 符號為標志并借用了他們所 ......

    uj5u.com 2023-04-20 07:24:10 more
  • Java的值傳遞和參考傳遞

    值傳遞不會改變本身，參考傳遞（如果傳遞的值需要實體化到堆里）如果發生修改了會改變本身。 1.基本資料型別都是值傳遞 package com.example.basic; public class Test { public static void main(String[] args) { int ......

    uj5u.com 2023-04-20 07:24:04 more
  • [2]SpinalHDL教程——Scala簡單入門

    第一個 Scala 程式 shell里面輸入 $ scala scala> 1 + 1 res0: Int = 2 scala> println("Hello World!") Hello World! 檔案形式 object HelloWorld { /* 這是我的第一個 Scala 程式 * 以 ......

    uj5u.com 2023-04-20 07:23:58 more
  • 理解函式指標和回呼函式

    理解 函式指標 指向函式的指標。比如： 理解函式指標的偽代碼 void (*p)(int type, char *data); // 定義一個函式指標p void func(int type, char *data); // 宣告一個函式func p = func; // 將指標p指向函式func ......

    uj5u.com 2023-04-20 07:23:52 more
  • Django筆記二十五之資料庫函式之日期函式

    本文首發于公眾號：Hunter后端 原文鏈接：Django筆記二十五之資料庫函式之日期函式 日期函式主要介紹兩個大類，Extract() 和 Trunc() Extract() 函式作用是提取日期，比如我們可以提取一個日期欄位的年份，月份，日等資料 Trunc() 的作用則是截取，比如 2022-0 ......

    uj5u.com 2023-04-20 07:23:45 more
  • 一天吃透JVM面試八股文

    什么是JVM？ JVM，全稱Java Virtual Machine（Java虛擬機），是通過在實際的計算機上仿真模擬各種計算機功能來實作的。由一套位元組碼指令集、一組暫存器、一個堆疊、一個垃圾回收堆和一個存盤方法域等組成。JVM屏蔽了與作業系統平臺相關的資訊，使得Java程式只需要生成在Java虛擬機 ......

    uj5u.com 2023-04-20 07:23:31 more
  • 使用Java接入小程式訂閱訊息！

    更新完微信服務號的模板訊息之后，我又趕緊把微信小程式的訂閱訊息給實作了！之前我一直以為微信小程式也是要企業才能申請，沒想到小程式個人就能申請。 訊息推送平臺🔥推送下發【郵件】【短信】【微信服務號】【微信小程式】【企業微信】【釘釘】等訊息型別。 https://gitee.com/zhongfuch ......

    uj5u.com 2023-04-20 07:22:59 more
  • java -- 緩沖流、轉換流、序列化流

    緩沖流 緩沖流, 也叫高效流, 按照資料型別分類： 位元組緩沖流：BufferedInputStream，BufferedOutputStream 字符緩沖流：BufferedReader，BufferedWriter 緩沖流的基本原理，是在創建流物件時，會創建一個內置的默認大小的緩沖區陣列，通過緩沖 ......

    uj5u.com 2023-04-20 07:22:49 more
  • Java-SpringBoot-Range請求頭設定實作視頻分段傳輸

    老實說，人太懶了，現在基本都不喜歡寫筆記了，但是網上有關Range請求頭的文章都太水了 下面是抄的一段StackOverflow的代碼...自己大修改過的，寫的注釋挺全的，應該直接看得懂，就不解釋了 寫的不好...只是希望能給視頻網站開發的新手一點點幫助吧. 業務場景：視頻分段傳輸、視頻多段傳輸（理 ......

    uj5u.com 2023-04-20 07:22:42 more
  • Windows 10開發教程_編程入門自學教程_菜鳥教程-免費教程分享

    教程簡介 Windows 10開發入門教程 - 從簡單的步驟了解Windows 10開發，從基本到高級概念，包括簡介，UWP，第一個應用程式，商店，XAML控制元件，資料系結，XAML性能，自適應設計，自適應UI，自適應代碼，檔案管理，SQLite資料庫，應用程式到應用程式通信，應用程式本地化，應用程式 ......

    uj5u.com 2023-04-20 07:22:35 more

Copyright © 2010-2020 有解無憂