返回顶部
首页 > 资讯 > 后端开发 > Python >pyqt5 设置窗口圆角及阴影的操作
  • 379
分享到

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

2024-04-02 19:04:59 379人浏览 独家记忆

Python 官方文档:入门教程 => 点击学习

摘要

pyQt5 设置窗口圆角及阴影 效果: 代码如下: 创建一个 圆角边框的类,让后直接继承就行 from PyQt5.QtWidgets import * from 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,别给我吐槽色调,还没做完(#手动滑稽)):

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

--结束END--

本文标题: pyqt5 设置窗口圆角及阴影的操作

本文链接: https://lsjlt.com/news/121897.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • pyqt5 设置窗口圆角及阴影的操作
    pyqt5 设置窗口圆角及阴影 效果: 代码如下: 创建一个 圆角边框的类,让后直接继承就行 from PyQt5.QtWidgets import * from PyQt5....
    99+
    2024-04-02
  • 使用pyqt5怎么设置窗口圆角
    这期内容当中小编将会给大家带来有关使用pyqt5怎么设置窗口圆角,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。创建一个 圆角边框的类,让后直接继承就行from PyQt5.QtWidgets&n...
    99+
    2023-06-14
  • Qt中CQGUI框架之阴影圆角窗口实现
    大家好,我是IT文艺男,来自一线大厂的一线程序员 今天给大家讲解基于C++/Qt的CQGUI框架的阴影圆角窗口实现,实现效果如下图所示:: CQGUI开发环境:: Micro...
    99+
    2024-04-02
  • win11圆角窗口如何设置
    这篇文章主要介绍了win11圆角窗口如何设置的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇win11圆角窗口如何设置文章都会有所收获,下面我们一起来看看吧。win11怎么设置圆角在win11系统中,圆角窗口是默...
    99+
    2023-07-01
  • iOS设置圆角阴影 避免离屏渲染
    iOS 控件设置圆角,避免离屏渲染。 离屏渲染:指GPU(图形处理器)在当前屏幕缓冲区外新开辟一个渲染缓冲区进行工作。这会给我们带来额外的性能损耗,如果这样的操作达到一定数量,会触发...
    99+
    2022-05-18
    iOS 圆角阴影 离屏渲染
  • Pyqt5如何实现窗口缩放,控件在窗口内自动伸缩的操作
    这篇文章给大家分享的是有关Pyqt5如何实现窗口缩放,控件在窗口内自动伸缩的操作的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。在Qtdesigner中新建一个主界面如下所示:ctrl+R 预览从预览图中可以看出这...
    99+
    2023-06-08
  • android xml实现按钮的圆角、阴影效果及按下变化效果的实现代码
    前言 5个xml文件实现 按钮的圆角、阴影效果以及按下变化效果 实现 drawable/shape.xml <?xml version="1.0" encoding...
    99+
    2024-04-02
  • windows8怎么设置窗口和边栏半透明操作图解
      1、鼠标右键单击桌面空白处,选择“个性化”。   2、鼠标左键单击窗口下方的“窗口颜色”。   3、根据个人需要鼠标左键单击所需要的颜色后点击窗口下方...
    99+
    2022-06-04
    窗口 操作
  • Linux操作系统下串口是设置及编程
    本篇内容主要讲解“Linux操作系统下串口是设置及编程”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Linux操作系统下串口是设置及编程”吧!用户常见的数据通信的基本方式可分为并行通信和串行通信...
    99+
    2023-06-13
  • Python中最全的窗口操作,如窗口最大化、最小化、窗口置顶、获取缩放比例等
    Python窗口操作 前言 本文记录在Python中操作Windows应用窗口的操作。 这里的操作都是自己摸索+借助强大的搜索引擎整理出来的,我真棒!!! 知识点📖Ǵ...
    99+
    2023-08-31
    python windows 开发语言 窗口操作
  • pyqt5 使用setStyleSheet设置单元格的边框样式操作
    最近做一个项目是使用python开发电子称的GUI图形交互界面,其中一个页面需要通过串口实时读取电子称的重量,并将每一件商品的信息展示在页面的表格中。 steStyleSheet的语...
    99+
    2024-04-02
  • win7折叠组窗口怎么设置为不折叠操作步骤图解
    不少将XP系统升级到Win7系统的朋友初期都会遇到一些不习惯,因此Win7系统在操作方面,会在一些细节方面与XP有所不同,比如最近网友问小编“Win7怎么设置让任务栏窗口不折叠了?”,对于这个问题...
    99+
    2023-05-30
    win7 折叠组 窗口 操作步骤
  • 阿里云数据库风口怎么设置详细操作步骤及实战应用
    随着云计算技术的不断发展,阿里云数据库已经成为了企业级用户的重要选择。但是,对于许多初次接触阿里云数据库的用户来说,如何正确地设置阿里云数据库的风口可能还存在一定的困扰。本文将详细地向读者介绍如何设置阿里云数据库的风口,并在实际应用中进行演...
    99+
    2023-12-10
    阿里 风口 实战
  • SpringBoot随机数设置及参数间引用的操作步骤
    目录自定义配置(1)使用@PropertySource加载配置文件(2)使用@Configuration编写自定义配置类随机数设置及参数间引用随机值设置参数间引用自定义配置 Spri...
    99+
    2024-04-02
  • 阿里云轻量服务器设置密钥的位置及操作流程
    在使用阿里云轻量服务器时,安全是最重要的考虑因素之一。密钥是保护阿里云轻量服务器安全的重要手段,本文将详细说明如何在阿里云轻量服务器中设置密钥。 一、阿里云轻量服务器设置密钥的位置在阿里云轻量服务器的控制台中,可以找到密钥设置的选项。在密...
    99+
    2023-11-06
    密钥 阿里 操作流程
  • 云服务器的操作系统怎么选择端口设置方法
    一、云服务器安全性 云服务器是基于云计算技术构建的服务器,其安全性是其重要的考虑因素之一。云服务器提供了多种安全措施,如防火墙、VPN、SSL/TLS加密等,可以有效地保护服务器免受网络攻击和恶意攻击。 云服务器操作系统应该具备完善的安全...
    99+
    2023-10-28
    端口 操作系统 服务器
  • 阿里云服务器中转设置的位置及其详细操作指南
    阿里云服务器是阿里巴巴集团提供的一种云服务器服务,它为用户提供了一种便捷、安全、高效的云计算解决方案。本文将详细介绍阿里云服务器中转设置的位置以及详细操作指南。 阿里云服务器中转设置的位置:阿里云服务器的中转设置一般位于服务器的系统设置中,...
    99+
    2023-11-01
    阿里 操作指南 位置
  • Linux忘记root密码及设置root密码的图文操作方法
    此方法为:进入单用户模式,直MnyoBJ接修改新密码覆盖掉以前的root密码。 操作步骤: 1、进入单用户模式 2、修改root密码 1、进入单用户方法: 1)启动linux时,通过按上下键(其他键也可以)让Linux...
    99+
    2022-06-04
    linux 忘记root密码 root用户密码忘记
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作