当前位置：首页 > article >正文

Qt的QToolBox样式设置

article 2025/2/22 0:48:15

QToolBox 是 Qt 框架中的一个控件，用于创建一个可折叠的工具箱。你可以通过样式表（QSS）来设置 QToolBox 的外观和样式。以下是一些常见的样式设置示例：

1. 基本样式设置

你可以通过设置 QToolBox 的背景颜色、边框、字体等来改变其外观。

toolbox.setStyleSheet("""
    QToolBox {
        background-color: #f0f0f0;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 5px;
    }
    QToolBox::tab {
        background-color: #e0e0e0;
        border: 1px solid #ccc;
        border-radius: 3px;
        padding: 5px;
        font-size: 14px;
        color: #333;
    }
    QToolBox::tab:selected {
        background-color: #d0d0d0;
        font-weight: bold;
    }
""")

2. 设置选项卡的样式

你可以单独设置 QToolBox 中选项卡的样式，比如背景颜色、字体、边框等。

toolbox.setStyleSheet("""
    QToolBox::tab {
        background-color: #e0e0e0;
        border: 1px solid #ccc;
        border-radius: 3px;
        padding: 5px;
        font-size: 14px;
        color: #333;
    }
    QToolBox::tab:selected {
        background-color: #d0d0d0;
        font-weight: bold;
    }
""")

3. 设置内容区域的样式

你可以设置 QToolBox 内容区域的样式，比如背景颜色、边框等。

toolbox.setStyleSheet("""
    QToolBox::pane {
        background-color: #f0f0f0;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 5px;
    }
""")

4. 设置鼠标悬停效果

你可以为 QToolBox 的选项卡设置鼠标悬停效果。

toolbox.setStyleSheet("""
    QToolBox::tab:hover {
        background-color: #d0d0d0;
        color: #000;
    }
""")

5. 设置不同状态的样式

你可以为 QToolBox 的不同状态（如选中、禁用等）设置不同的样式。

toolbox.setStyleSheet("""
    QToolBox::tab:selected {
        background-color: #d0d0d0;
        font-weight: bold;
    }
    QToolBox::tab:disabled {
        background-color: #f0f0f0;
        color: #888;
    }
""")

6. 设置图标和文本的对齐方式

你可以通过样式表设置选项卡中图标和文本的对齐方式。

toolbox.setStyleSheet("""
    QToolBox::tab {
        padding-left: 20px; /* 调整图标和文本的间距 */
        text-align: left; /* 文本左对齐 */
    }
""")

7. 设置整个 `QToolBox` 的样式

你可以为整个 QToolBox 设置统一的样式，包括背景、边框、字体等。

toolbox.setStyleSheet("""
    QToolBox {
        background-color: #f0f0f0;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 5px;
        font-family: Arial;
        font-size: 14px;
    }
""")

8. 设置 `QToolBox` 的动画效果

虽然样式表不能直接设置动画效果，但你可以通过 Qt 的动画框架来实现 QToolBox 的展开和折叠动画。

from PyQt5.QtCore import QPropertyAnimation, QEasingCurve

animation = QPropertyAnimation(toolbox, b"geometry")
animation.setDuration(300)  # 动画持续时间
animation.setEasingCurve(QEasingCurve.OutQuad)  # 缓动曲线