Qt学习——聊天的QQ列表QToolBox类

最新推荐文章于 2024-05-03 19:13:13 发布
最新推荐文章于 2024-05-03 19:13:13 发布
阅读量4k 收藏 9
点赞数 1
分类专栏： Qt 文章标签： Qt QToolBox

QToolBox展示出来的抽屉效果可以设计联系人列表


下面展示类似聊天软件QQ的主界面



头文件主要就是定义这些联系人QToolButton：

view plain copy to clipboard
  1. #include <QToolBox>   
  2. #include <QToolButton>   
  3. class Drawer : public QToolBox  
  4. {  
  5.     Q_OBJECT  
  6. public:  
  7.     Drawer(QWidget *parent=0,Qt::WindowFlags f=0);  
  8. private:  
  9.     QToolButton *toolBtn1_1;  
  10.     QToolButton *toolBtn1_2;  
  11.     QToolButton *toolBtn1_3;  
  12.     QToolButton *toolBtn1_4;  
  13.     QToolButton *toolBtn1_5;  
  14.     QToolButton *toolBtn2_1;  
  15.     QToolButton *toolBtn2_2;  
  16.     QToolButton *toolBtn3_1;  
  17.     QToolButton *toolBtn3_2;  
  18. };  

源文件将联系人加入到三个QToolBox中

