【python】PyQt5中的QFrame控件，控制图形的边框样式、阴影效果、形状等属性

✨✨ 欢迎大家来到景天科技苑✨✨

🎈🎈 养成好习惯，先赞后看哦~🎈🎈

🏆 作者简介：景天科技苑
🏆《头衔》：大厂架构师，华为云开发者社区专家博主，阿里云开发者社区专家博主，CSDN全栈领域优质创作者，掘金优秀博主，51CTO博客专家等。
🏆《博客》：Python全栈，前后端开发，小程序开发，云原生K8S，人工智能，js逆向，App逆向，网络系统安全，数据分析，PyQt5和tkinter桌面开发，Django，fastapi，flask等框架，linux，shell脚本等实操经验，网站搭建，数据库等分享。

所属的专栏：PyQt5桌面应用开发，零基础到进阶应用实战
景天的主页：景天科技苑

PyQt5中的QFrame

PyQt5是Python编程语言中一个流行的GUI（图形用户界面）工具包，它基于Qt库，提供了丰富的控件和强大的功能，用于创建跨平台的桌面应用程序。在PyQt5中，QFrame是一个重要的基类，它提供了边框样式、阴影效果、形状等属性，可以帮助开发者实现丰富多彩的界面效果。本文将结合实际案例，详细介绍QFrame在PyQt5中的用法。

一、QFrame概述

QFrame是PyQt5中QWidget的一个子类，主要用于控制控件的边框样式，如凸起、凹下、阴影等。通过QFrame，开发者可以轻松地实现复杂的界面布局和视觉效果。QFrame提供的主要属性和方法包括：

• setFrameStyle(int style): 设置边框的样式。
• setFrameShadow(Shadow shadow): 设置边框的阴影效果。
• setFrameShape(Shape shape): 设置边框的形状。
• setLineWidth(int width): 设置边框的宽度。
• setMidLineWidth(int width): 设置中间线的宽度（如果有的话）。

二、QFrame的基本用法

在PyQt5中使用QFrame非常简单，首先需要导入必要的模块，然后创建QFrame对象，并通过设置其属性来调整边框的样式和效果。

示例1：基础QFrame的使用

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QFrame, QVBoxLayout

class FrameExample(QWidget):
    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):
        vbox = QVBoxLayout()
        frame1 = QFrame(self)
        frame1.setFrameShape(QFrame.StyledPanel)
        frame2 = QFrame(self)
        frame2.setFrameShape(QFrame.Box)
        
        vbox.addWidget(frame1)
        vbox.addWidget(frame2)
        
        self.setLayout(vbox)
        self.setGeometry(300, 300, 300, 200)
        self.setWindowTitle('QFrame Example')
        self.show()

if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = FrameExample()
    sys.exit(app.exec_())

运行效果

在上面的示例中，我们创建了一个FrameExample类，它继承自QWidget。在initUI方法中，我们创建了两个QFrame对象，分别设置了不同的边框样式（StyledPanel和Box），并通过QVBoxLayout将它们垂直排列。最后，我们通过setLayout方法将布局管理器设置给窗口，并通过show方法显示窗口。

示例2：结合其他控件的QFrame

QFrame还可以与其他控件结合使用，以实现更加复杂的界面效果。

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QFrame, QVBoxLayout, QPushButton, QLabel

class AdvancedFrameExample(QWidget):
    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):
        vbox = QVBoxLayout()
        frame = QFrame(self)
        frame.setFrameShape(QFrame.StyledPanel)
        
        button = QPushButton('Click me', self)
        label = QLabel('Hello, QFrame!', self)
        
        vbox.addWidget(frame)
        vbox.addWidget(label)
        vbox.addWidget(button)
        
        self.setLayout(vbox)
        self.setGeometry(300, 300, 300, 200)
        self.setWindowTitle('Advanced QFrame Example')
        self.show()

if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = AdvancedFrameExample()
    sys.exit(app.exec_())

运行效果：

在这个示例中，我们在QFrame控件上放置了一个QPushButton和一个QLabel，通过QVBoxLayout将它们组合在一起，实现了一个简单的交互界面。用户点击按钮时，虽然QFrame本身不响应点击事件，但可以通过布局管理器中的其他控件来实现复杂的交互逻辑。

三、QFrame的样式和效果

QFrame提供了丰富的样式和效果选项，通过调整这些选项，可以创建出各种独特的界面效果。

边框样式

QFrame提供了多种边框样式，这些样式通过setFrameShape方法来设置。常见的边框样式包括：

