Qt實現模糊匹配功能的實例詳解

對於瀏覽器的使用,我想大傢一定不會陌生吧,輸入要搜索的內容時,會出現相應的匹配信息。

那麼,今天我要講述的也是這樣一個功能。

首先看一下展示效果

輸入任意文本後,彈出具有該文本的符合項,也就是模糊查詢。

實現功能的核心是:QCompleter

該類可以在任何Qt小部件中提供自動完成搜索功能,例如:QLineEdit、QComboBox。當輸入指定字符後,QCompleter會根據單詞列表提供的內容進行篩查。

在這裡,我是采用QLineEdit + QCompleter組合使用的。

下面我來介紹下如何使用的吧~

1.準備基礎數據

想要讓QCompleter完成模糊匹配功能,前提必須要有一個可供查詢的庫文件,否則是無法搜索的。

這裡就簡單插入一些字符串吧~

QStringList listData;
listData << QStringLiteral("基礎數據1");
listData << QStringLiteral("基礎數據n");

2.創建並實例化匹配類

QCompleter *m_pCompleter = new QCompleter(listData);

設置匹配方式,在Completer中存在以下幾種匹配模式,分別列舉,如下:

模式 描述
Qt::MatchExactly 隻匹配第一個字/詞
Qt::MatchFixedString 隻匹配第一個詞,並且區分大小寫
Qt::MatchContains 隻要字符串中包含字/詞就能匹配
Qt::MatchStartsWith 與第一個字/詞進行匹配
Qt::MatchEndsWith  
Qt::MatchCaseSensitive 搜索區分大小寫
Qt::MatchRegExp 使用正則表達式作為搜索項執行基於字符串的匹配(Qt5.15)
Qt::MatchRegularExpression 使用正則表達式作為搜索項執行基於字符串的匹配(Qt5.15)
Qt::MatchWildcard 使用帶有通配符的字符串作為搜索條件,執行基於字符串的匹配
Qt::MatchWrap 執行一個環繞的搜索,這樣當搜索到達模型中的最後一項時,就會從第一個項開始,直到檢查完所有項為止
Qt::MatchRecursive 搜索整個層次結構

在使用過程中,一般采用:Qt::MatchContains的定義比較多。

代碼設置,如下:

m_pCompleter->setFilterMode(Qt::MatchContains);

3.控件綁定

ui.edit->setCompleter(m_pCompleter);

到此,一個簡單的模糊搜索就實現瞭,其實在使用過程中為瞭美觀起見,還可以對QCompleter中展示的文本進行美化~

例如:

滾動條風格

QString g_scrollVerticalWidth8Gray = 
"QScrollBar:vertical{ width:8px; background-color:#e9f1f7;}"
"QScrollBar::handle:vertical{ width:8px; background-color:#6eade0; border-radius:4px;}"
"QScrollBar::handle:vertical:hover{background-color:#2b76af;}"
"QScrollBar::handle:vertical:pressed{background-color:#1e659b;}";

Completer風格

QString qsCompleterStyle =
//設置:背景色、字體顏色、大小、字體風格
"QAbstractItemView{background-color:#FFFFFF;color: #FFB6C1;font-size:16px;font-family:Microsoft YaHei UI;outline:0px;}"
"QAbstractItemView::item:hover{background-color:#7FFF00;color: #0000FF;}"
"QAbstractItemView::item:selected{background-color:#FF8C00;color: #0000FF;}";

風格設置,如下:

m_pCompleter->popup()->setStyleSheet(qsCompleterStyle + g_scrollVerticalWidth8Gray);

單純的設置風格肯定是不行的,想要讓風格有效,必須設置:QStyledItemDelegate

QStyledItemDelegate *d = new QStyledItemDelegate;
m_completerName->popup()->setItemDelegate(d);

最終展示效果,如下:

到此這篇關於Qt實現模糊匹配功能的實例詳解的文章就介紹到這瞭,更多相關Qt模糊匹配功能內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!

推薦閱讀:

    None Found