python GUI庫圖形界面開發之PyQt5 Qt Designer工具怎么用

這篇文章給大家分享的是有關python GUI庫圖形界面開發之PyQt5 Qt Designer工具怎么用的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

PyQt5 Qt Designer (Qt設計師)

PyQt5是對Qt所有類進行封裝, Qt能開發的東西, PyQt都能開發.

Qt是強大的GUI庫之一, 用C++開發, 并且跨平臺.

PyQt雙許可證, 要么選擇GPL(自由軟件協議)將代碼開源, 要么選擇商業許可交商業許可費.

PySide擁有LGPL 2.1授權許可, 可開發 免費開源軟件 和 私有商業軟件. 把PyQt5代碼切換到PySide2代碼是相當容易的, 這也是為什么選擇學習PyQt5的原因

準備工作

1. 安裝PyQt5: pip install pyqt5

2. 安裝Qt工具: pip install pyqt5-tools

3. 配置Qt工具系統環境變量: Path=C:\Code\Python_Vir\python1\Lib\site-packages\pyqt5_tools

Qt Designer (Qt設計師)

強大的可視化GUI設計工具, 幫助我們快速開發PyQt.

它生成UI界面為.ui文件, 通過命令將.ui轉為.py文件.

1.啟動Qt Designer

執行命令designer, 便會彈出以下界面

最常用的就是創建 Widget(通用窗口) 和 MainWindow(主窗口), 這里我們創建一個 MainWindow.

下面簡單介紹下主要功能:

文件保存為xxx.ui文件, 可以用文本及編輯打開編輯, 其數據是XML格式的.

2.將xxx.ui文件轉為xxx.py文件

通過以下命令行執行, 即可生成 designer_demo.py 文件

pyuic5 -o designer_demo.py designer_demo.ui

3.運行布局文件

導入并繼承它

from designer_demo import Ui_MainWindow
class MyDesiger(QMainWindow, Ui_MainWindow):

編寫以下代碼, 放在designer_demo.py同文件夾下, 運行即可

import sys
from PyQt5.QtWidgets import QMainWindow, QApplication
from designer_demo import Ui_MainWindow


class MyDesiger(QMainWindow, Ui_MainWindow):
  def __init__(self, parent=None):
    super(MyDesiger, self).__init__(parent)
    self.setupUi(self)

if __name__ == "__main__":
  app = QApplication(sys.argv)
  ui = MyDesiger()
  ui.show()
  sys.exit(app.exec_())

控件箱簡介

Layouts 布局 (選中控件 -> Lay out(右鍵) -> 選擇布局)

• Vertical Layout: 垂直布局

• Horizontal Layout: 水平布局

• Grid Layout: 網格布局 (劃分為 行 和 列)

• Form Layout: 表單布局 (左列標簽, 右列控件)

Containers 容器

• Group Box

• Scroll Area

• Tool Box

• Tab Widge

• Stacked Widget

• Frame: 幀容器, 可放入布局 / 控件等

• Widget: 窗口容器

• MDI Area

• Dock Widget

Item Widgets 條目控件

• List Widget: 列表條目

• Tree Widget: 樹形條目

• Table Widget: 標簽頁條目

Spacers 間隔(透明)

• Horizontal Spacer: 水平間隔

• Vertical Spacer: 垂直間隔

Buttons 按鈕

• Push Button: 按鈕

• Tool Button: 工具箱按鈕 (…)

• Radio Button: 單選框

• Check Box: 多選框

• Command Link Button:

• Dialog Button Box: Dialog 按鈕 (ok | cancel)

Input Widgets 輸入控件

• Combo Box: 下拉框

• Font Combo Box: 字體下拉框

• Line Edit: 行文本編輯框

• Text Edit: 文本編輯框

• Plain Text Edit: 文本編輯框

• Spin Box: 選擇整數值

• Double Spin Box: 選擇浮點數值

• Time Edit: 時間選擇框

• Data Edit: 日期選擇框

• Data/Time Edit: 日期 時間 選擇框

• Dial: 圓形滾動表盤

• Horizontal Scroll Bar: 水平滾動條

• Vertical Scroll Bar: 垂直滾動條

• Horizontal Slider: 水平拖動條

• Vertical Slider: 垂直拖動條

• Key Sequence Edit: 按鍵編輯框

Display Widgets 顯示控件

• Label: 標簽 (顯示文字 / 圖片等)

• Text Browser: 文本瀏覽(不可編輯)

• Graphics View: 繪畫

• Calendar Widget: 日歷

• LCD Number: LCD數字顯示屏

• Progress Bar: 進度條

• Horizontal Line: 水平線

• Vertical Line: 垂直線

• OpenGL Widget: OpenGl

控件屬性簡介

objectName: 控件對象名

geometry: 相對坐標(px) x,y,width,height

sizePolicy: 控件大小策略

• Fixed: 控件有 sizeHint 尺寸且尺寸不變

• Minimum: 控件有 sizeHint 最小尺寸, 尺寸可變大

• Maximum: 控件有 sizeHint 最大尺寸, 尺寸可變小

• Preferred: 控件有 sizeHint 期望尺寸, 有minisizeHint最小尺寸, 尺寸可變大

• Expanding: 控件有 minisizeHint 最小尺寸, 希望更大尺寸

• MinimumExpanding: 控件有 sizeHint 最小尺寸, 希望更大磁村

• Ignored: 無視 sizeHint 和 minisizeHint, 按默認設置

minimumSize: 最小尺寸

maximumSize: 最大尺寸 (固定尺寸: minimumSize=maximumSize)

font: 字體

cursor: 光標

windowTitle: 窗口標題

WindowsIcon: 窗口圖標

iconSize: 圖標大小

toolTip: 提示泡提示信息

statusTip: 狀態欄提示信息

text: 控件文本

shortcut: 快捷鍵

horizontalSpacer: 水平間距

信號(signal)和槽(slot)

PyQt5處理事件有個signal and slot機制, 事件觸發產生信號(signal), 當信號發送(emit())時, 連接的槽(slot)便會執行.

信號與槽的連接

sender.signal.connect(receiver.slot)

# 例子
btn.clicked.connect(self.buttonClicked)

快速連接伙伴 (信號槽)

按F4選擇 Edit Signal/Slot 模式 -> 鼠標按住控件1拖拽到控件2上松開 -> 彈出對話框, 選擇兩邊連接事件 -> ok -> 按F3切換回 Edit Widgets 模式

演示:

菜單欄

菜單欄通過雙擊 Type Here 添加一級菜單(File), 點開一級菜單雙擊 Type Here 添加動作(New File), 若點了后面的+, 并添加動作(Text File), 則動作(New File)將變成子菜單.

并且我們可以在 動作編輯器 里修改 菜單里的動作

加載資源文件

1.加載資源

2.使用資源

把Label控件拖到窗口上 -> 屬性設置pixmap

3.編譯成可執行代碼

除了需要把.ui文件轉成.py文件外, 還需要把.qrc文件轉成.py文件

pyrcc5 app.qrc -o app.py

代碼處理

import app
self.label.setPixmap(QtGui.QPixmap(":/pic/designer1.png"))

感謝各位的閱讀！關于“python GUI庫圖形界面開發之PyQt5 Qt Designer工具怎么用”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！