view plain copy to clipboard
  1. #include "drawer.h"   
  2. #include <QGroupBox>   
  3. #include <QVBoxLayout>   
  4. Drawer::Drawer(QWidget *parent,Qt::WindowFlags f)  
  5.     :QToolBox(parent,0)  
  6. {  
  7.     setWindowTitle(tr("My QQ"));  
  8. //***************初始化我的好友*****************   
  9.     toolBtn1_1=new QToolButton;  
  10.     toolBtn1_1->setText(tr("张三"));  
  11.     toolBtn1_1->setIcon(QPixmap("res/11.bmp"));  
  12.     toolBtn1_1->setIconSize(QPixmap("res/11.bmp").size());  
  13.     toolBtn1_1->setAutoRaise(TRUE);  
  14.     toolBtn1_1->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);  
  15.   
  16.     toolBtn1_2=new QToolButton;  
  17.     toolBtn1_2->setText(tr("李四"));  
  18.     toolBtn1_2->setIcon(QPixmap("res/12.bmp"));  
  19.     toolBtn1_2->setIconSize(QPixmap("res/12.bmp").size());  
  20.     toolBtn1_2->setAutoRaise(TRUE);  
  21.     toolBtn1_2->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);  
  22.   
  23.     toolBtn1_3=new QToolButton;  
  24.     toolBtn1_3->setText(tr("王五"));  
  25.     toolBtn1_3->setIcon(QPixmap("res/13.bmp"));  
  26.     toolBtn1_3->setIconSize(QPixmap("res/13.bmp").size());  
  27.     toolBtn1_3->setAutoRaise(TRUE);  
  28.     toolBtn1_3->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);  
  29.   
  30.     toolBtn1_4=new QToolButton;  
  31.     toolBtn1_4->setText(tr("小赵"));  
  32.     toolBtn1_4->setIcon(QPixmap("res/14.bmp"));  
  33.     toolBtn1_4->setIconSize(QPixmap("res/14.bmp").size());  
  34.     toolBtn1_4->setAutoRaise(TRUE);  
  35.     toolBtn1_4->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);  
  36.   
  37.     toolBtn1_5=new QToolButton;  
  38.     toolBtn1_5->setText(tr("小孙"));  
  39.     toolBtn1_5->setIcon(QPixmap("res/15.bmp"));  
  40.     toolBtn1_5->setIconSize(QPixmap("res/15.bmp").size());  
  41.     toolBtn1_5->setAutoRaise(TRUE);  
  42.     toolBtn1_5->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);  
  43. //***************添加我的好友*****************   
  44.     QGroupBox *groupBox1=new QGroupBox;  
  45.     QVBoxLayout *layout1=new QVBoxLayout(groupBox1);  
  46.     layout1->setMargin(10);  
  47.     layout1->setAlignment(Qt::AlignHCenter);  
  48.     layout1->addWidget(toolBtn1_1);  
  49.     layout1->addWidget(toolBtn1_2);  
  50.     layout1->addWidget(toolBtn1_3);  
  51.     layout1->addWidget(toolBtn1_4);  
  52.     layout1->addWidget(toolBtn1_5);  
  53.     layout1->addStretch();  
  54. //***************陌生人*********************   
  55.     toolBtn2_1=new QToolButton;  
  56.     toolBtn2_1->setText(tr("小王"));  
  57.     toolBtn2_1->setIcon(QPixmap("res/21.bmp"));  
  58.     toolBtn2_1->setIconSize(QPixmap("res/21.bmp").size());  
  59.     toolBtn2_1->setAutoRaise(TRUE);  
  60.     toolBtn2_1->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);  
  61.   
  62.     toolBtn2_2=new QToolButton;  
  63.     toolBtn2_2->setText(tr("小张"));  
  64.     toolBtn2_2->setIcon(QPixmap("res/22.bmp"));  
  65.     toolBtn2_2->setIconSize(QPixmap("res/22.bmp").size());  
  66.     toolBtn2_2->setAutoRaise(TRUE);  
  67.     toolBtn2_2->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);  
  68. //***************添加陌生人*****************   
  69.     QGroupBox *groupBox2=new QGroupBox;  
  70.     QVBoxLayout *layout2=new QVBoxLayout(groupBox2);  
  71.     layout2->setMargin(10);  
  72.     layout2->setAlignment(Qt::AlignHCenter);  
  73.     layout2->addWidget(toolBtn2_1);  
  74.     layout2->addWidget(toolBtn2_2);  
  75.     layout2->addStretch();  
  76. //***************黑名单*********************   
  77.     toolBtn3_1=new QToolButton;  
  78.     toolBtn3_1->setText(tr("小王"));  
  79.     toolBtn3_1->setIcon(QPixmap("res/31.bmp"));  
  80.     toolBtn3_1->setIconSize(QPixmap("res/31.bmp").size());  
  81.     toolBtn3_1->setAutoRaise(TRUE);  
  82.     toolBtn3_1->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);  
  83.   
  84.     toolBtn3_2=new QToolButton;  
  85.     toolBtn3_2->setText(tr("小张"));  
  86.     toolBtn3_2->setIcon(QPixmap("res/32.bmp"));  
  87.     toolBtn3_2->setIconSize(QPixmap("res/32.bmp").size());  
  88.     toolBtn3_2->setAutoRaise(TRUE);  
  89.     toolBtn3_2->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);  
  90. //***************添加黑名单*****************   
  91.     QGroupBox *groupBox3=new QGroupBox;  
  92.     QVBoxLayout *layout3=new QVBoxLayout(groupBox3);  
  93.     layout3->setMargin(10);  
  94.     layout3->setAlignment(Qt::AlignHCenter);  
  95.     layout3->addWidget(toolBtn3_1);  
  96.     layout3->addWidget(toolBtn3_2);  
  97.     layout3->addStretch();  
  98. //***************添加至主窗口*****************   
  99.     this->addItem((QWidget*)groupBox1,tr("我的好友"));  
  100.     this->addItem((QWidget*)groupBox2,tr("陌生人"));  
  101.     this->addItem((QWidget*)groupBox3,tr("黑名单"));  
  102. }  
图片自己找，然后放到了res文件夹中


如何处理QToolBox上QToolBoxButton的click事件？

Problem：
QToolBox，QTabWidget，QTabBar是通过currentChanged(int)这个signal来得到当前的currentIndex改变的。
Suppose在QToolBox上有3个QToolBoxButton, 每个QToolBoxButton下又有2个item，当我选中第二个QToolBoxButton下的任意一个item的时候，这时候QToolBox的currentIndex是1. 这时候再去点击current QToolBoxButton的时候，是没有currentChanged(int) signal发出的。如果我就是想处理点击同一个QToolBoxButton的情况呢？

可能你也想到了，得到QToolBoxButton的指针不就ok了吗？Unfortunately，类似于QTabBar上的Tab这个structure，QToolBox里的QToolBoxButton也是private，我们无法通过“正常途径"得到。

