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

Python GUI編程之PyQt5入門到實戰

2020-11-17 15:54:47 移動端開發

文章目錄

          • 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/yidong/222135.html

標籤：其他

上一篇：ES6理解進階【大前端高薪訓練營】

下一篇：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)

熱門瀏覽
  • 【從零開始擼一個App】Dagger2

    Dagger2是一個IOC框架，一般用于Android平臺，第一次接觸的朋友，一定會被搞得暈頭轉向。它延續了Java平臺Spring框架代碼碎片化，注解滿天飛的傳統。嘗試將各處代碼片段串聯起來，理清思緒，真不是件容易的事。更不用說還有各版本細微的差別。 與Spring不同的是，Spring是通過反射 ......

    uj5u.com 2020-09-10 06:57:59 more
  • Flutter Weekly Issue 66

    新聞 Flutter 季度調研結果分享 教程 Flutter+FaaS一體化任務編排的思考與設計 詳解Dart中如何通過注解生成代碼 GitHub 用對了嗎？Flutter 團隊分享如何管理大型開源專案 插件 flutter-bubble-tab-indicator A Flutter librar ......

    uj5u.com 2020-09-10 06:58:52 more
  • Proguard 常用規則

    介紹 Proguard 入口，如何查看輸出，如何使用 keep 設定入口以及使用實體，如何配置壓縮，混淆，校驗等規則。

    ......

    uj5u.com 2020-09-10 06:59:00 more
  • Android 開發技術周報 Issue#292

    新聞 Android即將獲得類AirDrop功能：可向附近設備快速分享檔案 谷歌為安卓檔案管理應用引入可安全隱藏資料的Safe Folder功能 Android TV新主界面將顯示電影、電視節目和應用推薦內容 泄露的Android檔案暗示了傳說中的谷歌Pixel 5a與折疊屏新機 谷歌發布Andro ......

    uj5u.com 2020-09-10 07:00:37 more
  • AutoFitTextureView Error inflating class

    報錯： Binary XML file line #0: Binary XML file line #0: Error inflating class xxx.AutoFitTextureView 解決： <com.example.testy2.AutoFitTextureView android: ......

    uj5u.com 2020-09-10 07:00:41 more
  • 根據Uri，Cursor沒有獲取到對應的屬性

    Android： 背景：呼叫攝像頭，拍攝視頻，指定保存的地址，但是回傳的Cursor檔案，只有名稱和大小的屬性，沒有其他諸如時長，連ID屬性都沒有 使用 cursor.getInt(cursor.getColumnIndexOrThrow(MediaStore.Video.Media.DURATIO ......

    uj5u.com 2020-09-10 07:00:44 more
  • Android連載29-持久化技術

    一、持久化技術 我們平時所使用的APP產生的資料，在記憶體中都是瞬時的，會隨著斷電、關機等丟失資料，因此android系統采用了持久化技術，用于存盤這些“瞬時”資料 持久化技術包括：檔案存盤、SharedPreference存盤以及資料庫存盤，還有更復雜的SD卡記憶體儲。 二、檔案存盤 最基本存盤方式， ......

    uj5u.com 2020-09-10 07:00:47 more
  • Android Camera2Video整合到自己專案里

    背景： Android專案里呼叫攝像頭拍攝視頻，原本使用的 MediaStore.ACTION_VIDEO_CAPTURE， 后來因專案需要，改成了camera2 1.Camera2Video 官方demo有點問題，下載后，不能直接整合到專案 問題1.多次拍攝視頻崩潰 問題2.雙擊record按鈕， ......

    uj5u.com 2020-09-10 07:00:50 more
  • Android 開發技術周報 Issue#293

    新聞 谷歌為Android TV開發者提供多種新功能 Android 11將自動填表功能整合到鍵盤輸入建議中 谷歌宣布Android Auto即將支持更多的導航和數字停車應用 谷歌Pixel 5只有XL版本 搭載驍龍765G且將比Pixel 4更便宜 [圖]Wear OS將迎來重磅更新：應用啟動時間 ......

    uj5u.com 2020-09-10 07:01:38 more
  • 海豚星空掃碼投屏 Android 接收端 SDK 集成 六步驟

    掃碼投屏，開放網路，獨占設備，不需要額外下載軟體，微信掃碼，發現設備。支持標準DLNA協議，支持倍速播放。視頻，音頻，圖片投屏。好點意思。還支持自定義基于 DLNA 擴展的操作動作。好像要收費，沒體驗。 這里簡單記錄一下集成程序。 一 跟目錄的build.gradle添加私有mevan倉庫 mave ......

    uj5u.com 2020-09-10 07:01:43 more
最新发布
  • 歡迎頁輪播影片

    如圖，引導開始，球從上落下，同時淡入文字，然后文字開始輪播，最后一頁時停止，點擊進入首頁。 在來看看效果圖。 重力球先不講，主要歡迎輪播簡單實作 首先新建一個類 TextTranslationXGuideView，用于影片展示 文本是類似的，最后會有個圖片箭頭影片，布局很簡單，就是一個 TextVi ......

    uj5u.com 2023-04-20 08:40:31 more
  • 【FAQ】關于華為推送服務因營銷訊息頻次管控導致服務通訊類訊息

    一． 問題描述 使用華為推送服務下發IM訊息時，下發訊息請求成功且code碼為80000000，但是手機總是收不到訊息； 在華為推送自助分析（Beta）平臺查看發現，訊息發送觸發了頻控。 二． 問題原因及背景 2023年1月05日起，華為推送服務對咨詢營銷類訊息做了單個設備每日推送數量上限管理，具體 ......

    uj5u.com 2023-04-20 08:40:11 more
  • 歡迎頁輪播影片

    如圖，引導開始，球從上落下，同時淡入文字，然后文字開始輪播，最后一頁時停止，點擊進入首頁。 在來看看效果圖。 重力球先不講，主要歡迎輪播簡單實作 首先新建一個類 TextTranslationXGuideView，用于影片展示 文本是類似的，最后會有個圖片箭頭影片，布局很簡單，就是一個 TextVi ......

    uj5u.com 2023-04-20 08:39:36 more
  • 【FAQ】關于華為推送服務因營銷訊息頻次管控導致服務通訊類訊息

    一． 問題描述 使用華為推送服務下發IM訊息時，下發訊息請求成功且code碼為80000000，但是手機總是收不到訊息； 在華為推送自助分析（Beta）平臺查看發現，訊息發送觸發了頻控。 二． 問題原因及背景 2023年1月05日起，華為推送服務對咨詢營銷類訊息做了單個設備每日推送數量上限管理，具體 ......

    uj5u.com 2023-04-20 08:39:13 more
  • iOS從UI記憶體地址到讀取成員變數（oc/swift）

    開發除錯時，我們發現bug時常首先是從UI顯示發現例外，下一步才會去定位UI相關連的資料的。XCode有給我們提供一系列debug工具，但是很多人可能還沒有形成一套穩定的除錯流程，因此本文嘗試解決這個問題，順便提出一個暴論：UI顯示例外問題只需要兩個步驟就能完成定位作業的80%： 定位例外 UI 組 ......

    uj5u.com 2023-04-19 09:16:23 more
  • FIDE重磅更新！性能飛躍！體驗有禮！

    FIDE 開發者工具重構升級啦！實作500%性能提升，誠邀體驗！ 一直以來不少開發者朋友在社區反饋，在使用 FIDE 工具的程序中，時常會遇到諸如加載不及時、代碼預覽/渲染性能不如意的情況，十分影響開發體驗。 作為技術團隊，我們深知一件趁手的開發工具對開發者的重要性，因此，在2023年開年，FinC ......

    uj5u.com 2023-04-19 09:16:15 more
  • 游戲內嵌社區服務開放，助力開發者提升玩家互動與留存

    華為 HMS Core 游戲內嵌社區服務提供快速訪問華為游戲中心論壇能力，支持玩家直接在游戲內瀏覽帖子和交流互動，助力開發者擴展內容生產和觸達的場景。 一、為什么要游戲內嵌社區？ 二、游戲內嵌社區的典型使用場景 1、游戲內打開論壇 您可以在游戲內繪制論壇入口，為玩家提供沉浸式發帖、瀏覽、點贊、回帖、 ......

    uj5u.com 2023-04-19 09:15:46 more
  • iOS從UI記憶體地址到讀取成員變數（oc/swift）

    開發除錯時，我們發現bug時常首先是從UI顯示發現例外，下一步才會去定位UI相關連的資料的。XCode有給我們提供一系列debug工具，但是很多人可能還沒有形成一套穩定的除錯流程，因此本文嘗試解決這個問題，順便提出一個暴論：UI顯示例外問題只需要兩個步驟就能完成定位作業的80%： 定位例外 UI 組 ......

    uj5u.com 2023-04-19 09:14:53 more
  • FIDE重磅更新！性能飛躍！體驗有禮！

    FIDE 開發者工具重構升級啦！實作500%性能提升，誠邀體驗！ 一直以來不少開發者朋友在社區反饋，在使用 FIDE 工具的程序中，時常會遇到諸如加載不及時、代碼預覽/渲染性能不如意的情況，十分影響開發體驗。 作為技術團隊，我們深知一件趁手的開發工具對開發者的重要性，因此，在2023年開年，FinC ......

    uj5u.com 2023-04-19 09:14:08 more
  • 游戲內嵌社區服務開放，助力開發者提升玩家互動與留存

    華為 HMS Core 游戲內嵌社區服務提供快速訪問華為游戲中心論壇能力，支持玩家直接在游戲內瀏覽帖子和交流互動，助力開發者擴展內容生產和觸達的場景。 一、為什么要游戲內嵌社區？ 二、游戲內嵌社區的典型使用場景 1、游戲內打開論壇 您可以在游戲內繪制論壇入口，為玩家提供沉浸式發帖、瀏覽、點贊、回帖、 ......

    uj5u.com 2023-04-19 09:08:34 more

Copyright © 2010-2020 有解無憂