当前位置：首页 > news >正文

qt初入门8:下拉框，输入框模糊查询，提示简单了解（借助QCompleter）

news 2025/7/17 7:48:37

实现一个简单的模糊查询的逻辑，输入框能提示相关项。

主要借助qt的QCompleter 类（ Qt 框架中提供的一个用于自动补全和模糊搜索的类），结合一些控件，比如QComboBox和QLineEdit，实现模糊查询的功能。

1：界面准备

1.1：简单demo，准备了一个QComboBox控件和QLineEdit，分别用于模糊查询验证。

	ui->m_cbb_select->setEditable(true);//QCombobox的基本设置  设置信息QStringList str_list;str_list<<"我的测试"<<"我的祖国"<<"明天会更好"<<"今天仍需努力"<<"我还没有女朋友"<<"我喜欢小孩"<<"我想结婚了"<<"并不想摸鱼"<<"摸鱼是浪费人生"<<"大环境不好"<<"如何适应社会"<<"怎么拥有技术栈"<<"普通人啥也不是"<<"abc大小写测试"<<"ABC大小写测试";ui->m_cbb_select->addItems(str_list);ui->m_cbb_select->setCurrentText(str_list.at(3));

1.2：设置下拉框样式

QString style = QString("QListView {""font-family: \"Arial\";""font-size: 20px; ""outline: 0px;}""QListView::item {""background-color: lightgray;""padding: 3px 0x 3px 5px;""border-width: 0px;}""QListView::item:selected {""background-color: blue;""color: white;}");
//最后发现不设置 样式不生效                    
QStyledItemDelegate* d = new QStyledItemDelegate;//NOTE 必须 否则部分style不生效ui->m_cbb_select->view()->setItemDelegate(d);
ui->m_cbb_select->setMaxVisibleItems(5);
ui->m_cbb_select->view()->setStyleSheet(style);

2:借助QCompleter 类，设置模糊查询

2.1：构造 QCompleter 对象（两种方式均可），也是设置了模糊查询的数据源

//直接用QStringList 构造QCompleter *comp = new QCompleter(str_list);//QStringListModel方式也可以QStringListModel* model = new QStringListModel();model->setStringList(str_list);QCompleter *comp = new QCompleter();comp->setModel(model);

2.2：可以设置QCompleter的相关属性

	comp->setCaseSensitivity(Qt::CaseInsensitive); //设置不区分大小写comp->setCompletionMode(QCompleter::PopupCompletion); //设置自动显示候选下拉框   InlineCompletion可以设置成行内提示一条
//comp->setCompletionMode(QCompleter::InlineCompletion);  //lineEdit行内提示一条数据？comp->setFilterMode(Qt::MatchStartsWith); //设置以前缀进行过滤
//    comp->setFilterMode(Qt::MatchEndsWith);  //以后缀进行过滤//  QCompleter已经默认了按用户输入文本为前缀匹配了  更精确的控制可以用这个来实现connect(ui->m_le_select, &QLineEdit::textEdited, [comp](const QString &text){if (!text.isEmpty()) {comp->setCompletionPrefix(text);  //设置自动完成前缀为用户输入的文本 comp->complete();   // 强制重新完成自动完成}});

2.3：设置QCompleter 帮助提示的样式（可以设置为下拉列表，下拉table等）

QString comStyle = style + QString("QListView::item:hover {""background-color: yellow}");
//方案一 这里参考 可以设置下拉时其他样式 如QTableView
//    QListView* listView = new QListView;
//    listView->setStyleSheet(comStyle);
//    comp->setPopup(listView);//方案二QAbstractItemView *popup = comp->popup();//QStyledItemDelegate* d = new QStyledItemDelegate;popup->setItemDelegate(d); //发现没有设置时 样式不生效 必须设置popup->setStyleSheet(comStyle);

2.4：把QCompleter加入对应的控件中。

ui->m_cbb_select->setCompleter(comp);
ui->m_le_select->setCompleter(comp);

3：其他（行内提示一行效果）

	QCompleter *comp1 = new QCompleter();comp1->setModel(model);comp1->setCompletionMode(QCompleter::InlineCompletion);ui->m_le_select_2->setCompleter(comp1);