既然此路不通，就另辟蹊径，QObject的函数findChildren()可以出场了。。。

QList<T> QObject::findChildren ( const QString & name = QString() ) const

Returns all children of this object with the given name that can be cast to type T, or an empty list if there are no such objects. Omitting the name argument causes all object names to be matched. The search is performed recursively.

The following example shows how to find a list of child QWidgets of the specified parentWidget named widgetname:
         QList<QWidget *> widgets = parentWidget.findChildren<QWidget *>("widgetname");
This example returns all QPushButtons that are children of parentWidget:
         QList<QPushButton *> allPButtons = parentWidget.findChildren<QPushButton *>();

QToolBoxButton的base class是QAbstractButton，这些QToolBoxButton的objectName都是”qt_toolbox_QToolBoxButton“，因此，我们的代码可以这样写：
QList<QAbstractButton *> btnlist = findChildren<QAbstractButton*>(tr("qt_toolbox_QToolBoxButton"));

接下来的处理方式就有很多了，installEventFilter或者直接connect clicked() signal。。。
QAbstractButton* btn = NULL;
qint32 counter = btnlist.count();
for (qint32 i = 0; i < counter; i++)
{
    btn = btnlist.at(i);
    btn->installEventFilter(this); // method 1.
    // connect(btn, SIGNAL(clicked()), this, SLOT(toolboxbtnClicked())); // method 2.
}

举一反三，QT其他的很多widget的私有widget也可以通过这种方式获得。This is tricky. Yet, QT supplies us one method at least.

 



