QTabWidget样式总结及示例代码

QTabWidget样式总结及示例代码

QTabWidget是Qt中常用的控件之一，它可以将多个页面放在同一个窗口中展示，用户可以通过切换选项卡来浏览不同的页面内容。为了美化界面，我们可以通过设置样式表（QSS）来改变QTabWidget的外观。

1. 修改选中和未选中状态的背景和文本颜色

可以通过以下代码修改选中和未选中状态的背景颜色、文本颜色以及边框：

QTabWidget::pane { /* 设置整个QTabWidget的背景色 */
    background-color: #bedcf5;
}

/* 未选中的选项卡 */
QTabBar::tab {
    background-color: #f5f5f5;
    color: #333;
    border: 1px solid #ccc;
    padding: 6px;
}

/* 选中的选项卡 */
QTabBar::tab:selected, QTabBar::tab:hover:selected {
    background-color: #bedcf5;
    color: #0078d7;
    border-top: 2px solid #0078d7;
    border-bottom: none;
}

/* 不可用的选项卡 */
QTabBar::tab:disabled {
    color: #999;
}

2. 修改选项卡上图标和文本的位置及大小

默认情况下，选项卡上的图标会