pyqt5设置窗⼝圆⾓及阴影的操作pyqt5 设置窗⼝圆⾓及阴影
效果:
代码如下:
创建⼀个圆⾓边框的类,让后直接继承就⾏
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *
class RoundShadow(QWidget):
"""圆⾓边框类"""
def __init__(self, parent=None):
super(RoundShadow, self).__init__(parent)
self.border_width = 8
# 设置窗⼝⽆边框和背景透明 *必须
self.setAttribute(Qt.WA_TranslucentBackground)
self.setWindowFlags(Qt.FramelessWindowHint | Qt.Window)
def paintEvent(self, event):
# 阴影
path = QPainterPath()
path.setFillRule(Qt.WindingFill)
pat = QPainter(self)
pat.setRenderHint(pat.Antialiasing)
pat.fillPath(path, QBrush(Qt.white))
color = QColor(192, 192, 192, 50)
for i in range(10):
i_path = QPainterPath()
i_path.setFillRule(Qt.WindingFill)
ref = QRectF(10-i, 10-i, self.width()-(10-i)*2, self.height()-(10-i)*2)
# i_path.addRect(ref)
i_path.addRoundedRect(ref, self.border_width, self.border_width)
color.setAlpha(150 - i**0.5*50)
pat.setPen(color)
pat.drawPath(i_path)
# 圆⾓
pat2 = QPainter(self)
pat2.setRenderHint(pat2.Antialiasing) # 抗锯齿
pat2.setBrush(Qt.white)
pat2.ansparent)
rect = ()
rect.setLeft(9)
rect.setTop(9)
rect.setWidth(rect.width()-9)
rect.setHeight(rect.height()-9)
pat2.drawRoundedRect(rect, 4, 4)
class TestWindow(RoundShadow, QWidget):
"""测试窗⼝"""
def __init__(self, parent=None):
super(TestWindow, self).__init__(parent)
if __name__ == '__main__':
app = QApplication(sys.argv)
t = TestWindow()
# t = RoundImage('./Asset/new_icons/close.png')
t.show()
<_()
补充:⽤pyqt绘制⼀个⽆边框、有阴影、带图⽚背景的(伪顶层)圆⾓窗⼝
对象:(要设置的只有Form和widget)
widget在Form内,紧贴着Form,之间隔着Form的layoutMargin(边缘)的宽度:
对象Form的布局(边缘)设置:
对象widget的布局(边缘)设置:
思路:
⾸先先交代:python round函数怎么使用
⽆边框⽤:
self.setWindowFlag(Qt.FramelessWindowHint)
阴影⽤:
QGraphicsDropShadowEffect
设置图⽚背景⽤:
self.widget.setStyleSheet("QWidget#widget{background-image: url(./231.png);border-radius:30px;}")
⾄于为什么⽤setStyleSheet来设置图⽚背景,我来解释⼀下,⾸先绘制图⽚背景有三个⽅法,
1、直接在widget上设置(我选择这个⽅法,虽然圆⾓还是有⼀点点锯齿)
self.widget.setStyleSheet("QWidget#widget{background-image: url(./231.png);border-radius:30px;}")
⽤border-radius:30px;来画出圆⾓
2、⽤QPalette在widget上绘制出背景图(⽆法画出圆⾓):
self.widget.setAutoFillBackground(True) #⼀定要加上
palette=QPalette()
palette.setBrush(QPalette.Background, QBrush(QPixmap("F:\背景图.png")));
self.widget.setPalette(palette)
注意:如果不需要绘制圆⾓的话,我认为本⽅法是绘制背景图的⾸选,但要注意,必须先写上⾯四句再⽤self.setStyleSheet(str)加载qss或css
3、重写paintEvent函数时,⽤QPainter来绘制widget上的背景图(圆⾓很完美,但是⽆法加载背景图,可能是我⽐较菜):
def paintEvent(self, QPaintEvent):
painter=QPainter(self);
painter.setPen(Qt.NoPen);
brush=QBrush()
brush.setTextureImage(QImage("F:\⼤创项⽬\\231.png")) # brush来加载背景图
painter.setBrush(brush) # painter来加载brush
painter.setRenderHint(QPainter.Antialiasing) # 抗锯齿化,如果不加的话,圆⾓的会有锯齿
painter.drawRoundedRect( 0, 0, self.width() - 1, self.height() - 1, 20, 20); #圆⾓设置
注意:QPainter只能在paintEvent函数中使⽤,要不然会直接报错,原因是为了规范UI绘制的顺序。
步骤如下:
⼀、
self.setAttribute(Qt.WA_TranslucentBackground) #将Form设置为透明
self.setWindowFlag(Qt.FramelessWindowHint) #将Form设置为⽆边框
⼆、
self.shadow=QGraphicsDropShadowEffect()
self.shadow.setBlurRadius(10)
self.shadow.setColor(QColor(0, 0, 0, 500))
self.shadow.setOffset(6,6)
self.widget.setGraphicsEffect(self.shadow)
⽤QGraphicsDropShadowEffect将widget设置阴影,这样widget就能在已经透明的Form的边缘上留下阴影
三、
self.widget.setStyleSheet("QWidget#widget{background-image: url(./231.png);border-radius:30px;}")
注意:
Form的边缘设置⼀定需要设置layoutMargin的,不然Form连边缘都没有,widget怎么能留下阴影
效果如下(这是我项⽬做的demo,别给我吐槽⾊调,还没做完(#⼿动滑稽)):
以上为个⼈经验,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。如有错误或未考虑完全的地⽅,望不吝赐教。