恋恋风辰的官方博客

聊天项目(24) EventFilter实现搜索隐藏
Posted on 2024-06-30 14:06:58 by 恋恋风辰 | In C++ | 原文链接

事件过滤器

我们为了实现点击界面某个位置判断是否隐藏搜索框的功能。我们期待当鼠标点击搜索列表之外的区域时显示隐藏搜索框恢复聊天界面。
点击搜索列表则不隐藏搜索框。可以通过重载ChatDialog的EventFilter函数实现点击功能

  1. bool ChatDialog::eventFilter(QObject *watched, QEvent *event)
  2. {
  3.     if (event->type() == QEvent::MouseButtonPress) {
  4.        QMouseEvent *mouseEvent = static_cast<QMouseEvent*>(event);
  5.        handleGlobalMousePress(mouseEvent);
  6.     }
  7.     return QDialog::eventFilter(watched, event);
  8. }

具体判断全局鼠标按下位置和功能

  1. void ChatDialog::handleGlobalMousePress(QMouseEvent *event)
  2. {
  3.     // 实现点击位置的判断和处理逻辑
  4.     // 先判断是否处于搜索模式，如果不处于搜索模式则直接返回
  5.     if( _mode != ChatUIMode::SearchMode){
  6.         return;
  7.     }
  9.     // 将鼠标点击位置转换为搜索列表坐标系中的位置
  10.     QPoint posInSearchList = ui->search_list->mapFromGlobal(event->globalPos());
  11.     // 判断点击位置是否在聊天列表的范围内
  12.     if (!ui->search_list->rect().contains(posInSearchList)) {
  13.         // 如果不在聊天列表内，清空输入框
  14.         ui->search_edit->clear();
  15.         ShowSearch(false);
  16.     }
  17. }

在ChatDialog构造函数中添加事件过滤器

  1. //检测鼠标点击位置判断是否要清空搜索框
  2. this->installEventFilter(this); // 安装事件过滤器
  4. //设置聊天label选中状态
  5. ui->side_chat_lb->SetSelected(true);

这样就可以实现在ChatDialog中点击其他位置隐藏SearchList列表了。

查找结果

在项目中添加FindSuccessDlg设计师界面类，其布局如下

https://cdn.llfc.club/1719726260598.jpg

属性管理界面如下

https://cdn.llfc.club/1719726584051.jpg

FindSuccessDlg声明如下

  1. class FindSuccessDlg : public QDialog
  2. {
  3.     Q_OBJECT
  5. public:
  6.     explicit FindSuccessDlg(QWidget *parent = nullptr);
  7.     ~FindSuccessDlg();
  8.     void SetSearchInfo(std::shared_ptr<SearchInfo> si);
  9. private slots:
  10.     void on_add_friend_btn_clicked();
  12. private:
  13.     Ui::FindSuccessDlg *ui;
  14.     QWidget * _parent;
  15.     std::shared_ptr<SearchInfo> _si;
  16. };

FindSuccessDlg实现如下

  1. FindSuccessDlg::FindSuccessDlg(QWidget *parent) :
  2.     QDialog(parent),
  3.     ui(new Ui::FindSuccessDlg)
  4. {
  5.     ui->setupUi(this);
  6.     // 设置对话框标题
  7.     setWindowTitle("添加");
  8.     // 隐藏对话框标题栏
  9.     setWindowFlags(windowFlags() | Qt::FramelessWindowHint);
  10.     // 获取当前应用程序的路径
  11.     QString app_path = QCoreApplication::applicationDirPath();
  12.     QString pix_path = QDir::toNativeSeparators(app_path +
  13.                              QDir::separator() + "static"+QDir::separator()+"head_1.jpg");
  14.     QPixmap head_pix(pix_path);
  15.     head_pix = head_pix.scaled(ui->head_lb->size(),
  16.             Qt::KeepAspectRatio, Qt::SmoothTransformation);
  17.     ui->head_lb->setPixmap(head_pix);
  18.     ui->add_friend_btn->SetState("normal","hover","press");
  19.     this->setModal(true);
  20. }
  22. FindSuccessDlg::~FindSuccessDlg()
  23. {
  24.     qDebug()<<"FindSuccessDlg destruct";
  25.     delete ui;
  26. }
  28. void FindSuccessDlg::SetSearchInfo(std::shared_ptr<SearchInfo> si)
  29. {
  30.     ui->name_lb->setText(si->_name);
  31.     _si = si;
  32. }
  34. void FindSuccessDlg::on_add_friend_btn_clicked()
  35. {
  36.     //todo... 添加好友界面弹出
  37. }