• QFrame.NoFrame：无边框。
• QFrame.Box：围绕内容绘制一个矩形边框。
• QFrame.Panel：绘制一个面板，使内容看起来凸起或凹陷。
• QFrame.StyledPanel：绘制一个矩形面板，其外观取决于当前的GUI样式。
• QFrame.HLine：绘制一条水平线，用作分隔符，无边框。
• QFrame.VLine：绘制一条垂直线，同样用作分隔符，无边框。
• QFrame.WinPanel：类似于Panel，但更具体地模仿Windows 2000风格的面板。

阴影效果

阴影效果通过setFrameShadow方法设置，它提供了以下几种选项：

• QFrame.Plain：无阴影效果，边框和内容与周围环境呈现水平。
• QFrame.Raised：边框和内容看起来凸起，使用当前颜色组的浅色和深色绘制3D凸起线。
• QFrame.Sunken：边框和内容看起来凹陷，同样使用当前颜色组的浅色和深色绘制3D凹陷线。

线宽

QFrame还支持设置边框的线宽，这通过setLineWidth方法实现。此外，某些边框样式还支持设置中间线宽（尽管并非所有样式都有效），这通过setMidLineWidth方法设置。

示例1：组合效果展示

# 0. 导入需要的包和模块
from PyQt5.Qt import *
import sys


# 1. 创建一个应用程序对象
app = QApplication(sys.argv)

# 2. 控件的操作
# 2.1 创建控件
window = QWidget()
# 2.2 设置控件
window.setWindowTitle("QFrame功能测试")
window.resize(500, 500)

frame = QFrame(window)
frame.resize(100, 100)
frame.move(100, 100)
frame.setStyleSheet("background-color: cyan;")

#设置边框形状
# frame.setFrameShape(QFrame.Box)
# frame.setFrameShape(QFrame.Panel)
#设置阴影效果
# frame.setFrameShadow(QFrame.Raised)
#边框形状和阴影效果的组合
frame.setFrameStyle(QFrame.Box | QFrame.Raised)

#设置外边框的宽度，外层
frame.setLineWidth(6)
#设置中间线的宽度，中间层
frame.setMidLineWidth(10)

#这个是外线宽度两倍加上中线宽度
print(frame.frameWidth())

#设置框架矩形
# frame.setFrameRect(QRect(20, 20, 60, 60))

# 2.3 展示控件
window.show()
# 3. 应用程序的执行, 进入到消息循环
sys.exit(app.exec_())

组合效果对照图

平时我们只需要根据这张图，根据需求，只需要去修改相应的参数即可

四、QFrame的高级用法

除了基本的边框样式和阴影效果外，QFrame还可以与其他PyQt5特性结合使用，以实现更加高级和复杂的界面效果。

自定义样式表

PyQt5支持通过样式表（StyleSheet）来自定义控件的外观，QFrame也不例外。通过setStyleSheet方法，可以定义边框的颜色、宽度、圆角等属性，从而实现高度自定义的界面效果。

动态效果

虽然QFrame本身不直接提供动画效果，但可以通过结合PyQt5的动画框架（如QPropertyAnimation）来实现边框的动态变化效果。例如，可以创建一个动画来改变边框的宽度或颜色，从而吸引用户的注意力。

布局管理

在复杂的界面中，合理的布局管理至关重要。QFrame可以作为布局中的一部分，通过QHBoxLayout、QVBoxLayout等布局管理器来组织界面元素。同时，QFrame还可以嵌套使用，以创建更加复杂的布局结构。

五、注意事项

• 在使用QFrame时，需要注意其与其他控件的交互关系。由于QFrame主要用于边框样式的控制，因此它本身并不直接提供内容展示的功能。如果需要在QFrame中展示内容，通常需要将其与其他控件（如QLabel、QPushButton等）结合使用。
• 在设置边框样式和阴影效果时，要考虑到当前GUI样式的兼容性。不同的操作系统和主题可能会对边框的显示效果产生影响。
• 在使用自定义样式表时，要确保样式表的语法正确，并且与当前GUI样式相协调。

六、总结

QFrame是PyQt5中一个功能强大的控件，它提供了丰富的边框样式和阴影效果选项，使得开发者能够轻松实现各种复杂的界面效果。通过结合其他PyQt5特性和布局管理器，QFrame可以在复杂的桌面应用程序中发挥重要作用。希望本文能够帮助读者更好地理解QFrame的用法，并在实际开发中灵活运用它来提升应用程序的界面质量和用户体验。