热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

pyqt5设置窗口圆角及阴影的操作

这篇文章主要介绍了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.setPen(Qt.transparent)
  rect = self.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)
  self.resize(300, 300)
  
if __name__ == '__main__':
 app = QApplication(sys.argv)
 t = TestWindow()
 # t = RoundImage('./Asset/new_icons/close.png')
 t.show()
 app.exec_()

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

以上为个人经验,希望能给大家一个参考,也希望大家多多支持。如有错误或未考虑完全的地方,望不吝赐教。


推荐阅读
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • 本周信息安全小组主要进行了CTF竞赛相关技能的学习,包括HTML和CSS的基础知识、逆向工程的初步探索以及整数溢出漏洞的学习。此外,还掌握了Linux命令行操作及互联网工作原理的基本概念。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文介绍如何在 Xcode 中使用快捷键和菜单命令对多行代码进行缩进,包括右缩进和左缩进的具体操作方法。 ... [详细]
  • 本文详细介绍了如何使用Python编写爬虫程序,从豆瓣电影Top250页面抓取电影信息。文章涵盖了从基础的网页请求到处理反爬虫机制,再到多页数据抓取的全过程,并提供了完整的代码示例。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • 探讨如何在职业生涯中脱颖而出,研究表明刻意练习而非单纯的经验或天赋是关键。文章分析了为什么一些人即使有多年经验也未能成为专家,而另一些人则能在短时间内达到卓越水平。 ... [详细]
  • 本文详细介绍了W3C标准盒模型和IE传统盒模型的区别,探讨了CSS3中box-sizing属性的使用方法及其在布局中的重要性。通过实例分析,帮助读者更好地理解和应用这一关键概念。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • 如何在WPS Office for Mac中调整Word文档的文字排列方向
    本文将详细介绍如何使用最新版WPS Office for Mac调整Word文档中的文字排列方向。通过这些步骤,用户可以轻松更改文本的水平或垂直排列方式,以满足不同的排版需求。 ... [详细]
  • 理解存储器的层次结构有助于程序员优化程序性能,通过合理安排数据在不同层级的存储位置,提升CPU的数据访问速度。本文详细探讨了静态随机访问存储器(SRAM)和动态随机访问存储器(DRAM)的工作原理及其应用场景,并介绍了存储器模块中的数据存取过程及局部性原理。 ... [详细]
  • 几何画板展示电场线与等势面的交互关系
    几何画板是一款功能强大的物理教学软件,具备丰富的绘图和度量工具。它不仅能够模拟物理实验过程,还能通过定量分析揭示物理现象背后的规律,尤其适用于难以在实际实验中展示的内容。本文将介绍如何使用几何画板演示电场线与等势面之间的关系。 ... [详细]
  • 本文介绍如何通过Windows批处理脚本定期检查并重启Java应用程序,确保其持续稳定运行。脚本每30分钟检查一次,并在需要时重启Java程序。同时,它会将任务结果发送到Redis。 ... [详细]
  • MySQL中枚举类型的所有可能值获取方法
    本文介绍了一种在MySQL数据库中查询枚举(ENUM)类型字段所有可能取值的方法,帮助开发者更好地理解和利用这一数据类型。 ... [详细]
author-avatar
李林1108_965
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有