python GUI庫(kù)圖形界面開(kāi)發(fā)之PyQt5窗口背景與不規(guī)則窗口實(shí)例

更新時(shí)間：2020年02月25日 15:09:29 作者：jia666666

這篇文章主要介紹了python GUI庫(kù)圖形界面開(kāi)發(fā)之PyQt5窗口背景與不規(guī)則窗口實(shí)例,需要的朋友可以參考下

窗口背景主要包括，背景色與背景圖片，設(shè)置窗口背景有三種方法

使用QSS設(shè)置窗口背景
使用QPalette設(shè)置窗口背景
實(shí)現(xiàn)PainEvent，使用QPainter繪制背景

QSS設(shè)置窗口背景

在QSS中，我們可以使用Background或者background-color的方式來(lái)設(shè)置背景色，設(shè)置窗口背景色之后，子控件默認(rèn)會(huì)繼承父窗口的背景色，如果想要為控件設(shè)置背景圖片或圖標(biāo)，則可以使用setPixmap或則setIcon來(lái)完成。關(guān)于這兩個(gè)函數(shù)的用法，可以參考本博客下的PyQt5的基礎(chǔ)控件分欄

實(shí)例：QSS設(shè)置窗口背景

import sys
from PyQt5.QtWidgets import QMainWindow, QApplication

app = QApplication(sys.argv)
win = QMainWindow()

#設(shè)置窗口標(biāo)題與初始大小
win.setWindowTitle("界面背景圖片設(shè)置")
win.resize(350, 250)
#設(shè)置對(duì)象名稱(chēng)
win.setObjectName("MainWindow")

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

#todo 2 設(shè)置窗口背景色
#win.setStyleSheet("#MainWindow{background-color: yellow}")

win.show()
sys.exit(app.exec_())

運(yùn)行效果圖如下

核心代碼如下

#設(shè)置對(duì)象名稱(chēng)
win.setObjectName("MainWindow")

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

優(yōu)化使用setStyleSheet（）設(shè)置窗口背景色，核心代碼和效果圖如下

#todo 2 設(shè)置窗口背景色
win.setStyleSheet("#MainWindow{background-color: yellow}")

QPalette設(shè)置窗口背景

當(dāng)使用QPalette（調(diào)試板）來(lái)設(shè)置背景圖片時(shí)，需要考慮背景圖片的尺寸

圖片尺寸可以文件管理器打開(kāi)，右鍵屬性查看

當(dāng)背景圖片的寬度高度大于窗口的寬度高度時(shí)，背景圖片會(huì)平鋪整個(gè)背景

當(dāng)背景圖片寬度高度小于窗口的寬度高度時(shí)，則會(huì)加載多個(gè)背景圖片

實(shí)例：QPalette設(shè)置窗口背景

import sys
from PyQt5.QtWidgets import QMainWindow, QApplication
from PyQt5.QtGui import QPalette, QBrush, QPixmap

app = QApplication(sys.argv)
win = QMainWindow()

win.setWindowTitle("界面背景圖片設(shè)置")
palette = QPalette()
palette.setBrush(QPalette.Background, QBrush(QPixmap("./images/python.jpg")))
win.setPalette(palette)

# todo 1 當(dāng)背景圖片的寬度和高度大于窗口的寬度和高度時(shí)
win.resize(460, 255 )
#
# # todo 2 當(dāng)背景圖片的寬度和高度小于窗口的寬度和高度時(shí)
# win.resize(800, 600)
win.show()
sys.exit(app.exec_())

當(dāng)背景圖片的寬度高度大于窗口的寬度高度時(shí)，背景圖片會(huì)平鋪整個(gè)背景

當(dāng)背景圖片寬度高度小于窗口的寬度高度時(shí)，則會(huì)加載多個(gè)背景圖片

核心代碼如下

win.setWindowTitle("界面背景圖片設(shè)置")
palette = QPalette()
palette.setBrush(QPalette.Background, QBrush(QPixmap("./images/python.jpg")))
win.setPalette(palette)

# todo 1 當(dāng)背景圖片的寬度和高度大于窗口的寬度和高度時(shí)
win.resize(460, 255 )
#
# # todo 2 當(dāng)背景圖片的寬度和高度小于窗口的寬度和高度時(shí)
# win.resize(800, 600)

PaintEvent設(shè)置窗口背景

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設(shè)置背景顏色")

  def paintEvent(self, event):
    painter = QPainter(self)
    #todo 1 設(shè)置背景顏色
    painter.setBrush(Qt.green)
    painter.drawRect(self.rect())

    # #todo 2 設(shè)置背景圖片，平鋪到整個(gè)窗口，隨著窗口改變而改變
    # 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設(shè)置窗口的背景色

class Winform(QWidget):
  def __init__(self, parent=None):
    super(Winform, self).__init__(parent)
    self.setWindowTitle("paintEvent設(shè)置背景顏色")

  def paintEvent(self, event):
    painter = QPainter(self)
    #todo 1 設(shè)置背景顏色
    painter.setBrush(Qt.green)
    painter.drawRect(self.rect())

