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

最新推荐文章于 2025-12-01 13:38:27 发布

原创最新推荐文章于 2025-12-01 13:38:27 发布 · 232 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#qt #css #开发语言

qt 专栏收录该内容

6 篇文章

订阅专栏

https://blog.youkuaiyun.com/Littlehero_121/article/details/102822201

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

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

/* 启用/禁用状态 */
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; }

/* 图标属性 */
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;
}