yangchuankai
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Qt之使用QTreeView实现QQ好友列表
草上爬的博客
07-19 6004
在MVC中，模型负责获取需要显示的数据，并且存储这些数据的修改。每种数据类型都有它自己对应的模型，但是这些模型提供一个相同的API，用于隐藏内部实现。视图用于将模型数据显示给用户。控制器是模型和视图之间的媒介，将用户的动作解析成对数据的操作，比如查找数据或者修改数据，然后转发给模型执行，最后再将模型中需要被显示的数据直接转发给视图进行显示。同样，这种架构也允许使用不同界面显示同一数据，也能够在不改变数据的情况下添加新的显示界面。☆来自委托的信号在用户编辑数据项时使用，用于告知模型和视图编辑器的状态。....
Qt QQ好友多列表实现demo（抽屉效果）
11-26
实现的效果对标QQ的好友列表。 用工具盒类(QToolBox)实现，提供一种列状的层叠窗口，而QToolButton提供一种快速访问命令或者选择项的按钮。 抽屉效果是软件界面设计中的一种常用形式
qt实现简单的聊天页面（纯页面）
weixin_51883798的博客
02-24 1537
qq聊天页面demo的总结
Qt之工具盒(QToolBox)
最新发布
weixin_44875787的博客
05-03 1128
ToolBox是容器组(Containers)中的一员。Containers包括：（1）Group Box：组框（2）Scroll Area：滚动区域（3）Tool Box：工具箱（4）Tab Widget：标签小部件（5）Stacked Widget：堆叠部件（6）Frame：帧（7）Widget：小部件（8）MDI Area：MDI区域（9）Dock Widget：停靠窗体部件（10）QAxWidget：封装Flash的ActiveX控件。
Qt实现QQ好友下拉列表
hai200501019的专栏
08-24 6027
偶然发现Qt有个控件可以实现下拉列表，所以就试着实现一下类似QQ面板的下拉列表，这里主要实现几个功能：    1.可以删除列表中图标    2.可以像qq一样的，把某个分组下的图标转移到另外的分组   3.添加分组 代码里写了注释了，这里就不重复了，下面直接看代码吧。 自定义的数据模型 ListModel继承了QAbstractListModel，主要是实现要显示的数据结构。用的是mo
【大话QT之八】模拟QQ系统设置面板实现功能
天道酬勤
05-21 4380
业务需求：          基于网盘客户端的实现，原有网盘的设置面板无论从界面显示还是从业务需求都不能满足我们的正常需求。当前的要求是，模拟QQ系统设置的面板实现当前我们网盘中的基本配置功能。在完成这篇文章时已将基本功能实现完成，虽未整合进网盘客户端中，但基本技术预演已经实现。 QQ系统设置面板分析：       QQ系统设置面板效果图：                         
Qt教程11Qt网络通信TCP-qt简单实现聊天qq
04-02
资源详细介绍，见博客【Qt教程11】Qt网络通信TCP——qt简单实现聊天qqhttps://zhengjunxue.blog.csdn.net/article/details/137273401 - 使用Qt提供的类进行基于TCP的套接字通信需要用到两个类： - QTcpServer：...
QT局域网内聊天开源代码qq
09-08
QT局域网内聊天开源代码qq是一个基于QT框架开发的，专用于局域网内的即时通讯软件项目。这个开源项目提供了完整的源代码，允许开发者学习、研究和自定义，以满足特定的通信需求。QT是一个跨平台的C++图形用户界面库...
QT 仿QQ 聊天 实时IM UI
08-26
QT 仿QQ聊天 实时聊天 IM 在线实时 页面 QSS样式
Qt 模仿QQ登陆，QQ好友列表，QQ聊天窗口。完全复原QQ界面，可以学习Qt基础，Qt界面美化，自定义树形控件等知识。
07-03
在本文中，我们将深入探讨如何使用Qt框架来模仿QQ的登录、好友列表和聊天窗口，以帮助初学者理解和掌握Qt的基础、界面美化以及自定义控件的创建。 首先，让我们了解Qt。Qt是一个跨平台的应用程序开发框架，由The Qt...
QListWidget实现聊天列表
12-15
用QT中的QListWidget实现了一个聊天的列表，比较简单的实现了，用QListWidgetItem,没有用自定义控件来做。
基于Qt的仿QQ好友列表面板
06-15
基于Qt的仿QQ好友列表面板
QT实现的聊天界面，好友列表，支持文字和动态图像收发，python写的，C语言也可以参考
12-16
QT实现的聊天界面，好友列表，支持文字和动态图像收发，python写的，C语言也可以参考
Qt 实现QQ多层列表demo(抽屉效果)
进击的小程序员
11-26 577
Qt项目-----简易QQ(超详细，适合小白)
热门推荐
weixin_42700438的博客
06-18 1万+
创建新项目 新建项目，以Qt Widgets Application为模板 选择QWidget为基类 建立完成后，项目视图如下所示： 创建对话框列表 添加对话框列表 然后右击MyQQ，选择添加新文件 选择Qt->Qt设计师界面类，选择Widget 为新类命名为DialogList 建立完成后，项目视图如下所示（红框内为新添加文件）： 在dialoglist.ui中修改DialogList对象的宽度为250，高度为700 拖拽QToolBox..
qt抽屉菜单_基于Qt的相似QQ好友列表抽屉效果的实现
weixin_42501848的博客
02-04 434
前段时间在忙毕业设计，所以一直没有更新博客。今天答辩完以后，将对我的毕业设计进行模块展示，供Qt刚開始学习的人进行參考。毕业设计题目：Linux系统下基于Qt的局域网即时通信系统设计与实现当中我有一个相似于QQ的好友列表，然后对好友能够进行分组管理，毕设中详细效果图例如以下：网上查寻到的设计思路：缺点：(1)：仅仅能显示某一组中的好友，不能同一时候显示多个分组中好友列表。(2)：必须显示某一组中的...
Qt扫盲-QToolBox理论总结
洪源兄
12-16 3001
QToolBox 是一个类似前端的抽屉容器，它有一组选项卡，每个选项卡会在其下方自带有一个QWidget 来会显示一些内容。每个选项卡在选项卡列表中都有一个索引位置。这个选项卡的位置也是有顺序的，这样我们就可以定位到每一个选项卡的位置了
QT入门Containers之QToolBox
Littlehero_121的博客
02-22 2194
qt控件
qt 实现qq聊天窗口动态伸缩成员列表
12-28
Qt实现QQ聊天窗口动态伸缩成员列表可以通过使用Qt的布局管理器和信号与槽机制来实现。首先，我们可以在Qt设计师中设计一个QQ聊天窗口界面，包括聊天消息显示区域和成员列表区域。然后，我们可以使用Qt的布局管理器来...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值