效果如圖

核心代碼：設(shè)置窗口背景圖片

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

QWidget類(lèi)中比較重要的繪圖函數(shù)如表所示

函數(shù)	描述
setMask(self,QBitmap)setMask(self,QRegion)	setMask()的作用是為調(diào)用它的控件增加一個(gè)遮罩，遮住所選區(qū)域以外的部分，使之看起來(lái)是透明的，它的參數(shù)可以為QBitmap或QRegion對(duì)象，此處調(diào)用QPixmap的mask（）函數(shù)獲得圖片自身的遮罩，是一個(gè)QBitmap對(duì)象，在實(shí)例中使用的是PNG格式的圖片，它的透明部分就是一個(gè)遮罩
paintEvent(self,QPaintEvent)	通過(guò)重載paintEvent（）函數(shù)繪制窗口背景

函數(shù)

描述

setMask(self,QBitmap)setMask(self,QRegion)

setMask()的作用是為調(diào)用它的控件增加一個(gè)遮罩，遮住所選區(qū)域以外的部分，使之看起來(lái)是透明的，它的參數(shù)可以為QBitmap或QRegion對(duì)象，此處調(diào)用QPixmap的mask（）函數(shù)獲得圖片自身的遮罩，是一個(gè)QBitmap對(duì)象，在實(shí)例中使用的是PNG格式的圖片，它的透明部分就是一個(gè)遮罩

paintEvent(self,QPaintEvent)

通過(guò)重載paintEvent（）函數(shù)繪制窗口背景

不規(guī)則窗口實(shí)例 1

實(shí)現(xiàn)不規(guī)則窗口的最簡(jiǎn)單方式就是圖片素材不僅當(dāng)遮罩層，還當(dāng)背景圖片，通過(guò)重載paintEvent（）函數(shù)繪制窗口背景

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)
    #設(shè)置標(biāo)題與初始窗口大小
    self.setWindowTitle('不規(guī)則窗口的實(shí)現(xiàn)例子')
    self.resize(560,390)

  def paintEvent(self, QPaintEvent):
    painter=QPainter(self)
    #在指定位置繪制圖片
    painter.drawPixmap(0,0,280,390,QPixmap(r'./images/dog.jpg'))
    painter.drawPixmap(280,0,280,390,QBitmap(r'./images/dog.jpg'))
if __name__ == '__main__':
  app=QApplication(sys.argv)
  form=MyForm()
  form.show()
  sys.exit(app.exec_())

運(yùn)行效果如下

不規(guī)則窗口實(shí)例 2

使用兩張圖片，一張用來(lái)做遮罩來(lái)控制窗口的大小，然后在利用paintEvent（）函數(shù)重繪另一張為窗口的背景圖。

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)
    #設(shè)置標(biāo)題與初始窗口大小
    self.setWindowTitle('不規(guī)則窗口的實(shí)現(xiàn)例子')

    self.pix=QBitmap('./images/mask.png')
    self.resize(self.pix.size())
    self.setMask(self.pix)

  def paintEvent(self, QPaintEvent):
    painter=QPainter(self)
    #在指定位置繪制圖片
    painter.drawPixmap(0,0,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_())

運(yùn)行效果如下

可以拖動(dòng)的不規(guī)則窗口實(shí)例

第二個(gè)窗口的實(shí)例是不可以拖動(dòng)的，這里實(shí)現(xiàn)可以拖動(dòng)的功能

import sys
from PyQt5.QtWidgets import QApplication, QWidget
from PyQt5.QtGui import QPixmap, QPainter, QCursor, QBitmap
from PyQt5.QtCore import Qt


class ShapeWidget(QWidget):
  def __init__(self, parent=None):
    super(ShapeWidget, self).__init__(parent)
    self.setWindowTitle("不規(guī)則的，可以拖動(dòng)的窗體實(shí)現(xiàn)例子")
    self.mypix()

  # 顯示不規(guī)則 pix
  def mypix(self):
    #獲得圖片自身的遮罩
    self.pix = QBitmap("./images/mask.png")
    #將獲得的圖片的大小作為窗口的大小
    self.resize(self.pix.size())
    #增加一個(gè)遮罩
    self.setMask(self.pix)
    #print(self.pix.size())
    self.dragPosition = None

  # 重定義鼠標(biāo)按下響應(yīng)函數(shù)mousePressEvent(QMouseEvent)
  # 鼠標(biāo)移動(dòng)響應(yīng)函數(shù)mouseMoveEvent(QMouseEvent)，使不規(guī)則窗體能響應(yīng)鼠標(biāo)事件，隨意拖動(dòng)。
  def mousePressEvent(self, event):
    #鼠標(biāo)左鍵按下
    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:
      # 當(dāng)左鍵移動(dòng)窗體修改偏移值
      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, 0, self.width(), self.height(), QPixmap("./images/boy.png"))


if __name__ == '__main__':
  app = QApplication(sys.argv)
  form = ShapeWidget()
  form.show()
  app.exec_()

運(yùn)行效果如下