摘要:自定義控件有豐富的組件,但是肯定滿足不了所有開發者的所有需求,只提供了基本的組件,像按鈕,文本,滑塊等。自定義組件使用繪畫工具創建,有兩個基本方式根據已有的創建或改進通過自己繪圖創建。這個方法內部,我們自定義了一個可以傳參的信號。
自定義控件
PyQt5有豐富的組件,但是肯定滿足不了所有開發者的所有需求,PyQt5只提供了基本的組件,像按鈕,文本,滑塊等。如果你還需要其他的模塊,應該嘗試自己去自定義一些。
自定義組件使用繪畫工具創建,有兩個基本方式:根據已有的創建或改進;通過自己繪圖創建。
Burning widget這個組件我們會在Nero,K3B,或者其他CD/DVD燒錄軟件中見到。
#!/usr/bin/python3 # -*- coding: utf-8 -*- """ ZetCode PyQt5 tutorial 歡迎加入我的QQ群`923 414 804`與我一起學習 In this example, we create a custom widget. Author: Jan Bodnar Website: zetcode.com Last edited: August 2017 """ from PyQt5.QtWidgets import (QWidget, QSlider, QApplication, QHBoxLayout, QVBoxLayout) from PyQt5.QtCore import QObject, Qt, pyqtSignal from PyQt5.QtGui import QPainter, QFont, QColor, QPen import sys class Communicate(QObject): updateBW = pyqtSignal(int) class BurningWidget(QWidget): def __init__(self): super().__init__() self.initUI() def initUI(self): self.setMinimumSize(1, 30) self.value = 75 self.num = [75, 150, 225, 300, 375, 450, 525, 600, 675] def setValue(self, value): self.value = value def paintEvent(self, e): qp = QPainter() qp.begin(self) self.drawWidget(qp) qp.end() def drawWidget(self, qp): MAX_CAPACITY = 700 OVER_CAPACITY = 750 font = QFont("Serif", 7, QFont.Light) qp.setFont(font) size = self.size() w = size.width() h = size.height() step = int(round(w / 10)) till = int(((w / OVER_CAPACITY) * self.value)) full = int(((w / OVER_CAPACITY) * MAX_CAPACITY)) if self.value >= MAX_CAPACITY: qp.setPen(QColor(255, 255, 255)) qp.setBrush(QColor(255, 255, 184)) qp.drawRect(0, 0, full, h) qp.setPen(QColor(255, 175, 175)) qp.setBrush(QColor(255, 175, 175)) qp.drawRect(full, 0, till-full, h) else: qp.setPen(QColor(255, 255, 255)) qp.setBrush(QColor(255, 255, 184)) qp.drawRect(0, 0, till, h) pen = QPen(QColor(20, 20, 20), 1, Qt.SolidLine) qp.setPen(pen) qp.setBrush(Qt.NoBrush) qp.drawRect(0, 0, w-1, h-1) j = 0 for i in range(step, 10*step, step): qp.drawLine(i, 0, i, 5) metrics = qp.fontMetrics() fw = metrics.width(str(self.num[j])) qp.drawText(i-fw/2, h/2, str(self.num[j])) j = j + 1 class Example(QWidget): def __init__(self): super().__init__() self.initUI() def initUI(self): OVER_CAPACITY = 750 sld = QSlider(Qt.Horizontal, self) sld.setFocusPolicy(Qt.NoFocus) sld.setRange(1, OVER_CAPACITY) sld.setValue(75) sld.setGeometry(30, 40, 150, 30) self.c = Communicate() self.wid = BurningWidget() self.c.updateBW[int].connect(self.wid.setValue) sld.valueChanged[int].connect(self.changeValue) hbox = QHBoxLayout() hbox.addWidget(self.wid) vbox = QVBoxLayout() vbox.addStretch(1) vbox.addLayout(hbox) self.setLayout(vbox) self.setGeometry(300, 300, 390, 210) self.setWindowTitle("Burning widget") self.show() def changeValue(self, value): self.c.updateBW.emit(value) self.wid.repaint() if __name__ == "__main__": app = QApplication(sys.argv) ex = Example() sys.exit(app.exec_())
本例中,我們使用了QSlider和一個自定義組件,由進度條控制。顯示的有物體(也就是CD/DVD)的總容量和剩余容量。進度條的范圍是1~750。如果值達到了700(OVER_CAPACITY),就顯示為紅色,代表了燒毀了的意思。
燒錄組件在窗口的底部,這個組件是用QHBoxLayout和QVBoxLayout組成的。
class BurningWidget(QWidget): def __init__(self): super().__init__()
基于QWidget組件。
self.setMinimumSize(1, 30)
修改組件進度條的高度,默認的有點小。
font = QFont("Serif", 7, QFont.Light) qp.setFont(font)
使用比默認更小一點的字體,這樣更配。
size = self.size() w = size.width() h = size.height() step = int(round(w / 10.0)) till = int(((w / 750.0) * self.value)) full = int(((w / 750.0) * 700))
動態的渲染組件,隨著窗口的大小而變化,這就是我們計算窗口大小的原因。最后一個參數決定了組件的最大范圍,進度條的值是由窗口大小按比例計算出來的。最大值的地方填充的是紅色。注意這里使用的是浮點數,能提高計算和渲染的精度。
繪畫由三部分組成,黃色或紅色區域和黃色矩形,然后是分割線,最后是添上代表容量的數字。
metrics = qp.fontMetrics() fw = metrics.width(str(self.num[j])) qp.drawText(i-fw/2, h/2, str(self.num[j]))
這里使用字體去渲染文本。必須要知道文本的寬度,這樣才能讓文本的中間點正好落在豎線上。
def changeValue(self, value): self.c.updateBW.emit(value) self.wid.repaint()
拖動滑塊的時候,調用了changeValue()方法。這個方法內部,我們自定義了一個可以傳參的updateBW信號。參數就是滑塊的當前位置。這個數值之后還用來于Burning組件,然后重新渲染Burning組件。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/42999.html
摘要:控件是一個用戶界面的基本控件,它提供了基本的應用構造器。默認情況下,構造器是沒有父級的,沒有父級的構造器被稱為窗口。這就意味著,我們調用了兩個構造器,一個是這個類本身的,一個是這個類繼承的。構造器方法返回父級的對象。 本章學習Qt的基本功能 例1,簡單的窗口 這個簡單的小例子展示的是一個小窗口。但是我們可以在這個小窗口上面做很多事情,改變大小,最大化,最小化等,這需要很多代碼才能實現。...
摘要:歡迎加群與我一起學習創建一個對象,接收一個文件作為參數。三個窗口和兩個分割線的布局創建完成了,但是要注意,有些主題下,分割線的顯示效果不太好。本例包含了一個和一個。 控件2 本章我們繼續介紹PyQt5控件。這次的有QPixmap,QLineEdit,QSplitter,和QComboBox。 圖片 QPixmap是處理圖片的組件。本例中,我們使用QPixmap在窗口里顯示一張圖片。 #...
摘要:首先,定義自定義信號其中來自于信號會攜帶兩個字符串類型的數據。然后,在子窗口發射這個信號最終,在父窗口槽函數接受這個信號就是槽函數,用來接受信號 工具準備 編輯器: vscode OR Pycharm vscode需要安裝PYQT Integration 以及 Python 插件, Pycharm需要配置External Tools pycharm配置External Tools 配置...
閱讀 3043·2021-11-25 09:43
閱讀 1626·2021-11-24 11:15
閱讀 2359·2021-11-22 15:25
閱讀 3501·2021-11-11 16:55
閱讀 3240·2021-11-04 16:10
閱讀 2773·2021-09-14 18:02
閱讀 1685·2021-09-10 10:50
閱讀 1070·2019-08-29 15:39