come aggiungere foglio di stile per separatore in qcombbobox

Question

Ho aggiunto due elementi in un QCOMBOBOX con un separatore

addItem("New");
addItem("Delete");
insertSeparator(2);

Al fine di evidenziare la selezione dell'articolo con uno stile diverso, ho usato QListView per la vista QCOMBOBOX con il foglio di stile come

QListView * listView = new QListView(this);
this->setView(listView);

listView->setStyleSheet("QListView::item {                              \
                            color: black;                                    \
                            background: white;                           }  \
                            QListView::item:selected {                     \
                            color: white;                                  \
                            background-color: #0093D6  \
                            }                                               \
                            ");

Ora il problema è che il separatore non è affatto visibile .. sta mostrando uno spazio bianco vuoto tra gli oggetti. Non sono bravo con i fogli di stile, quindi non ho molta idea chiara su come creare un nuovo foglio di stile per il separatore ..

Answer 1

Dovrai creare un'usanza itemDelegate per il tuo QListView.

Puoi sottoclasse QItemDelegate Per creare la tua classe delegata. Uso sizeHint funzione per impostare le dimensioni del separatore e dipingerlo in paint funzione. Controlla se gli elementi sono un separatore con index.data(Qt::AccessibleDescriptionRole).toString().

#ifndef COMBOBOXDELEGATE_H
#define COMBOBOXDELEGATE_H

#include <QItemDelegate>

class ComboBoxDelegate : public QItemDelegate
{
    Q_OBJECT
public:
    explicit ComboBoxDelegate(QObject *parent = 0);

protected:
    void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const;
    QSize sizeHint(const QStyleOptionViewItem &option, const QModelIndex &index) const;
};

#endif // COMBOBOXDELEGATE_H

 

void ComboBoxDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
{
    if(index.data(Qt::AccessibleDescriptionRole).toString() == QLatin1String("separator"))
    {
        painter->setPen(Qt::red);
        painter->drawLine(option.rect.left(), option.rect.center().y(), option.rect.right(), option.rect.center().y());
    }
    else
        QItemDelegate::paint(painter, option, index);
}

QSize ComboBoxDelegate::sizeHint(const QStyleOptionViewItem &option, const QModelIndex &index) const
{
    QString type = index.data(Qt::AccessibleDescriptionRole).toString();
    if(type == QLatin1String("separator"))
        return QSize(0, 2);
    return QItemDelegate::sizeHint( option, index );
}

Quindi basta impostare il tuo delegato personalizzato sul tuo listView:

listView->setItemDelegate(new ComboBoxDelegate);.