恋恋风辰的官方博客

聊天项目(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. C++ 类的继承封装和多态
    喜欢(588) 浏览(3562)

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

  3. windows环境搭建和vscode配置
    喜欢(587) 浏览(1953)

  4. slice介绍和使用
    喜欢(521) 浏览(2024)

  5. 解密定时器的实现细节
    喜欢(566) 浏览(2551)

最新评论

  1. asio多线程模型IOServicePool Lion:线程池一定要继承单例模式吗
  2. 泛型算法的定制操作 secondtonone1:lambda和bind是C11新增的利器，善于利用这两个机制可以极大地提升编程安全性和效率。
  3. 类和对象 陈宇航:支持！！！！
  4. C++ 虚函数表原理和类成员内存分布 WangQi888888:class Test{ int m; int b; }中b成员是int，为什么在内存中只占了1个字节。不应该是4个字节吗？是不是int应该改为char。这样的话就会符合图上说明的情况
  5. 解决博客回复区被脚本注入的问题 secondtonone1:走到现在我忽然明白一个道理，无论工作也好生活也罢，最重要的是开心，即使一份安稳的工作不能给我带来事业上的积累也要合理的舍弃，所以我还是想去做喜欢的方向。

其他链接

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

个人公众号

个人微信