python GUI庫圖形介面開發之PyQt5視窗背景與不規則視窗例項
阿新 • • 發佈:2020-02-26
視窗背景主要包括,背景色與背景圖片,設定視窗背景有三種方法
- 使用QSS設定視窗背景
- 使用QPalette設定視窗背景
- 實現PainEvent,使用QPainter繪製背景
QSS設定視窗背景
在QSS中,我們可以使用Background或者background-color的方式來設定背景色,設定視窗背景色之後,子控制元件預設會繼承父視窗的背景色,如果想要為控制元件設定背景圖片或圖示,則可以使用setPixmap或則setIcon來完成。關於這兩個函式的用法,可以參考本部落格下的PyQt5的基礎控制元件分欄
例項:QSS設定視窗背景
import sys from PyQt5.QtWidgets import QMainWindow,QApplication app = QApplication(sys.argv) win = QMainWindow() #設定視窗標題與初始大小 win.setWindowTitle("介面背景圖片設定") win.resize(350,250) #設定物件名稱 win.setObjectName("MainWindow") # #todo 1 設定視窗背景圖片 win.setStyleSheet("#MainWindow{border-image:url(./images/python.jpg);}") #todo 2 設定視窗背景色 #win.setStyleSheet("#MainWindow{background-color: yellow}") win.show() sys.exit(app.exec_())
執行效果圖如下
核心程式碼如下
#設定物件名稱 win.setObjectName("MainWindow") # #todo 1 設定視窗背景圖片 win.setStyleSheet("#MainWindow{border-image:url(./images/python.jpg);}")
優化 使用setStyleSheet()設定視窗背景色,核心程式碼和效果圖如下
#todo 2 設定視窗背景色 win.setStyleSheet("#MainWindow{background-color: yellow}")
QPalette設定視窗背景
當使用QPalette(除錯板)來設定背景圖片時,需要考慮背景圖片的尺寸
圖片尺寸可以檔案管理器開啟,右鍵屬性檢視
當背景圖片的寬度高度大於視窗的寬度高度時,背景圖片會平鋪整個背景
當背景圖片寬度高度小於視窗的寬度高度時,則會載入多個背景圖片
例項:QPalette設定視窗背景
import sys from PyQt5.QtWidgets import QMainWindow,QApplication from PyQt5.QtGui import QPalette,QBrush,QPixmap app = QApplication(sys.argv) win = QMainWindow() win.setWindowTitle("介面背景圖片設定") palette = QPalette() palette.setBrush(QPalette.Background,QBrush(QPixmap("./images/python.jpg"))) win.setPalette(palette) # todo 1 當背景圖片的寬度和高度大於視窗的寬度和高度時 win.resize(460,255 ) # # # todo 2 當背景圖片的寬度和高度小於視窗的寬度和高度時 # win.resize(800,600) win.show() sys.exit(app.exec_())
當背景圖片的寬度高度大於視窗的寬度高度時,背景圖片會平鋪整個背景
當背景圖片寬度高度小於視窗的寬度高度時,則會載入多個背景圖片
核心程式碼如下
win.setWindowTitle("介面背景圖片設定") palette = QPalette() palette.setBrush(QPalette.Background,600)
PaintEvent設定視窗背景
import sys from PyQt5.QtWidgets import QApplication,QWidget from PyQt5.QtGui import QPainter,QPixmap from PyQt5.QtCore import Qt class Winform(QWidget): def __init__(self,parent=None): super(Winform,self).__init__(parent) self.setWindowTitle("paintEvent設定背景顏色") def paintEvent(self,event): painter = QPainter(self) #todo 1 設定背景顏色 painter.setBrush(Qt.green) painter.drawRect(self.rect()) # #todo 2 設定背景圖片,平鋪到整個視窗,隨著視窗改變而改變 # pixmap = QPixmap("./images/screen1.jpg") # painter.drawPixmap(self.rect(),pixmap) if __name__ == "__main__": app = QApplication(sys.argv) form = Winform() form.show() sys.exit(app.exec_())
核心程式碼:使用paintEvent設定視窗的背景色
class Winform(QWidget): def __init__(self,event): painter = QPainter(self) #todo 1 設定背景顏色 painter.setBrush(Qt.green) painter.drawRect(self.rect())
效果如圖
核心程式碼:設定視窗背景圖片
# #todo 2 設定背景圖片,平鋪到整個視窗,隨著視窗改變而改變 pixmap = QPixmap("./images/screen1.jpg") painter.drawPixmap(self.rect(),pixmap)
QWidget類中比較重要的繪圖函式如表所示
函式 | 描述 |
---|---|
setMask(self,QBitmap)setMask(self,QRegion) | setMask()的作用是為呼叫它的控制元件增加一個遮罩,遮住所選區域以外的部分,使之看起來是透明的,它的引數可以為QBitmap或QRegion物件,此處呼叫QPixmap的mask()函式獲得圖片自身的遮罩,是一個QBitmap物件,在例項中使用的是PNG格式的圖片,它的透明部分就是一個遮罩 |
paintEvent(self,QPaintEvent) | 通過過載paintEvent()函式繪製視窗背景 |
不規則視窗例項 1
實現不規則視窗的最簡單方式就是圖片素材不僅當遮罩層,還當背景圖片,通過過載paintEvent()函式繪製視窗背景
import sys from PyQt5.QtWidgets import QApplication,QWidget from PyQt5.QtGui import QPixmap,QPainter,QBitmap class MyForm(QWidget): def __init__(self,parent=None): super(MyForm,self).__init__(parent) #設定標題與初始視窗大小 self.setWindowTitle('不規則視窗的實現例子') self.resize(560,390) def paintEvent(self,QPaintEvent): painter=QPainter(self) #在指定位置繪製圖片 painter.drawPixmap(0,280,390,QPixmap(r'./images/dog.jpg')) painter.drawPixmap(280,QBitmap(r'./images/dog.jpg')) if __name__ == '__main__': app=QApplication(sys.argv) form=MyForm() form.show() sys.exit(app.exec_())
執行效果如下
不規則視窗例項 2
使用兩張圖片,一張用來做遮罩來控制視窗的大小,然後在利用paintEvent()函式重繪另一張為視窗的背景圖。
import sys from PyQt5.QtWidgets import QApplication,self).__init__(parent) #設定標題與初始視窗大小 self.setWindowTitle('不規則視窗的實現例子') self.pix=QBitmap('./images/mask.png') self.resize(self.pix.size()) self.setMask(self.pix) def paintEvent(self,self.pix.width(),self.pix.height(),QPixmap(r'./images/screen1.jpg')) if __name__ == '__main__': app=QApplication(sys.argv) form=MyForm() form.show() sys.exit(app.exec_())
執行效果如下
可以拖動的不規則視窗例項
第二個視窗的例項是不可以拖動的,這裡實現可以拖動的功能
import sys from PyQt5.QtWidgets import QApplication,QCursor,QBitmap from PyQt5.QtCore import Qt class ShapeWidget(QWidget): def __init__(self,parent=None): super(ShapeWidget,self).__init__(parent) self.setWindowTitle("不規則的,可以拖動的窗體實現例子") self.mypix() # 顯示不規則 pix def mypix(self): #獲得圖片自身的遮罩 self.pix = QBitmap("./images/mask.png") #將獲得的圖片的大小作為視窗的大小 self.resize(self.pix.size()) #增加一個遮罩 self.setMask(self.pix) #print(self.pix.size()) self.dragPosition = None # 重定義滑鼠按下響應函式mousePressEvent(QMouseEvent) # 滑鼠移動響應函式mouseMoveEvent(QMouseEvent),使不規則窗體能響應滑鼠事件,隨意拖動。 def mousePressEvent(self,event): #滑鼠左鍵按下 if event.button() == Qt.LeftButton: self.m_drag = True self.m_DragPosition = event.globalPos() - self.pos() event.accept() self.setCursor(QCursor(Qt.OpenHandCursor)) if event.button() == Qt.RightButton: self.close() def mouseMoveEvent(self,QMouseEvent): if Qt.LeftButton and self.m_drag: # 當左鍵移動窗體修改偏移值 self.move(QMouseEvent.globalPos() - self.m_DragPosition) QMouseEvent.accept() def mouseReleaseEvent(self,QMouseEvent): self.m_drag = False self.setCursor(QCursor(Qt.ArrowCursor)) # 一般 paintEvent 在窗體首次繪製載入, 要重新載入paintEvent # 需要重新載入視窗使用 self.update() or self.repaint() def paintEvent(self,event): painter = QPainter(self) #在指定位置繪製圖片 painter.drawPixmap(0,self.width(),self.height(),QPixmap("./images/boy.png")) if __name__ == '__main__': app = QApplication(sys.argv) form = ShapeWidget() form.show() app.exec_()
執行效果如下
本文主要介紹了python GUI庫PyQt5視窗背景與不規則視窗例項,大家可以參考下,更多關於這方面的文章大家可以點選下面的相關連結