在SearchList 的slot_item_clicked函数中添加点击条目处理逻辑

  1. void SearchList::slot_item_clicked(QListWidgetItem *item)
  2. {
  3.     QWidget *widget = this->itemWidget(item); //获取自定义widget对象
  4.     if(!widget){
  5.         qDebug()<< "slot item clicked widget is nullptr";
  6.         return;
  7.     }
  9.     // 对自定义widget进行操作， 将item 转化为基类ListItemBase
  10.     ListItemBase *customItem = qobject_cast<ListItemBase*>(widget);
  11.     if(!customItem){
  12.         qDebug()<< "slot item clicked widget is nullptr";
  13.         return;
  14.     }
  16.     auto itemType = customItem->GetItemType();
  17.     if(itemType == ListItemType::INVALID_ITEM){
  18.         qDebug()<< "slot invalid item clicked ";
  19.         return;
  20.     }
  22.     if(itemType == ListItemType::ADD_USER_TIP_ITEM){
  24.         //todo ...
  25.         _find_dlg = std::make_shared<FindSuccessDlg>(this);
  26.         auto si = std::make_shared<SearchInfo>(0,"llfc","llfc","hello , my friend!",0);
  27.         (std::dynamic_pointer_cast<FindSuccessDlg>(_find_dlg))->SetSearchInfo(si);
  28.         _find_dlg->show();
  29.         return;
  30.     }
  32.     //清楚弹出框
  33.     CloseFindDlg();
  35. }

这样我们在输入框输入文字，点击搜索列表中搜索添加好友的item，就能弹出搜索结果对话框了。这里只做界面演示，之后会改为像服务器发送请求获取搜索结果。

pro的改写

我们对项目的pro做了调整，更新了static文件夹的拷贝以及编码utf-8的设定

  1. QT       += core gui network
  3. greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
  5. TARGET = llfcchat
  6. TEMPLATE = app
  7. RC_ICONS = icon.ico
  8. DESTDIR = ./bin
  9. DEFINES += QT_DEPRECATED_WARNINGS
  10. CONFIG += c++11
  12. SOURCES += \
  13.         adduseritem.cpp \
  14.         bubbleframe.cpp \
  15.         chatdialog.cpp \
  16.         chatitembase.cpp \
  17.         chatpage.cpp \
  18.         chatuserlist.cpp \
  19.         chatuserwid.cpp \
  20.         chatview.cpp \
  21.         clickedbtn.cpp \
  22.         clickedlabel.cpp \
  23.         customizeedit.cpp \
  24.         findsuccessdlg.cpp \
  25.         global.cpp \
  26.         httpmgr.cpp \
  27.         listitembase.cpp \
  28.         loadingdlg.cpp \
  29.         logindialog.cpp \
  30.         main.cpp \
  31.         mainwindow.cpp \
  32.         messagetextedit.cpp \
  33.         picturebubble.cpp \
  34.         registerdialog.cpp \
  35.         resetdialog.cpp \
  36.         searchlist.cpp \
  37.         statewidget.cpp \
  38.         tcpmgr.cpp \
  39.         textbubble.cpp \
  40.         timerbtn.cpp \
  41.         userdata.cpp \
  42.         usermgr.cpp
  44. HEADERS += \
  45.         adduseritem.h \
  46.         bubbleframe.h \
  47.         chatdialog.h \
  48.         chatitembase.h \
  49.         chatpage.h \
  50.         chatuserlist.h \
  51.         chatuserwid.h \
  52.         chatview.h \
  53.         clickedbtn.h \
  54.         clickedlabel.h \
  55.         customizeedit.h \
  56.         findsuccessdlg.h \
  57.         global.h \
  58.         httpmgr.h \
  59.         listitembase.h \
  60.         loadingdlg.h \
  61.         logindialog.h \
  62.         mainwindow.h \
  63.         messagetextedit.h \
  64.         picturebubble.h \
  65.         registerdialog.h \
  66.         resetdialog.h \
  67.         searchlist.h \
  68.         singleton.h \
  69.         statewidget.h \
  70.         tcpmgr.h \
  71.         textbubble.h \
  72.         timerbtn.h \
  73.         userdata.h \
  74.         usermgr.h
  76. FORMS += \
  77.         adduseritem.ui \
  78.         chatdialog.ui \
  79.         chatpage.ui \
  80.         chatuserwid.ui \
  81.         findsuccessdlg.ui \
  82.         loadingdlg.ui \
  83.         logindialog.ui \
  84.         mainwindow.ui \
  85.         registerdialog.ui \
  86.         resetdialog.ui
  88. # Default rules for deployment.
  89. qnx: target.path = /tmp/$${TARGET}/bin
  90. else: unix:!android: target.path = /opt/$${TARGET}/bin
  91. !isEmpty(target.path): INSTALLS += target
  93. RESOURCES += \
  94.     rc.qrc
  96. DISTFILES += \
  97.     config.ini
  100. CONFIG(debug, debug | release) {
  101.     #指定要拷贝的文件目录为工程目录下release目录下的所有dll、lib文件，例如工程目录在D:\QT\Test
  102.     #PWD就为D:/QT/Test，DllFile = D:/QT/Test/release/*.dll
  103.     TargetConfig = $${PWD}/config.ini
  104.     #将输入目录中的"/"替换为"\"
  105.     TargetConfig = $$replace(TargetConfig, /, \\)
  106.     #将输出目录中的"/"替换为"\"
  107.     OutputDir =  $${OUT_PWD}/$${DESTDIR}
  108.     OutputDir = $$replace(OutputDir, /, \\)
  109.     //执行copy命令
  110.     QMAKE_POST_LINK += copy /Y \"$$TargetConfig\" \"$$OutputDir\" &
  112.     # 首先，定义static文件夹的路径
  113.     StaticDir = $${PWD}/static
  114.     # 将路径中的"/"替换为"\"
  115.     StaticDir = $$replace(StaticDir, /, \\)
  116.     #message($${StaticDir})
  117.     # 使用xcopy命令拷贝文件夹，/E表示拷贝子目录及其内容，包括空目录。/I表示如果目标不存在则创建目录。/Y表示覆盖现有文件而不提示。
  118.     QMAKE_POST_LINK += xcopy /Y /E /I \"$$StaticDir\" \"$$OutputDir\\static\\\"
  120. }else{
  121.       #release
  122.     message("release mode")
  123.     #指定要拷贝的文件目录为工程目录下release目录下的所有dll、lib文件，例如工程目录在D:\QT\Test
  124.     #PWD就为D:/QT/Test，DllFile = D:/QT/Test/release/*.dll
  125.     TargetConfig = $${PWD}/config.ini
  126.     #将输入目录中的"/"替换为"\"
  127.     TargetConfig = $$replace(TargetConfig, /, \\)
  128.     #将输出目录中的"/"替换为"\"
  129.     OutputDir =  $${OUT_PWD}/$${DESTDIR}
  130.     OutputDir = $$replace(OutputDir, /, \\)
  131.     //执行copy命令
  132.     QMAKE_POST_LINK += copy /Y \"$$TargetConfig\" \"$$OutputDir\"
  134.     # 首先，定义static文件夹的路径
  135.     StaticDir = $${PWD}/static
  136.     # 将路径中的"/"替换为"\"
  137.     StaticDir = $$replace(StaticDir, /, \\)
  138.     #message($${StaticDir})
  139.     # 使用xcopy命令拷贝文件夹，/E表示拷贝子目录及其内容，包括空目录。/I表示如果目标不存在则创建目录。/Y表示覆盖现有文件而不提示。
  140.      QMAKE_POST_LINK += xcopy /Y /E /I \"$$StaticDir\" \"$$OutputDir\\static\\\"
  141. }
  143. win32-msvc*:QMAKE_CXXFLAGS += /wd"4819" /utf-8

