• QML使用C++model（排序/搜索）

    上一篇介绍介绍了C++model的基本用法，只实现了增删改，实际项目开发中，还有很常见的功能就是排序和查询。Qt提供了QSortFilterProxyModel实现排序和查询的功能。

    排序查询

    QSortFilterProxyModel，顾名思义，排序过滤代理model，搜索查询本质上就是过滤。至于代理，就是QSortFilterProxyModel只是原model的代理，原始数据还是在原model上，代理model根据相应的规则存储进行处理后的数据，源数据在源model是不变的。比如芒果的代理商，实际上果农果园里有很多品种的芒果，但市场上主流的两三种，代理商售卖就只卖这两三种，果农就是原model，代理商就是QSortFilterProxyModel。

    QSortFilterProxyModel提供了以下接口绑定model

    void setSourceModel(QAbstractItemModel *sourceModel) override

    排序

    sort接口实现排序，第二个参数是选择升序还是降序

    void sort(int column, Qt::SortOrder order = Qt::AscendingOrder) override

    对于我们自定义的model来说，需要选择要排序的role类型，一般搭配setSortRole使用

    void setSortRole(int role);

    对于自定义的类型，需要自定义自己的排序规则，可重载

    bool lessThan(const QModelIndex &left, const QModelIndex &right) const override;
    1. bool MySortFilterProxyModel::lessThan(const QModelIndex &left,
    2.                                       const QModelIndex &right) const
    3. {
    4.     QVariant leftData = sourceModel()->data(left);
    5.     QVariant rightData = sourceModel()->data(right);
    6. //! [4]
    7.  
    8. //! [6]
    9.     if (leftData.userType() == QMetaType::QDateTime) {
    10.         return leftData.toDateTime() < rightData.toDateTime();
    11.     } else {
    12.         static const QRegularExpression emailPattern("[\\w\\.]*@[\\w\\.]*");
    13.  
    14.         QString leftString = leftData.toString();
    15.         if (left.column() == 1) {
    16.             const QRegularExpressionMatch match = emailPattern.match(leftString);
    17.             if (match.hasMatch())
    18.                 leftString = match.captured(0);
    19.         }
    20.         QString rightString = rightData.toString();
    21.         if (right.column() == 1) {
    22.             const QRegularExpressionMatch match = emailPattern.match(rightString);
    23.             if (match.hasMatch())
    24.                 rightString = match.captured(0);
    25.         }
    26.  
    27.         return QString::localeAwareCompare(leftString, rightString) < 0;
    28.     }
    29. }

    上面的例子中只比较邮箱部分的数据

    过滤

     过滤最常见的的应用就是搜索功能，就是过滤匹配关键字，使用QSortFilterProxyModel也很容易实现

    重写函数

    bool filterAcceptsRow(int sourceRow, const QModelIndex &sourceParent) const override;
    1. bool DataListProxyModel::filterAcceptsRow(int sourceRow, const QModelIndex &sourceParent) const
    2. {
    3.     QModelIndex index0 = sourceModel()->index(sourceRow, 0, sourceParent);
    4.     auto typeData = sourceModel()->data(index0, DataListModel::TypeRole).toString();
    5.     auto sizeData = sourceModel()->data(index0, DataListModel::SizeRole1).toString();
    6.     return typeData.contains(filterRegExp()) || sizeData.contains(filterRegExp());
    7. }

    里面实现想要过滤的内容，上面的例子就返回满足TypeRole和SizeRole1其中一项的数据

    执行过滤是调用，参数就是过滤规则

    void setFilterRegExp(const QRegExp &regExp);

    QRegExp除了关键的key值pattern外，还有Qt::CaseSensitivity支持是否区分大小写，第三个参数是其他一些匹配规则，我也很少用到

    1. explicit QRegExp(const QString &pattern, Qt::CaseSensitivity cs = Qt::CaseSensitive,
    2.                      PatternSyntax syntax = RegExp);

    demo展示

     以上就是基于QSortFilterProxyModel实现的排序和搜索功能，实现还是很简单的

    源model和上一篇博客介绍的model是一样的，在此基础上增加一个QSortFilterProxyModel，不同的是QML显示的是QSortFilterProxyModel，就是QML显示的是处理的数据，这个应该好理解。

    1. #include <QSortFilterProxyModel>
    2.  
    3. class DataListProxyModel : public QSortFilterProxyModel
    4. {
    5.     Q_OBJECT
    6. public:
    7.     explicit DataListProxyModel(QObject *parent = nullptr);
    8.  
    9.     Q_INVOKABLE void setFilter(const QString &text);
    10.  
    11.     Q_INVOKABLE void startSort();
    12. protected:
    13.     bool filterAcceptsRow(int sourceRow, const QModelIndex &sourceParent) const override;
    14. //    bool lessThan(const QModelIndex &source_left, const QModelIndex &source_right) const override;
    15. };
    1. #include "datalistproxymodel.h"
    2. #include "datalistmodel.h"
    3.  
    4. DataListProxyModel::DataListProxyModel(QObject *parent):
    5.     QSortFilterProxyModel(parent)
    6. {
    7.  
    8. }
    9.  
    10. void DataListProxyModel::setFilter(const QString &text)
    11. {
    12.     QRegExp regExp(text);
    13.     this->setFilterRegExp(regExp);
    14. }
    15.  
    16. void DataListProxyModel::startSort()
    17. {
    18.     setSortRole(DataListModel::TypeRole);
    19.     sort(0, Qt::DescendingOrder);
    20. }
    21.  
    22. bool DataListProxyModel::filterAcceptsRow(int sourceRow, const QModelIndex &sourceParent) const
    23. {
    24.     QModelIndex index0 = sourceModel()->index(sourceRow, 0, sourceParent);
    25.     auto typeData = sourceModel()->data(index0, DataListModel::TypeRole).toString();
    26.     auto sizeData = sourceModel()->data(index0, DataListModel::SizeRole1).toString();
    27.     return typeData.contains(filterRegExp()) || sizeData.contains(filterRegExp());
    28. }
    29.

    主函数main

    1. int main(int argc, char *argv[])
    2. {
    3. #if QT_VERSION < QT_VERSION_CHECK(6, 0, 0)
    4.     QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
    5. #endif
    6.  
    7.     QGuiApplication app(argc, argv);
    8.  
    9.     DataListModel model;
    10.     model.append( ModelData("wolf.jpg", "Medium") );
    11.     model.append( ModelData("polarbear.jpg", "Large") );
    12.     model.append( ModelData("quoll.jpg", "Small") );
    13.  
    14.     DataListProxyModel proxyModel;
    15.     proxyModel.setSourceModel(&model);
    16.  
    17.     QQmlApplicationEngine engine;
    18.     engine.rootContext()->setContextProperty("myModel", &proxyModel);
    19.     const QUrl url(QStringLiteral("qrc:/main.qml"));
    20.     QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
    21.                      &app, [url](QObject *obj, const QUrl &objUrl) {
    22.         if (!obj && url == objUrl)
    23.             QCoreApplication::exit(-1);
    24.     }, Qt::QueuedConnection);
    25.     engine.load(url);
    26.  
    27.     return app.exec();
    28. }

    设置setSourceModel，该例子采用C++与QML交互的另一种方式，model是在c++创建，把对象注册到QML中使用，该例子是注册对象QSortFilterProxyModel，使用代理model进行显示

    1. import QtQuick 2.15
    2. import QtQuick.Window 2.15
    3. import QtQuick.Controls 2.15
    4.  
    5.  
    6. Window {
    7.     width: 640
    8.     height: 480
    9.     visible: true
    10.     title: qsTr("Hello World")
    11.  
    12.     Column {
    13.         anchors.fill: parent
    14.         Row {
    15.             TextField {
    16.                 id: searchInput
    17.                 width: 100
    18.                 height: 30
    19.  
    20.                 onTextChanged: {
    21.                     myModel.setFilter(text)
    22.                 }
    23.             }
    24.  
    25.             Button {
    26.                 text: "sort"
    27.                 onClicked: {
    28.                     myModel.startSort()
    29.                 }
    30.             }
    31.         }
    32.         ListView {
    33.             id: listview
    34.             clip: true
    35.             width: parent.width
    36.             height: parent.height
    37.  
    38.             model: myModel
    39.             delegate: Item {
    40.                 id: delegate
    41.                 width: listview.width
    42.                 height: 30
    43.                 Row {
    44.                     spacing: 5
    45.                     Text {
    46.                         text: type
    47.                     }
    48.  
    49.                     Text {
    50.                         text: size
    51.                         color: "red"
    52.                     }
    53.  
    54.                     Button  {
    55.                         height: parent.height
    56.                         onClicked: {
    57.                             myModel.remove(index);
    58.                         }
    59.                     }
    60.  
    61.  
    62.                 }
    63.  
    64.             }
    65.         }
    66.     }
    67.

    结语

    以上就是一个排序搜索的功能，界面布局有点挫，将就着看，重点是功能。更多例子了解可参考Qt例子

    前两个例子是Widget的实现的， 但QSortFilterProxyModel的用法是一样的，第三个是QML，但使用的是QML，没有基于QSortFilterProxyModel，有需要可以看看。由于边幅的原因，基于model的撤销恢复功能留到下一篇来介绍了。

  • 相关阅读:
    一套.Net6可落地的微服务、分布式开源项目
    响应数据web
    香港金融科技周VERTU CSO Sophie谈Web3.0的下一个风口 手机虚拟货币移动支付
    HTTPS安全通信和SSL Pinning
    日常电脑出现msvcp140.dll丢失的解决办法
    一个悄然崛起的国产软件
    5、MySql 全局锁、表锁、行锁
    Leetcode209. 长度最小的子数组
    04、SpringAOP详解
    利用arcgis模拟制作水下地形
  • 原文地址：https://blog.csdn.net/a137748099/article/details/125435835