QComboBox自定义委托和IP动态排序

---

前言

由于实际项目需要，多台设备连接管理，每台设备连接成功加入到QCombobox里面，但是设备的连接是没有先后顺序的，因此需要排序，看起来比较直观，下面就进入正题。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、自定义委托

委托提供特殊显示和编辑功能。委托的标准接口由 QAbstractItemDelegate 类提供。委托通过 paint() 和 sizeHint() 函数来使它们可以渲染自身的内容。QItemDelegate 和QStyledItemDelegate 是委托Qt提供的两种委托实现。QStyledItemDelegate使用当前的样式来绘制项目，当要自定义的委托要使用样式表一起应用时，建议使用它作为基类。

代码如下：

#include "comboboxdelegate.h"

comboboxdelegate::comboboxdelegate(QObject *parent)
{

}

comboboxdelegate::~comboboxdelegate()
{

}

void comboboxdelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
{
    if(index.isValid())
    {
        painter->save();
        QString data = index.data(Qt::DisplayRole).toString();

        QRectF rect;
        rect.setX(option.rect.x());
        rect.setY(option.rect.y());
        rect.setWidth( option.rect.width()-1);
        rect.setHeight(option.rect.height()-1);

        QPainterPath path;
        path.moveTo(rect.topRight() - QPointF(radius, 0));
        path.lineTo(rect.topLeft() + QPointF(radius, 0));
        path.quadTo(rect.topLeft(), rect.topLeft() + QPointF(0, radius));
        path.lineTo(rect.bottomLeft() + QPointF(0, -radius));
        path.quadTo(rect.bottomLeft(), rect.bottomLeft() + QPointF(radius, 0));
        path.lineTo(rect.bottomRight() - QPointF(radius, 0));
        path.quadTo(rect.bottomRight(), rect.bottomRight() + QPointF(0, -radius));
        path.lineTo(rect.topRight() + QPointF(0, radius));
        path.quadTo(rect.topRight(), rect.topRight() + QPointF(-radius, -0));

        if(option.state.testFlag(QStyle::State_Selected))
        {
            painter->setPen(QPen(Qt::blue));
            painter->setBrush(QColor(255,170,0));
            painter->drawPath(path);
        }
        else if(option.state.testFlag(QStyle::State_MouseOver))
        {
            painter->setPen(QPen(Qt::green));
            painter->setBrush(QColor(80, 80, 80));
            painter->drawPath(path);
        }
        else{
            painter->setPen(QPen(Qt::gray));
            painter->setBrush(QColor(80, 80, 80));
            painter->drawPath(path);
        }

        QRect codeRect = QRect(rect.left() +10, rect.top()+3, rect.width()-30, 24);
        QRect circle = QRect(codeRect.right(), rect.top()+10, 10, 10);

        painter->drawEllipse(circle);
        painter->setPen(QPen(QColor(255,0,0)));
        painter->setFont(QFont("微软雅黑", 15, QFont::Bold));
        painter->drawText(codeRect,Qt::AlignLeft,data);
        painter->restore();
    }else{
        qDebug()<<"index is vaild?";
    }
}

QSize comboboxdelegate::sizeHint(const QStyleOptionViewItem &option, const QModelIndex &index) const
{
    qDebug()<<__FUNCTION__;
    return QSize(100,30);
}

头文件:

#ifndef COMBOBOXDELEGATE_H
#define COMBOBOXDELEGATE_H

#include <QObject>
#include <QStyledItemDelegate>
#include <QModelIndex>
#include <QStandardItemModel>
#include <QPainter>
#include <QLineEdit>
#include <QComboBox>
#include <QDebug>

class comboboxdelegate : public QStyledItemDelegate
{
    Q_OBJECT
public:
    explicit comboboxdelegate(QObject *parent = 0);
    ~comboboxdelegate();
    //重写重画函数
    void paint(QPainter * painter,const QStyleOptionViewItem & option,const QModelIndex & index) const;
    QSize sizeHint(const QStyleOptionViewItem &option, const QModelIndex &index) const;
private:
    int radius = 7;
};

