pyqt5 QStackedWidget QStackedLayout 阴影 覆盖 透明

最新推荐文章于 2023-07-08 15:22:17 发布
原创 最新推荐文章于 2023-07-08 15:22:17 发布 · 1.1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文展示了一个使用PyQt5创建透明窗口的示例代码，包括三个子窗口，每个窗口都有不同的透明背景设置和布局。通过调整窗口属性和样式表，可以实现窗口的透明效果，同时保持窗口内容的清晰可见。

代码如下：

import sys
from PyQt5.QtWidgets import QWidget, QToolTip, QApplication
from PyQt5.QtGui import QFont
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
import sys


class ChildOneWin(QWidget):
    def __init__(self, parent=None):
        super(ChildOneWin, self).__init__(parent)

        self.main_layout = QVBoxLayout()
        self.top_widget = QWidget()
        self.setLayout(self.main_layout)
        self.top_widget.setObjectName("ChildOneWin_wdt")
        self.top_widget.setStyleSheet("#ChildOneWin_wdt{background:rgb(255,255,255)}")
        self.main_layout.addWidget(self.top_widget)
        self.main_layout.setContentsMargins(0, 0, 0, 0)
        self.main_layout.setSpacing(0)
        top_widget_layout = QVBoxLayout()
        self.top_widget.setLayout(top_widget_layout)

        self.test_btn = QPushButton('窗口1')
        top_widget_layout.addStretch(1)
        top_widget_layout.addWidget(self.test_btn)

class ChildTwoWin(QWidget):
    def __init__(self, parent=None):
        super(ChildTwoWin, self).__init__(parent)

        self.setWindowFlags(Qt.FramelessWindowHint | Qt.BypassWindowManagerHint | Qt.Tool | Qt.WindowStaysOnTopHint)
        self.setAttribute(Qt.WA_TranslucentBackground)
        self.wdt = QWidget()
        #self.wdt.setAttribute(Qt.WA_TranslucentBackground)
        self.wdt.setObjectName("ChildTwoWin_wdt")
        self.wdt.setStyleSheet("#ChildTwoWin_wdt{background:rgba(0,0,0,0.2)}")

        self.layout = QGridLayout(self)
        self.layout.addWidget(self.wdt)
        self.layout.setContentsMargins(0, 0, 0, 0)
        self.layout.setSpacing(0)

        main_layout = QVBoxLayout()

        self.wdt.setLayout(main_layout)

        self.test_btn = QPushButton('窗口2')
        main_layout.addStretch(1)
        main_layout.addWidget(self.test_btn)
        main_layout.addStretch(1)




# class ChildTwoWin(QWidget):
#     def __init__(self, parent=None):
#         super(ChildTwoWin, self).__init__(parent)
#
#         self.main_layout = QVBoxLayout()
#
#         self.top_widget = QWidget()
#         self.setLayout(self.main_layout)
#         self.top_widget.setObjectName("ChildTwoWin_wdt")
#         self.top_widget.setStyleSheet("#ChildTwoWin_wdt{background:rgb(255,255,255)}")
#         self.main_layout.addWidget(self.top_widget)
#
#         self.main_layout.setContentsMargins(0, 0, 0, 0)
#         self.main_layout.setSpacing(0)
#
#         top_widget_layout = QVBoxLayout()
#         self.top_widget.setLayout(top_widget_layout)
#
#         self.test_btn = QPushButton('窗口2')
#         top_widget_layout.addStretch(1)
#         top_widget_layout.addWidget(self.test_btn)
#         top_widget_layout.addStretch(1)


class ChildThreeWin(QWidget):
    def __init__(self, parent=None):
        super(ChildThreeWin, self).__init__(parent)

        self.setWindowFlags(Qt.FramelessWindowHint | Qt.BypassWindowManagerHint | Qt.Tool | Qt.WindowStaysOnTopHint)
        self.setAttribute(Qt.WA_TranslucentBackground)
        self.wdt = QWidget()
        #self.wdt.setAttribute(Qt.WA_TranslucentBackground)
        self.wdt.setObjectName("tipWaitingWindow_back")
        self.wdt.setStyleSheet("#tipWaitingWindow_back{background:rgba(0,0,0,0.2)}")

        self.layout = QGridLayout(self)
        self.layout.addWidget(self.wdt)
        self.layout.setContentsMargins(0, 0, 0, 0)
        self.layout.setSpacing(0)

        main_layout = QVBoxLayout()

        self.wdt.setLayout(main_layout)

        self.test_btn = QPushButton('窗口3')
        main_layout.addWidget(self.test_btn)
        main_layout.addStretch(1)


