1. 程式人生 > 程式設計 >python GUI庫圖形介面開發之PyQt5視窗背景與不規則視窗例項

python GUI庫圖形介面開發之PyQt5視窗背景與不規則視窗例項

視窗背景主要包括,背景色與背景圖片,設定視窗背景有三種方法

  • 使用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_())

執行效果圖如下

python GUI庫圖形介面開發之PyQt5視窗背景與不規則視窗例項

核心程式碼如下

#設定物件名稱
win.setObjectName("MainWindow")

# #todo 1 設定視窗背景圖片
win.setStyleSheet("#MainWindow{border-image:url(./images/python.jpg);}")

優化 使用setStyleSheet()設定視窗背景色,核心程式碼和效果圖如下

#todo 2 設定視窗背景色
win.setStyleSheet("#MainWindow{background-color: yellow}")

python GUI庫圖形介面開發之PyQt5視窗背景與不規則視窗例項

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_())

當背景圖片的寬度高度大於視窗的寬度高度時,背景圖片會平鋪整個背景

python GUI庫圖形介面開發之PyQt5視窗背景與不規則視窗例項

當背景圖片寬度高度小於視窗的寬度高度時,則會載入多個背景圖片

python GUI庫圖形介面開發之PyQt5視窗背景與不規則視窗例項

核心程式碼如下

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())

效果如圖

python GUI庫圖形介面開發之PyQt5視窗背景與不規則視窗例項

核心程式碼:設定視窗背景圖片

# #todo 2 設定背景圖片,平鋪到整個視窗,隨著視窗改變而改變
pixmap = QPixmap("./images/screen1.jpg")
painter.drawPixmap(self.rect(),pixmap)

python GUI庫圖形介面開發之PyQt5視窗背景與不規則視窗例項

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_())

執行效果如下

python GUI庫圖形介面開發之PyQt5視窗背景與不規則視窗例項

不規則視窗例項 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_())

執行效果如下

python GUI庫圖形介面開發之PyQt5視窗背景與不規則視窗例項

可以拖動的不規則視窗例項

第二個視窗的例項是不可以拖動的,這裡實現可以拖動的功能

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視窗背景與不規則視窗例項

本文主要介紹了python GUI庫PyQt5視窗背景與不規則視窗例項,大家可以參考下,更多關於這方面的文章大家可以點選下面的相關連結