用pyqt绘制一个无边框、有阴影、带图片背景的(伪顶层)圆角窗口

对象:(要设置的只有Form和widget)

widget在Form内,紧贴着Form,之间隔着Form的layoutMargin(边缘)的宽度:

对象Form的布局(边缘)设置:

对象widget的布局(边缘)设置:

思路:

首先先交代:

无边框用:

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,别给我吐槽色调,还没做完(#手动滑稽)):

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值