python GUI庫圖形界面開發(fā)之PyQt5窗口背景與不規(guī)則窗口實(shí)例
窗口背景主要包括,背景色與背景圖片,設(shè)置窗口背景有三種方法
使用QSS設(shè)置窗口背景 使用QPalette設(shè)置窗口背景 實(shí)現(xiàn)PainEvent,使用QPainter繪制背景QSS設(shè)置窗口背景在QSS中,我們可以使用Background或者background-color的方式來設(shè)置背景色,設(shè)置窗口背景色之后,子控件默認(rèn)會(huì)繼承父窗口的背景色,如果想要為控件設(shè)置背景圖片或圖標(biāo),則可以使用setPixmap或則setIcon來完成。關(guān)于這兩個(gè)函數(shù)的用法,可以參考本博客下的PyQt5的基礎(chǔ)控件分欄
實(shí)例:QSS設(shè)置窗口背景
import sysfrom PyQt5.QtWidgets import QMainWindow, QApplicationapp = QApplication(sys.argv)win = QMainWindow()#設(shè)置窗口標(biāo)題與初始大小win.setWindowTitle('界面背景圖片設(shè)置')win.resize(350, 250)#設(shè)置對(duì)象名稱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ì)象名稱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}')
當(dāng)使用QPalette(調(diào)試板)來設(shè)置背景圖片時(shí),需要考慮背景圖片的尺寸
圖片尺寸可以文件管理器打開,右鍵屬性查看
當(dāng)背景圖片的寬度高度大于窗口的寬度高度時(shí),背景圖片會(huì)平鋪整個(gè)背景
當(dāng)背景圖片寬度高度小于窗口的寬度高度時(shí),則會(huì)加載多個(gè)背景圖片
實(shí)例:QPalette設(shè)置窗口背景
import sysfrom PyQt5.QtWidgets import QMainWindow, QApplicationfrom PyQt5.QtGui import QPalette, QBrush, QPixmapapp = 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 sysfrom PyQt5.QtWidgets import QApplication, QWidgetfrom PyQt5.QtGui import QPainter,QPixmapfrom PyQt5.QtCore import Qtclass 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)
實(shí)現(xiàn)不規(guī)則窗口的最簡單方式就是圖片素材不僅當(dāng)遮罩層,還當(dāng)背景圖片,通過重載paintEvent()函數(shù)繪制窗口背景
import sysfrom PyQt5.QtWidgets import QApplication,QWidgetfrom PyQt5.QtGui import QPixmap,QPainter,QBitmapclass 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)行效果如下
使用兩張圖片,一張用來做遮罩來控制窗口的大小,然后在利用paintEvent()函數(shù)重繪另一張為窗口的背景圖。
import sysfrom PyQt5.QtWidgets import QApplication,QWidgetfrom PyQt5.QtGui import QPixmap,QPainter,QBitmapclass 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)行效果如下
第二個(gè)窗口的實(shí)例是不可以拖動(dòng)的,這里實(shí)現(xiàn)可以拖動(dòng)的功能
import sysfrom PyQt5.QtWidgets import QApplication, QWidgetfrom PyQt5.QtGui import QPixmap, QPainter, QCursor, QBitmapfrom PyQt5.QtCore import Qtclass 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)行效果如下
本文主要介紹了python GUI庫PyQt5窗口背景與不規(guī)則窗口實(shí)例,大家可以參考下,更多關(guān)于這方面的文章大家可以點(diǎn)擊下面的相關(guān)鏈接
相關(guān)文章:
1. HTTP協(xié)議常用的請(qǐng)求頭和響應(yīng)頭響應(yīng)詳解說明(學(xué)習(xí))2. idea設(shè)置提示不區(qū)分大小寫的方法3. .NET SkiaSharp 生成二維碼驗(yàn)證碼及指定區(qū)域截取方法實(shí)現(xiàn)4. ASP.NET MVC通過勾選checkbox更改select的內(nèi)容5. css代碼優(yōu)化的12個(gè)技巧6. IntelliJ IDEA創(chuàng)建web項(xiàng)目的方法7. 原生JS實(shí)現(xiàn)記憶翻牌游戲8. Django使用HTTP協(xié)議向服務(wù)器傳參方式小結(jié)9. CentOS郵件服務(wù)器搭建系列—— POP / IMAP 服務(wù)器的構(gòu)建( Dovecot )10. django創(chuàng)建css文件夾的具體方法