#endif // COMBOBOXDELEGATE_H

二、关于排序

我这选择的是重写QSortFilterProxyModel类，QSortFilterProxyModel类支持排序和过滤在另一个模型和视图之间传递的数据。
QSortFilterProxyModel可用于对项目进行排序、筛选项目或两者兼而有之。该模型通过将它提供的模型索引映射到新索引（对应于不同位置）以供视图使用，从而转换源模型的结构。简单地说就是需要提供应该源数据模型，并且重新实现内部的lessthen函数。

函数原型如下：

virtual bool lessThan(const QModelIndex &source_left, const QModelIndex &source_right) const

1.重新实现lessthen

#include "qitemmodel.h"

QSortItemModel::QSortItemModel(QObject *parent)
    :QSortFilterProxyModel(parent)
{

}

bool QSortItemModel::lessThan(const QModelIndex &source_left, const QModelIndex &source_right) const
{
    QVariant leftData = sourceModel()->data(source_left);
    QVariant rightData = sourceModel()->data(source_right);
    if(leftData.type() == QVariant::String){
        static QRegExp addressExp("\\b(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\b");
        if(addressExp.exactMatch(leftData.toString())  && addressExp.exactMatch(rightData.toString())){
            //都为IP
            QString left_ = leftData.toString().split(".").last();
            QString right_ = rightData.toString().split(".").last();
            return left_.toUInt() < right_.toUInt();
        }
    }

    return QSortFilterProxyModel::lessThan(source_left,source_right);
}

由于需要对IP进行动态排序，即每次向QComboBox添加一个新的item后，都要根据IP重新排序，网段都是一样的，我这边是根据最后一位升序排序，直接正则表达式。

头文件:

#ifndef QITEMMODEL_H
#define QITEMMODEL_H

#include <QObject>
#include <QSortFilterProxyModel>
#include <QDebug>

class QSortItemModel : public QSortFilterProxyModel
{
    Q_OBJECT
public:
    QSortItemModel(QObject *parent = 0);
    bool lessThan(const QModelIndex &source_left, const QModelIndex &source_right) const;
};

#endif // QITEMMODEL_H

2.使用

初始化的一些操作

    mListModel = new QStringListModel();
    m_delegate = new comboboxdelegate(this);
    m_proxyModel = new QSortItemModel(this);
    m_proxyModel->setSourceModel(mListModel);  //设置源模型
    m_proxyModel->setFilterRole(Qt::UserRole);
    m_proxyModel->setDynamicSortFilter(true);
    ui->comboBox_2->setModel(m_proxyModel);//设置模型
    ui->comboBox_2->setItemDelegate(m_delegate);//设置委托

由于只需要显示下拉列表，因此我这边选择的是QStringListModel，然后QSortItemModel是上面我们继承的QSortFilterProxyModel，用于对源模型进行排序，然后给QComboBox设置模型和委托即可，由于QComboBox有默认的视图可以不需要额外设置。

void MainWindow::on_pushButton_3_clicked()
{
    QString editData = ui->lineEdit->text();
    if(editData.isEmpty()) return;

#if 1
    int row = mListModel->rowCount();
    mListModel->insertRows(row, 1);
    QModelIndex index = mListModel->index(row);
    mListModel->setData(index, editData,Qt::DisplayRole);
    if(m_proxyModel)
        m_proxyModel->sort(0);
#else

#endif
}

动态插入数据，我这边是手动通过LineEdit加入，首先获取模型内行数，然后在最后插入一行，获取插入行的索引值，然后根据模型索引设置数据，角色是DisplayRole。插入数据之后，按照第0列排序。

3.效果

插入前:

插入后:

---

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了QCombobox的自定义委托使用，以及简单的排序实现，如果需要在QCombobox显示表格，欢迎查看我的另一片博客:传送门