视频

https://www.bilibili.com/video/BV1ww4m1e72G/

源码链接

https://gitee.com/secondtonone1/llfcchat

热门评论
点击查看更多评论 没有更多评论了,点击收起 展开评论

热门文章

  1. vscode搭建windows C++开发环境
    喜欢(596) 浏览(96652)

  2. 使用hexo搭建个人博客
    喜欢(533) 浏览(13736)

  3. Linux环境搭建和编码
    喜欢(594) 浏览(15377)

  4. MarkDown在线编辑器
    喜欢(514) 浏览(15581)

  5. 聊天项目(28) 分布式服务通知好友申请
    喜欢(507) 浏览(7033)

最新评论

  1. 解决博客回复区被脚本注入的问题 secondtonone1:走到现在我忽然明白一个道理，无论工作也好生活也罢，最重要的是开心，即使一份安稳的工作不能给我带来事业上的积累也要合理的舍弃，所以我还是想去做喜欢的方向。
  2. 处理网络粘包问题 zyouth: //消息的长度小于头部规定的长度，说明数据未收全，则先将部分消息放到接收节点里 if (bytes_transferred < data_len) { memcpy(_recv_msg_node->_data + _recv_msg_node->_cur_len, _data + copy_len, bytes_transferred); _recv_msg_node->_cur_len += bytes_transferred; ::memset(_data, 0, MAX_LENGTH); _socket.async_read_some(boost::asio::buffer(_data, MAX_LENGTH), std::bind(&CSession::HandleRead, this, std::placeholders::_1, std::placeholders::_2, shared_self)); //头部处理完成 _b_head_parse = true; return; } 把_b_head_parse = true;放在_socket.async_read_some前面是不是更好
  3. C++ 线程池原理和实现 mzx2023:两种方法解决，一种是改排序算法，就是当线程耗尽的时候，使用普通递归，另一种是当在线程池commit的时候，判断线程是否耗尽，耗尽的话就直接当前线程执行task
  4. 利用指针和容器实现文本查询 越今朝:应该添加一个过滤功能以解决部分单词无法被查询的问题: eg: "I am a teacher."中的teacher无法被查询，因为在示例代码中teacher.被解释为一个单词从而忽略了teacher本身。
  5. 无锁并发队列 TenThousandOne:_head  和 _tail  替换为原子变量。那里pop的逻辑，val = _data[h] 可以移到循环外面吗

其他链接

  1. GitHub
  2. 个人博客
  3. 博客园
  4. CSDN

个人公众号

个人微信