为什么 padding-left 样式会导致 QComboBox 菜单拉伸到屏幕高度？

Question

考虑以下示例。它创建了QComboBox 的两个实例：一个带有样式表，另一个没有。如果单击第一个（小部件样式为 Fusion），则菜单按预期调整大小，尽管悬停项和非悬停项之间的文本填充不一致。但是如果你点击第二个，padding 问题现在已经解决了，但是菜单看起来有很大的条目，使得菜单填满了整个屏幕的高度。

#include <QComboBox>
#include <QApplication>

int main(int argc, char** argv)
{
    QApplication app(argc, argv);
    QComboBox box1, box2;
    const QString stylesheetOrig=R"(
QComboBox::item:selected
{
    background-color: #0000ff;
}
)";
    box1.setStyleSheet(stylesheetOrig);
    box2.setStyleSheet(stylesheetOrig+R"(
QComboBox::item
{
    padding-left: 27px;
}
)");
    box1.addItems({"Hello 1","Goodbye 1"});
    box2.addItems({"Hello 2","Goodbye 2"});
    box1.show();
    box2.show();

    return app.exec();
}

如果我删除填充语句，仍然留下 QComboBox::item {} 部分，那么不会发生任何奇怪的事情（也不会发生任何有用的事情）。但是，如果我什至将填充设置为 1px 或 0px，则拉伸已经尽其所能发生了。

为什么设置horizo​​ntal padding 会导致垂直方向如此奇怪的变化？

Answer 1

哇，好吧，这确实很糟糕。将任何 CSS 添加到组合框会使其进入其他一些“复古”模式，并在当前项目旁边显示图标。多年来我从未注意到这一点，但我在这个问题上看到了很多共同点。不过似乎只会影响 Fusion 风格，我在 Windows 机器上困惑了一段时间，直到我弄清楚了。

问题是你是否想要复选框。这是摆脱它的一种方法，这是我在玩了一段时间后发现的唯一一致的方法。主要技巧是在::item 而不是::item:selected 上设置选择颜色（后者使复选标记出现）。

QComboBox::item { 
  selection-background-color: #0000ff;
  selection-color: palette(highlighted-text);
}

附言。造成混淆的另一个原因以及为什么QComboBox::item 和:checked 甚至可以工作的另一个原因是 QComboBox 默认项目委托（用于在组合框用于选项列表的 QListView 中绘制项目）“假装”它是QMenu： QComboMenuDelegate::paint()
所以另一种解决方法是为委托使用更理智/可定制的东西，甚至可能是默认的QStyledItemDelegate。

---

添加：保留复选框并确保未选中项目具有填充的版本（不使用 padding 属性，当在具有 Fusion 样式的组合框项目中使用时，该属性似乎是 FUBAR）。图标大小似乎最容易通过iconSize 属性设置——我通过css icon/image/element width/height 尝试了几种方法，但没有任何影响...可能是因为iconSize 属性覆盖了它。

QComboBox { qproperty-iconSize: 12px; }       /* or QComboBox::setIconSize() */
QComboBox::indicator { color: transparent; }  /* to force space for the icon column */

/* Using ::item:selected vs. ::item { selection-*-color: } will apparently make the 
  checkbox column appear... at least with Fusion as the main style */
QComboBox::item:selected { 
  color: palette(highlighted-text); 
  background-color: #0000ff; 
}

---

版本 3（根据 cmets）：

QComboBox { qproperty-iconSize: 12px; }       /* or QComboBox::setIconSize() */
QComboBox::indicator:!checked { border: 0; }  /* to force space for the icon column */
QComboBox::item { background-color: palette(base); }  /* gets rid of icon|text separator */

/* Using ::item:selected vs. ::item { selection-*-color: } will apparently make the 
  checkbox column appear... at least with Fusion as the main style */
QComboBox::item:selected { 
  color: palette(highlighted-text); 
  background-color: #0000ff; 
}

在未选中的图标区域的顶部仍然有一条 1px 的框架线，尽管它非常微妙。我不知道这是从哪里来的……尝试了一些猜测，但无济于事。