qt中qcss的总结

最新推荐文章于 2025-05-10 14:22:13 发布

小蒜瓣

最新推荐文章于 2025-05-10 14:22:13 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏：编码文章标签： qt qcss

本文链接：https://blog.youkuaiyun.com/messicr7/article/details/78501179

本文详细总结了Qt中的QCSS使用，包括QSpinBox、QPushButton、QLabel、QComboBox和QLineEdit等组件的样式设置，展示了不同组件应用CSS后的效果，并提供了实现各种视觉效果的代码示例，如横向滚动条等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.QSpinBox

效果：

代码：

QSpinBox {
    padding-right: 15px; /* make room for the arrows */
    border-image: url(:/images/frame.png) 4;
    border-width: 3;
}

QSpinBox::up-button {
    subcontrol-origin: border;
    subcontrol-position: top right; /* position at the top right corner */
    width: 16px; /* 16 + 2*1px border-width = 15px padding + 3px parent border */
    border-image: url(:/images/spinup.png) 1;
    border-width: 1px;
}

QSpinBox::up-button:hover {
    border-image: url(:/images/spinup_hover.png) 1;
}

QSpinBox::up-button:pressed {
    border-image: url(:/images/spinup_pressed.png) 1;
}

QSpinBox::up-arrow {
    image: url(:/images/up_arrow.png);
    width: 7px;
    height: 7px;
}

QSpinBox::up-arrow:disabled, QSpinBox::up-arrow:off { /* off state when value is max */
   image: url(:/images/up_arrow_disabled.png);
}

QSpinBox::down-button {
    subcontrol-origin: border;
    subcontrol-position: bottom right; /* position at bottom right corner */
    width: 16px;
    border-image: url(:/images/spindown.png) 1;
    border-width: 1px;
    border-top-width: 0;
}

QSpinBox::down-button:hover {
    border-image: url(:/images/spindown_hover.png) 1;
}

QSpinBox::down-button:pressed {
    border-image: url(:/images/spindown_pressed.png) 1;
}

QSpinBox::down-