class Winform(QWidget):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.setWindowTitle('透明窗口测试')
        self.resize(330, 350)

        main_layout = QVBoxLayout()

        self.setLayout(main_layout)

        top_widget = QWidget()
        top_widget_layout = QHBoxLayout()
        top_widget.setLayout(top_widget_layout)

        self.test_btn = QPushButton('测试')
        self.test_btn.clicked.connect(self.call_back_test_btn)

        self.control_btn = QPushButton('控制')
        self.control_btn.clicked.connect(self.call_back_control_btn)

        self.show_btn = QPushButton('显示')
        self.show_btn.clicked.connect(self.call_back_show_btn)

        top_widget_layout.addWidget(self.test_btn)
        top_widget_layout.addStretch(1)
        top_widget_layout.addWidget(self.control_btn)
        top_widget_layout.addStretch(1)
        top_widget_layout.addWidget(self.show_btn)

        bottom_widget = QWidget()
        self.bottom_widget_layout = QStackedLayout()
        self.bottom_widget_layout.setStackingMode(QStackedLayout.StackAll)
        bottom_widget.setLayout(self.bottom_widget_layout)

        main_layout.addWidget(top_widget)
        main_layout.addWidget(bottom_widget)
        main_layout.setStretch(0, 1)
        main_layout.setStretch(1, 5)

        child_one_win = ChildOneWin()
        child_two_win = ChildTwoWin()
        child_three_win = ChildThreeWin()
        self.bottom_widget_layout.addWidget(child_one_win)
        self.bottom_widget_layout.addWidget(child_two_win)
        self.bottom_widget_layout.addWidget(child_three_win)

        self.bottom_widget_layout.setCurrentIndex(0)

    def call_back_show_btn(self):
        self.bottom_widget_layout.setCurrentIndex(2)

    def call_back_test_btn(self):
        self.bottom_widget_layout.setCurrentIndex(0)

    def call_back_control_btn(self):
        pass
        self.bottom_widget_layout.setCurrentIndex(1)



class WinUIform(QWidget):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.setWindowTitle('透明窗口测试')
        self.resize(330, 350)

        main_layout = QVBoxLayout()

        self.setLayout(main_layout)

        top_widget = QWidget()
        top_widget_layout = QHBoxLayout()
        top_widget.setLayout(top_widget_layout)

        self.test_btn = QPushButton('测试')
        self.test_btn.clicked.connect(self.call_back_test_btn)

        self.control_btn = QPushButton('控制')
        self.control_btn.clicked.connect(self.call_back_control_btn)

        self.show_btn = QPushButton('显示')
        self.show_btn.clicked.connect(self.call_back_show_btn)

        top_widget_layout.addWidget(self.test_btn)
        top_widget_layout.addStretch(1)
        top_widget_layout.addWidget(self.control_btn)
        top_widget_layout.addStretch(1)
        top_widget_layout.addWidget(self.show_btn)

        self.bottom_widget = QStackedWidget()
        # self.bottom_widget.layout().setStackingMode(QStackedLayout.StackAll)
        bottom_widget_layout = self.bottom_widget.layout()
        bottom_widget_layout.setStackingMode(QStackedLayout.StackAll)

        main_layout.addWidget(top_widget)
        main_layout.addWidget(self.bottom_widget)
        main_layout.setStretch(0, 1)
        main_layout.setStretch(1, 5)

        child_one_win = ChildOneWin()
        child_two_win = ChildTwoWin()
        child_three_win = ChildThreeWin()
        self.bottom_widget.addWidget(child_one_win)
        self.bottom_widget.addWidget(child_two_win)
        self.bottom_widget.addWidget(child_three_win)

        self.bottom_widget.setCurrentIndex(0)

    def call_back_show_btn(self):
        self.bottom_widget.setCurrentIndex(2)

    def call_back_test_btn(self):
        self.bottom_widget.setCurrentIndex(0)

    def call_back_control_btn(self):
        pass
        self.bottom_widget.setCurrentIndex(1)



if __name__ == '__main__':
    app = QApplication(sys.argv)
    # 下面两种方法都可以
    win = WinUIform()
    #win = Winform()
    win.show()
    sys.exit(app.exec_())

演示效果如下：
在这里插入图片描述

