Python GUI編程之PyQt5入門到實戰-有解無憂

文章目錄

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 設定視窗和應用程式圖示

使用 setWindowIcon 方法來設定圖示，視窗的 setWindowIcon 方法用于設定視窗的圖示，只在 Windows 中可用，只能在標題欄左上角顯示圖示，QApplication 中的 setWindowIcon 方法可以用來設定主視窗的圖示和應用程式的圖示，但是如果主視窗已經設定了的圖示，這里只能用于設定應用程式的圖示，

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


class WinAndApplicationIcon(QMainWindow):
    def __init__(self):
        super(WinAndApplicationIcon, self).__init__()
        self.init_ui()

    def init_ui(self):
        # 設定主視窗的標題
        self.setWindowTitle('設定視窗圖示')
        # 同時設定主視窗的尺寸和位置
        self.setGeometry(400, 400, 300, 200)
        # 設定視窗圖示
        self.setWindowIcon(QIcon('../images/Basilisk.ico'))

if __name__ == '__main__':
    # 創建一個應用程式物件(傳入引數)
    app = QApplication(sys.argv)
    # 設定應用程式的圖示
    app.setWindowIcon(QIcon('../images/Dragon.ico'))  # 可以用來設定主視窗的圖示和應用程式的圖示，但是如果主視窗已經設定了的圖示，這里只能用于設定應用程式的圖示
    # 創建視窗類的物件
    main = WinAndApplicationIcon()
    # 顯示視窗
    main.show()
    # 呼叫exit()進入程式的主回圈
    sys.exit(app.exec_())

3.6 控制元件添加提示訊息

當滑鼠放在控制元件上的時候，可以顯示提示訊息，使用 setToolTip 方法設定的訊息內容支持富文本，

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


class ToolTip(QMainWindow):
    def __init__(self):
        super(ToolTip, self).__init__()
        self.init_ui()

    def init_ui(self):
        QToolTip.setFont(QFont('SansSerif', 12))
        self.setToolTip('你好,<b>Erics</b>')
        self.setGeometry(300, 300, 300, 150)
        self.setWindowTitle('設定控制元件提示訊息')

        self.button1 = QPushButton('按鈕')
        self.button1.setToolTip('這是一個按鈕！')
        layout = QHBoxLayout()
        layout.addWidget(self.button1)
        main_frame = QWidget()
        main_frame.setLayout(layout)
        self.setCentralWidget(main_frame)


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

在這里插入圖片描述

4. PyQt5中常用控制元件API的使用

4.1 QLabel控制元件的基本用法

QLabel 控制元件是用來顯示文本資訊的，QLabel 控制元件相關的方法如下：

方法名	說明
setAlignment()	設定文本的對齊方式
setIndent()	設定文本縮進
text()	獲取文本內容
setBuddy()	設定伙伴關系
setText()	設定文本內容
selectedText()	回傳所選的字符
setWordWrap()	設定是否允許換行

QLabel 控制元件常用的信號（事件）

信號	說明
linkHoverd	當滑鼠滑過QLabel控制元件時觸發
linkActivated	當滑鼠單擊QLabel控制元件時觸發

"""
@from：https://pythoneers.cn
@author: qq3330447288
@contact: erics1996@yeah.net
@software: PyCharm
@file: QLabelDemo.py
@time: 2020/11/17 下午5:56
"""
import sys
from PyQt5.QtGui import QPalette, QPixmap
from PyQt5.QtCore import Qt
from PyQt5.QtWidgets import QWidget, QLabel, QVBoxLayout, QApplication

