将qt界面中加载css或者qss样式

爱吃巧克力的程序媛2025-11-14 22:54

https://blog.csdn.net/Littlehero_121/article/details/102822201

如果是大批的按钮与控件这个时候就需要我们通过其他的方式来加载样式，这个时候就需要css或者qss。

qss 复制代码

QPushButton {
    margin: 5px;           /* 外边距 */
    border: 2px solid red; /* 边框 */
    padding: 10px;         /* 内边距 */
    
    /* QSS特有 */
    outline: none;         /* 焦点边框 */
    spacing: 5px;          /* 内部元素间距 */
}

qss 复制代码

/* 启用/禁用状态 */
QPushButton:enabled { color: black; }
QPushButton:disabled { color: gray; }

/* 焦点状态 */
QPushButton:focus { border: 2px solid blue; }

/* 悬停和按下状态 */
QPushButton:hover { background: lightblue; }
QPushButton:pressed { background: darkblue; }

/* 选中状态（用于可选中控件） */
QCheckBox:checked { color: green; }

/* 窗口激活状态 */
QMainWindow:active { background: white; }

qss 复制代码

/* 图标属性 */
QPushButton {
    icon: url(:/images/icon.png);
    qproperty-iconSize: 16px 16px;
}

/* 子控件定位 */
QScrollBar::handle {
    subcontrol-origin: margin;
    subcontrol-position: left;
}

/* Qt特定属性 */
QMainWindow::separator {
    width: 3px;
    background-color: gray;
}

/* 边框图像（简化版） */
QPushButton {
    border-image: url(:/images/border.png) 4 4 4 4 stretch stretch;
}