如何在 QComboBox 中移动文本上方的图标

Question

我已经查看 QComboBox 源文件有一段时间了，但我不知道我需要更改什么以便图标位于 QComboBox 中的文本上方。

|-----------------------|
|         -----         |
|         |icn|         |
|         -----         |
|    Text label here    |
-------------------------

QCombobox 中的绘制方法非常简单，并且引用了一个名为 QStyleOptionComboBox 的东西，但我不认为我想在这里进行更改，因为这会影响可移植性。

我会不会更好地发明一些新的东西来表现和表现得像一个 QComboBox？

我应该补充一点，我正在考虑更改 ListView 和选定项目，即按钮部分。

Answer 1

为了处理组合框下拉视图中图标（装饰）的位置，您需要覆盖其视图选项QAbstractItemView::viewOptions()。让我们创建一个自定义视图并用我们的替换原生组合框视图：

class ComboView : public QListView
{
protected:
    QStyleOptionViewItem viewOptions() const
    {
        // Set icon on the top and center of combo box item.
        QStyleOptionViewItem option = QListView::viewOptions();
        option.decorationAlignment = Qt::AlignHCenter | Qt::AlignCenter;
        option.decorationPosition = QStyleOptionViewItem::Top;
        option.displayAlignment = Qt::AlignCenter;   
        return option;
    }
};

对于组合框：

QComboBox cb;
cb.setView(new ComboView); // Sets the custom view.
cb.addItem(QIcon("icon.png"), "Item1");
cb.addItem(QIcon("icon.png"), "Item2");
cb.show();