关于QMenu按钮图标位置设置的样式表

最新推荐文章于 2025-03-03 08:59:50 发布

逆天の诸葛

最新推荐文章于 2025-03-03 08:59:50 发布

阅读量6.9k

点赞数 9

分类专栏： Qt开发笔记文章标签： css qt

本文链接：https://blog.csdn.net/yl409519139/article/details/106147014

版权

Qt开发笔记专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了如何使用样式表解决QMenu中图标位置不能居中的问题，通过设置QMenu::icon的绝对定位，成功实现了菜单图标的居中显示。

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

废话不多说，一直困扰我许久的图标位置不能居中的问题终于搞定。效果如下：

关键样式见QMenu::icon内容，样式表如下：

QMenu {
    background-color: #292F38;
    color:#CFCFCF;
    padding:0px;
    margin:0px;
    border: 1px solid gray;
}
QMenu::item {
    padding-left:20px;
    padding-right:40px;
    padding-top:5px;
    padding-bottom:5px;
}
QMenu::icon{
    position:absolute;
    left:10px;
}
QMenu::item:hover {
    border-color: #3CA9FE;
    background: #3CA9FE;
    color:#FFFFFF;
    padding-left:0px;
    padding-right:0px;
}
QMenu::item:selected {
    border-color: #3CA9FE;
    background: #3CA9FE;
    color:#FFFFFF;
}
QMenu::item:checked {
    border-color: #3CA9FE;
    background: #3CA9FE;
    color:#FFFFFF;
}
QMenu::separator {
    height: 2px;
    background: lightblue;
    margin-left: 10px;
    margin-right: 5px;
}
QMenu::indicator {
    width: 15px;
    height: 15px;
}
/* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */
QMenu::indicator:exclusive:checked {
    border-color: #3CA9FE;
    background: #3CA9FE;
    color:#ffffff;
}
QMenu::indicator:exclusive:checked:selected {
    border-color: #3CA9FE;
    background: #3CA9FE;
    color:#ffffff;
}