Раскрывающийся список QComboBox - установить стиль выбранного элемента

Question

Можно ли установить выбранный стиль элемента (таблицу стилей Qt) из раскрывающегося списка QComboBox?

Answer 1

Решение состоит в том, чтобы

• создать объект ListView
• установить свою таблицу стилей
• используйте это как представление ComboBox

Вот как:

    int main(int argc, char *argv[])
    {
    QApplication app(argc, argv);
    QMainWindow * mainWindow = new QMainWindow();
    QComboBox * combo = new QComboBox(mainWindow);
    QListView * listView = new QListView(combo);
    combo->addItem("foo");
    combo->addItem("bar");
    combo->addItem("foobar");
    combo->addItem("fooooo");

    listView->setStyleSheet("QListView::item {                              \
                             border-bottom: 5px solid white; margin:3px; }  \
                             QListView::item:selected {                     \
                             border-bottom: 5px solid black; margin:3px;    \
                             color: black;                                  \
                            }                                               \
                            ");
    combo->setView(listView);


    mainWindow->show();
    app.exec();

    return 0;
    }

Замечание: я думаю, что в соответствии с документацией Qt этот стиль также должен работать... но это не так.

QComboBox QAbstractItemView::item {
    border-bottom: 5px solid white; margin:3px;
}
QComboBox QAbstractItemView::item:selected {
    border-bottom: 5px solid black; margin:3px;
}

Answer 2

Если вы хотите, чтобы выбранный элемент отображался по-разному, когда в поле со списком отображаются его элементы (т.е. в состоянии "выпадающий"), вы можете изменить цвета для Highlight и HighlightedText в палитре или стилизовать внутренний QAbstractItemView

#include <QtGui>

int main(int argc, char **argv) {
  QApplication app(argc, argv);

  QComboBox cb;
  cb.addItem("Item 1");
  cb.addItem("Item 2");
  cb.addItem("Item 3");
  cb.show();

  QPalette p = cb.palette();
  p.setColor(QPalette::HighlightedText, QColor(Qt::red));
  p.setColor(QPalette::Highlight, QColor(Qt::green));
  cb.setPalette(p);

  // OR ...
  // cb.setStyleSheet("QComboBox QAbstractItemView { "
  //                  "selection-background-color: green; "
  //                  "selection-color: red; }");

  return app.exec();
}

Если вы просто имеете в виду стиль элемента в его "свернутом" состоянии, я бы взглянул на раздел " Настройка QComboBox" в справочнике таблиц стилей Qt, где приведены примеры того, что вы пытаетесь сделать.

Answer 3

@ Сергей Власов: Я не знаю, есть ли лучшее решение для вашей проблемы, но мне удалось решить его следующим образом:

class MyDelegate : public QStyledItemDelegate
{
protected:
    void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const override
    {
        if (option.state & QStyle::State_HasFocus){
            QStyleOptionViewItem my_option = option;
            my_option.state = my_option.state ^ QStyle::State_HasFocus;
            QStyledItemDelegate::paint(painter, my_option, index);
            return;
        }
        QStyledItemDelegate::paint(painter, option, index);
    }
};

А затем с помощью вашего делегата в вашем выпадающем списке:

QStyledItemDelegate* itemDelegate = new MyDelegate();
    combobox->setItemDelegate(itemDelegate);

это устраняет неприятную рамку вокруг выбранного элемента