Qt QStackWidget实现透明化loading弹窗与结果展示
kfc33832168的博客
10-31 911
QStackWidget、loading弹窗、背景透明
PyQt QStackedLayout 类详解
最新发布
浩瀚之水的专栏
09-14 95
QStackedLayout是PyQt中用于创建多页面界面的布局管理器，它允许将多个widget堆叠在一起，但每次只显示一个。该布局特别适合向导式界面、设置对话框等场景。摘要要点：1. 核心特性：管理多个widget但只显示当前选中的一个；通过索引或widget引用切换；支持动画效果（需额外实现）。2. 主要方法：添加/移除widget、设置当前widget、获取布局信息等。3. 示例实现：创建包含5个页面的向导界面（个人信息、账户设置等），配合导航列表和进度条。
pyqt5 窗口添加阴影特效
文选的blog
08-16 6526
一般显示的窗口都会有明显的边界或者阴影，比如说chrome也有一个淡淡的阴影。 窗口添加阴影的好处有很多，比如说让用户能够明显的区分各个窗口，也可以让界面看起来更加的美观和直接。 接下来就说说pyqt里面是如何添加这个窗口阴影的。 QtWidgets.QGraphicsDropShadowEffect # 添加阴影 self.effect_shadow = QtWidgets.QGraphicsDropShadowEffect(self) self.effect_shadow.setOffse
PyQt5高级界面控件之QStackedWidget(七)
热门推荐
jia666666的博客
08-14 2万+
QStackedWidget 前言 QTackedWidget是一个堆栈窗口控件，可以填充一些小控件，但是同一时间只有一个小控件可以显示，QStackedWidget使用QStackedLayout布局。QSTackedWidget控件与QTabWidget类似，可以有效的显示窗口的控件 实例：QStackedWidget的使用 import sys from PyQt5.QtGu...
PyQT5堆叠布局:切换界面(QStackedLayout）
weixin_30596343的博客
08-23 4368
几乎所有的GUI界面都需要用到这个场景：在一个界面里面，点击不同的按钮显示不同的内容 在Qt设计师中没有堆叠布局，需要我们手动添加 在Qt设计师中，设计3个切换的页面，和一个主界面。 注意在主界面是两个frame控件的水平布局 将所有界面的ui文件转换成py文件 木子-李：PyCharm中Qt Designer+PyUIC配置​zhuanlan.zhihu.com...
Qt窗口透明
weixin_42353082的博客
12-11 1917
一、QWidget窗口透明 二、QQuickWidget窗口透明 父窗口为QWidget 三、QQuickView窗口透明 四、场景视图窗口透明
[PyQt5]高级控件7 - 堆叠布局QStackedLayout
yurensan的博客
11-09 2389
文章目录效果图完整代码 效果图 完整代码 import sys from PyQt5.QtWidgets import QLabel,QStackedLayout,QWidget,QApplication,QMainWindow from PyQt5.QtCore import * class QStackedLayoutDemo(QMainWindow): def __init__(self): super(QStackedLayoutDemo, self).__init__(
pyqt 窗口加阴影
weixin_44330842的博客
07-20 732
pyqt 窗口加阴影 在网上找了许多加阴影的例子，这里模仿着一位大佬的写了一个pyqt的例子。原博客地址qt加阴影 from PyQt5 import QtCore from PyQt5.QtCore import * from PyQt5.QtGui import QPainter, QBrush, QImage, QColor, QPainterPath, QPen from PyQt5.QtWidgets import * import sys Q = QApplication(sys.argv)
Qt堆栈窗口stackwidget切换动画及叠加透明窗口
weixin_46424582的博客
08-20 3511
Qstackwidget动画效果及透明层遮盖控制
Qt 窗口叠加透明，上面窗口可写文本和图片，下面窗口可展示图片或播放视频
03-02
Qt 窗口叠加透明，上面窗口可写文本和图片，下面窗口可展示图片或播放视频。目前存在一个问题，当OSD文字设置为某些颜色时，文字会消失。
pyqt5中的dockwidget
m0_57236802的博客
02-22 1101
在上面的例子中，使用QMainWindow作为主窗口，将一个QTextEdit对象设置为中心控件，并创建两个QDockWidget对象，一个放置了一个QListWidget，另一个放置了一个QTextEdit。在 Qt 中，Dock Widget 是一个可停靠的窗口，可以在主窗口的四个边缘停靠，用户可以通过拖动和放置 Dock Widget 到主窗口的边缘来创建和定位布局。使用 Dock Widget，我们可以将一些常用的功能视图整合到主窗口中，并且这些视图可以根据需要随时显示或隐藏，方便用户使用。
Qt5 圆角边缘阴影窗口_实践
08-13
参考:Qt5 圆角加阴影窗口简单实现 https://blog.youkuaiyun.com/daydream13580130043/article/details/79463174 实践出真知,按网友博文实践了一下,有用拿去,没用丢之,无法设0资源分,见谅.
PyQt5 QDockWidget控件应用详解
12-17
前言 QDockWidget是一个可以停靠在QMainWindow内的窗口控件，它可以保持在浮动状态或者在指定位置作为子窗口附加到主窗口中，QMainWindow类的主窗口对象保留有一个用于停靠窗口的区域，这个区域在控件的中央周围 QDoCKWidget类中的常用方法 方法 描述 setWidget() 在Dock窗口区域设置QWidget setFloating() 设置Dock窗口是否可以浮动，如果设置为True，则表示可以浮动 setAlllowedAreas() 设置窗口可以停靠的区域 LeftDockWidgetArea:左侧停靠区域 RightDo
Qt视频窗口重叠透明窗口，区域截图代码示例
04-08
该示例演示Qt在视频窗口上，叠加一层透明窗口，然后在透明窗口上画出截图框的方法。
pyqt5——Dock Widget
wxsy024680的博客
11-06 1222
1、Widget Box->Containers->Dock Widget，将Dock Widget拖拉至主窗口或左侧或右侧或上侧或下侧，根据需求而定，属性编辑器->QDockWidget->dockWidgetArea，此时dockWidgetArea自动设置为或LeftDockWidgetArea或RightDockWidgetArea或TopDockWidgetArea或BottomDockWidgetArea，为了后续Dock Widget可以拖拉至任意侧，我们将dockWi
pyqt5-停靠部件QDockWidget
m0_62653695的博客
07-08 650
pyqt5-停靠部件QDockWidget: QDockWidget是一个可以停靠在QMainWindow内的窗口控件，它可以保持浮动状态或者作为子窗口停靠在主窗口的某个区域。
GUI编程Pyqt5之布局管理
汪云辉的博客
02-03 824
Pyqt5之布局管理一、布局管理系统1.1 布局管理器1. 基本布局管理器（QBoxLayout）2. 栅格布局管理器（QGridLayout）3. 表单布局管理器（QFormLayout） 上一篇讲述了一些窗口部件，当时往界面上拖放部件时都是随意放置的，这对于学习部件的使用没有太大的影响，但是，对于一个完善的软件，布局管理却是必不可少的。 无论是想要界面中部件有一个很整齐的排列，还是想要界面能适应窗口的大小变化，都 要进行布局管理。Qt中主要提供了 QLayout 类及其子类来作为布局管理器，它们可以实
qt 无框dockwidget_PyQt5系列教程（52）：QDockWidget的使用
weixin_39866817的博客
12-22 976
上期我们一起学习了QDockWidget类。主要涉及到以下几个知识点：1、QQ秀的呈现2、QStackedWidget类的使用今天我们一起来学习下QDockWidget类，这个类能够实现在窗口中放入多个小部件，而且还能移动哦！！总体介绍QDockWidget类提供了一个可以停靠在QMainWindow中或作为桌面上的顶级窗口浮动的小部件。QDockWidget提供了Dock小部件的概念，也称为工具...
pyqt5中的dockwidget有什么特性？
m0_57236802的博客
03-10 360
PyQt5中的Dock Widget是一种可以被放置在主窗口中的可调整大小的面板，具有以下特性：可以通过拖放的方式移动Dock Widget到主窗口中的不同位置，包括主窗口的四个方向（上下左右）以及浮动状态。可以调整Dock Widget的大小，包括宽度和高度。可以使用Dock Widget中的选项卡来组织和管理多个Dock Widget。可以使用Dock Widget中的工具栏和菜单来提供额外的功能和交互。
qstackedwidget qstackedlayout
03-20
<think>好的，用户想了解QStackedWidget和QStackedLayout的用法和区别。首先，我需要回忆这两个类的基本信息。QStackedWidget和QStackedLayout都是Qt框架中用于管理多个子控件，但一次只显示一个的组件。它们的核心功能类似，但使用场景可能不同。 先从QStackedWidget开始，记得它是一个继承自QWidget的容器控件，内部使用QStackedLayout来管理子控件。用户可以直接将QStackedWidget添加到界面中，像其他QWidget一样使用。它的主要方法包括addWidget、insertWidget、removeWidget，以及设置当前显示索引的setCurrentIndex和setCurrentWidget。适用于需要直接替换整个页面，比如向导界面或标签页切换。 然后是QStackedLayout，这是一个布局管理器，继承自QLayout。它本身不是一个控件，所以需要嵌入到其他容器控件中使用。比如可以创建一个QWidget，然后设置它的布局为QStackedLayout。它的接口和QStackedWidget类似，但需要手动添加到父控件中。可能更适合需要自定义布局结构的情况，比如在复杂的界面组合中使用不同的布局管理器。 接下来需要比较它们的区别。首先，继承关系：QStackedWidget是QWidget的子类，而QStackedLayout是QLayout的子类。使用方式上，QStackedWidget可以直接作为控件使用，而QStackedLayout需要依附于一个父控件。灵活性方面，QStackedLayout可以和其他布局组合使用，比如嵌套在QHBoxLayout中，而QStackedWidget本身已经是一个完整的控件。 应用场景方面，QStackedWidget适合需要快速实现页面切换的简单情况，比如设置向导或标签页。而QStackedLayout适合需要更灵活布局管理的复杂界面，比如动态调整布局结构或与其他布局混合使用。 用户可能需要示例代码来理解两者的用法。需要分别给出两者的代码示例，展示如何添加控件和切换页面。同时，要提到切换索引的方法，比如使用按钮的信号连接到setCurrentIndex。 另外，用户可能不清楚何时选择哪一个。需要总结两者的优缺点，比如QStackedWidget更简单直接，而QStackedLayout更灵活，但需要更多设置。同时，注意QStackedWidget内部已经使用了QStackedLayout，所以如果已经有QStackedWidget，可能不需要直接使用QStackedLayout。 最后，生成相关问题，帮助用户进一步学习。例如，如何在Qt中动态切换布局，或者如何结合其他布局管理器使用QStackedLayout。同时，检查引用资料是否相关，但看起来提供的引用可能没有直接提到这两个类，可能需要忽略引用部分，或者指出参考资料中没有直接信息，但根据Qt文档进行回答。</think>### QStackedWidget与QStackedLayout的用法与区别 #### 1. **核心功能** 两者均用于管理多个子控件（如页面或视图），但**一次只显示其中一个**。这种特性适用于需要动态切换界面的场景，例如： - 向导式对话框 - 标签页切换 - 状态相关的视图切换 #### 2. **QStackedWidget详解** - **继承关系**：`QStackedWidget`直接继承自`QWidget`，本质是一个容器控件。 - **直接使用**：可直接添加到界面中，无需额外布局容器。 - **典型方法**： ```cpp addWidget(QWidget *widget) // 添加子控件 setCurrentIndex(int index) // 设置当前显示的子控件索引 currentWidget() const // 获取当前显示的子控件 ``` - **示例代码**（Python/PyQt）： ```python stacked_widget = QStackedWidget() page1 = QLabel("页面1") page2 = QLineEdit("页面2") stacked_widget.addWidget(page1) stacked_widget.addWidget(page2) stacked_widget.setCurrentIndex(1) # 显示第二个页面 ``` #### 3. **QStackedLayout详解** - **继承关系**：`QStackedLayout`继承自`QLayout`，是一个布局管理器。 - **依赖父容器**：需依附于某个`QWidget`才能生效。 - **典型方法**： ```cpp addWidget(QWidget *widget) // 添加子控件 setCurrentIndex(int index) // 设置当前显示的子控件索引 ``` - **示例代码**（Python/PyQt）： ```python container = QWidget() stacked_layout = QStackedLayout() container.setLayout(stacked_layout) page1 = QLabel("页面1") page2 = QPushButton("页面2") stacked_layout.addWidget(page1) stacked_layout.addWidget(page2) stacked_layout.setCurrentIndex(0) # 显示第一个页面 ``` #### 4. **关键区别** | **特性** | QStackedWidget | QStackedLayout | |------------------|-----------------------------------------|------------------------------------| | **类型** | 控件（QWidget子类） | 布局管理器（QLayout子类） | | **使用方式** | 直接作为独立控件使用 | 需绑定到父容器的布局 | | **灵活性** | 适合简单页面切换 | 可与其他布局嵌套组合 | | **典型场景** | 标签页、向导界面 | 动态布局重组（如响应窗口尺寸变化） | #### 5. **选择建议** - **优先选择QStackedWidget**：若只需简单页面切换且无需复杂布局管理。 - **选择QStackedLayout**：若需要将页面切换功能集成到更复杂的布局结构中（例如与`QHBoxLayout`或`QGridLayout`嵌套使用）。 #### 6. **性能与实现** - QStackedWidget内部封装了QStackedLayout[^1]，因此两者底层实现一致。 - 直接使用QStackedLayout可减少一层控件嵌套，适合对性能敏感的场景。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值