class QLabelDemo(QWidget):
    def __init__(self):
        super().__init__()
        # 初始化視窗界面
        self.init_ui()

    def init_ui(self):
        # 創建4個QLabel控制元件
        label1 = QLabel(self)
        label2 = QLabel(self)
        label3 = QLabel(self)
        label4 = QLabel(self)
        # 設定label1文本(支持html標簽)
        label1.setText('<font color="orange">這是一個文本標簽</font>')
        # 創建調色板
        palette = QPalette()
        palette.setColor(QPalette.Window, Qt.blue)  # 設定控制元件的背景色
        # 設定label1使用創建的調色板（設定label1控制元件的背景色）
        label1.setPalette(palette)
        # 設定label1自動填充背景
        label1.setAutoFillBackground(True)
        # 設定label1居中對齊
        label1.setAlignment(Qt.AlignCenter)

        # 設定label2的文本
        label2.setText('<a href="#">歡迎你使用Python GUI程式！</a>')  # 跳轉網頁或者是點擊事件
        # 設定label2文本居中
        label3.setAlignment(Qt.AlignCenter)
        # 設定提示資訊
        label3.setToolTip('這是一個圖片標簽！')
        # 設定標簽下顯示圖片
        label3.setPixmap(QPixmap('../images/python.jpg'))

        # 設定label4的文本
        label4.setText('<a href="https://pythoneers.cn">感謝您訪問我的網站！</a>')
        # 屏蔽事件（點擊之后打開網頁，而不是觸發事件）
        label4.setOpenExternalLinks(True)  # False是回應事件
        # 設定label4右對齊
        label4.setAlignment(Qt.AlignRight)
        # 設定提示資訊
        label4.setToolTip('這是一個超鏈接！')

        # 創建垂直布局物件
        vbox = QVBoxLayout()
        # 將label1、label2、label2、label3控制元件添加到布局中
        vbox.addWidget(label1)
        vbox.addWidget(label2)
        vbox.addWidget(label3)
        vbox.addWidget(label4)

        # 滑過label2標簽的信號系結到槽(函式)
        label2.linkHovered.connect(self.linkHovered)
        # 點擊label4標簽的信號系結槽(函式)
        label4.linkActivated.connect(self.linkClicked)
        # 設定視窗的布局
        self.setLayout(vbox)
        # 設定視窗標題
        self.setWindowTitle('QLabel控制元件演示')

    def linkHovered(self):
        """
        當滑鼠劃過標簽label2時觸發事件
        :return:
        """
        print('當滑鼠劃過標簽label2時觸發事件')

    def linkClicked(self):
        """
        當滑鼠單擊標簽label4時觸發事件
        :return:
        """
        print('當滑鼠單擊標簽label4時觸發事件')

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

4.2 QLabel與伙伴控制元件

這里使用代碼設定伙伴控制元件如下：

QLabelBuddy.py：

"""
@from：https://pythoneers.cn
@author: qq3330447288
@contact: erics1996@yeah.net
@software: PyCharm
@file: QLabelBuddy.py
@time: 2020/11/17 下午6:26
"""
import sys
from PyQt5.QtWidgets import QDialog, QLabel, QLineEdit, QPushButton, QGridLayout, QApplication

class QLabelBuddy(QDialog):
    def __init__(self):
        super().__init__()
        # 初始化實體的時候執行
        self.init_ui()

    def init_ui(self):
        # 設定視窗標題欄文本
        self.setWindowTitle('QLabel與伙伴控制元件')
        # 創建QLabel控制元件
        nameQLabel = QLabel('&Name', self)
        # 創建QLineEdit控制元件
        nameQLineEdit = QLineEdit(self)
        # 設定伙伴控制元件
        nameQLabel.setBuddy(nameQLineEdit)
        # 創建QLabel控制元件
        passwordQLabel = QLabel('&Pwd', self)
        # 創建QLineEdit控制元件
        passwordQLineEdit = QLineEdit(self)
        # 設定伙伴控制元件
        passwordQLabel.setBuddy(passwordQLineEdit)
        ok_btn = QPushButton('&OK')
        cancel_btn = QPushButton('&Cancel')
        # 創建柵格布局
        mainLayout = QGridLayout(self)
        # 將nameQLabel添加到柵格布局中
        mainLayout.addWidget(nameQLabel, 0, 0)
        # 將nameQLineEdit添加到柵格布局中
        mainLayout.addWidget(nameQLineEdit, 0, 1, 1, 2)
        # 將passwordQLabel添加到柵格布局中
        mainLayout.addWidget(passwordQLabel, 1, 0)
        # 將passwordQLineEdit添加到柵格布局中
        mainLayout.addWidget(passwordQLineEdit, 1, 1, 1, 2)
        # 將ok_btn添加到布局中
        mainLayout.addWidget(ok_btn, 2, 1)
        # 將cancel_btn添加到布局中
        mainLayout.addWidget(cancel_btn, 2, 2)
        """
        行索引rowIndex和列索引columnIndex是控制元件在柵格布局中位置，占用的行數row和占用的列數column是控制元件的尺寸
        mainLayout.addWidget(控制元件物件, 行索引rowIndex, 列索引columnIndex, 占用的行數row, 占用的列數column)
        """

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

在這里插入圖片描述

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

標籤：區塊鏈

上一篇：北京香山一日游歸來

下一篇：Python 漢字轉url 引數