QComboBox下拉列表 - 设置所选项目样式

时间:2011-12-07 14:35:42

标签: qt qcombobox

是否可以设置QComboBox下拉列表的选定项目样式(Qt样式表)?

3 个答案:

答案 0 :(得分:11)

解决方案是

  • 创建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;
    }

注: 我认为,according to the Qt docs应用这种风格也应该有用......但事实并非如此。

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

答案 1 :(得分:2)

如果您的意思是当组合框显示其元素时(即处于“下拉”状态),您希望所选项目显示不同,您可以更改调色板中的突出显示和突出显示文本的颜色,或者设置样式内在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();
}

如果你的意思是“折叠”状态下元素的样式,我会看一下Qt样式表参考的“Customizing QComboBox”部分,了解你要做什么的例子

答案 2 :(得分:0)

@Sergey Vlasov:我不知道是否有更好的解决方案来解决您的问题,但是,但是我设法通过以下方法解决了该问题:

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);

这消除了所选项目周围的讨厌框架