qt实现抽屉效果，类似qq的好友功能

qt有自带的抽屉控件，叫qtoolbox，但是我觉得比较难用，于是便自己写了一个，基本的收缩啊，添加窗体功能都有的。直接看核心代码吧
.h

#ifndef MYDRAWER_H
#define MYDRAWER_H#include <QWidget>
#include <QLabel>
#include <QScrollArea>
#include <QVBoxLayout>
#include <QFrame>class MyDrawer : public QFrame
{Q_OBJECT
public:explicit MyDrawer(QWidget *parent = nullptr);~MyDrawer();void AddWidget(QWidget *Wgt);void SetTitle(QString i_title);protected:void resizeEvent(QResizeEvent *event);void mousePressEvent(QMouseEvent *event);signals:private:QWidget *m_pCenterWgt=nullptr;QLabel *m_pTextLabel=nullptr;QLabel *m_pIconLabel=nullptr;QVBoxLayout *m_pCenterLayout=nullptr;QWidget *m_ptitleWgt=nullptr;QScrollArea *m_pArea=nullptr;bool m_ScaleBool=false;};#endif // MYDRAWER_H

.cpp

#include "mydrawer.h"
#include <QVBoxLayout>
#include <QResizeEvent>MyDrawer::MyDrawer(QWidget *parent) : QFrame(parent)
{this->setFrameStyle(QFrame::Panel | QFrame::Raised);m_pCenterWgt=new QWidget(this);m_pCenterLayout=new QVBoxLayout(this);m_pCenterLayout->setMargin(5);m_pCenterLayout->setSpacing(5);m_pCenterWgt->setLayout(m_pCenterLayout);m_pTextLabel=new QLabel(this);m_pIconLabel=new QLabel(this);m_pIconLabel->setFixedSize(20,20);QPixmap pixMap(":/img/right.png");m_pIconLabel->setPixmap(pixMap);m_pTextLabel->setFixedWidth(150);m_ptitleWgt=new QWidget(this);QHBoxLayout *titleLayout=new QHBoxLayout(this);titleLayout->addWidget(m_pIconLabel);titleLayout->addWidget(m_pTextLabel);titleLayout->setMargin(0);titleLayout->setSpacing(3);m_ptitleWgt->setLayout(titleLayout);m_ptitleWgt->setFixedHeight(30);m_pArea=new QScrollArea(this);m_pArea->setWidget(m_pCenterWgt);m_pArea->hide();QVBoxLayout *mainLayout=new QVBoxLayout(this);mainLayout->addWidget(m_ptitleWgt);mainLayout->addWidget(m_pArea);mainLayout->setMargin(0);mainLayout->setSpacing(0);this->setLayout(mainLayout);
}MyDrawer::~MyDrawer()
{}void MyDrawer::AddWidget(QWidget *Wgt)
{m_pCenterLayout->addWidget(Wgt);
}void MyDrawer::SetTitle(QString i_title)
{m_pTextLabel->setText(i_title);
}void MyDrawer::resizeEvent(QResizeEvent *event)
{m_pCenterWgt->resize(this->width(),this->height());
}void MyDrawer::mousePressEvent(QMouseEvent *event)
{if(event->button()==Qt::LeftButton){if(m_ptitleWgt->geometry().contains(this->mapFromGlobal(QCursor::pos()))){m_ScaleBool=!m_ScaleBool;if(m_ScaleBool){m_pArea->show();m_pIconLabel->setPixmap(QPixmap(":/img/down.png"));}else{m_pArea->hide();m_pIconLabel->setPixmap(QPixmap(":/img/right.png"));}}}
}

然后看下效果图：

有什么不懂的欢迎在评论区留言。。。。

qt实现抽屉效果，类似qq的好友功能相关推荐

QT之灰色头像(类似QQ离线头像)
QT之灰色头像(类似QQ离线头像) QT之灰色头像类似QQ离线头像概要效果图上代码下代码结尾概要在讲正常图片转灰色图片之前,我们先来了解下灰度图.灰度图又称为灰阶图,任何颜色都由红.绿. ...
mysql生成类似qq号_【mysql】类似QQ的好友关系表是怎么设计的？
请问一下类似QQ的好友关系表是怎么设计的? 难道只是简单的id,userId,friendId吗? 回答其实没有必要把事情想得太复杂了,按照需求慢慢递进就可以了. 这是我做关注功能的表结构,可以参考 ...
类似QQ的好友移动功能
类似QQ的好友移动,左侧有一个列表,右侧有一个列表,可以左右移动,单击选择,双击移动,全部移动,过滤条件过滤左侧列表,点击提交后把右侧列表中的数据验证然后保存到数据库中.可以使用select但是sel ...
Ubuntu（Debian）截图并编辑软件推荐：Flameshot（实现类似QQ的截图功能，具有插入文字功能）
Ubuntu(Debian)截图并编辑软件推荐:Flameshot(实现类似QQ的截图功能) 一具有文字插入功能的安装教程 1.1 卸载原有的flameshot 1.2 clone github 1 ...
HADOOP实现查找QQ共同好友功能
HADOOP实现查找QQ共同好友功能需求: A:B,C,D,F,E,O B:A,C,E,K C:F,A,D,I D:A,E,F,L E:B,C,D,M,L F:A,B,C,D,E,O,M G:A,C ...
Qt+html+JavaScript实现类似QQ聊天界面的气泡效果
这是一个简单的类似QQ聊天界面的Demo,用Qt实现,在QWebView里嵌入网页的方式实现.先看效果图: 无论怎样,我觉得自己动手写出来的东西才是自己的,所以源码不全,重点的代码我会放上来.只是模拟 ...
QT实现两界面类似QQ聊天
题目要求: 在基于QT的界面基础上,两个窗口通过套接字实现网络通信,所用协议包括TCP和UDP协议,为了模拟不同的计算机,请大家建立两个虚拟机,一个虚拟机运行一个类似QQ的界面,两个界面实现类似QQ聊 ...
基于python实现类似qq群聊功能
这篇文章主要记录了自己学习python时学习到的使用python来实现类似qq群聊的功能,整个项目分为服务器端和客户端两个部分,具体的实现如下: 一.具体代码 1.服务器端(Server.py) im ...
【cocos2dx 3.3 lua】04 纸牌翻转效果--类似QQ斗地主癞子效果
周末在家玩QQ斗地主,发现里面的癞子翻牌效果挺不错,于是想着自己做一个玩玩,于是有了如下代码: -- 卡牌旋转动画-- 需要2张图,一张正面一张背面,否则会看到一张正面旋转了360度local car ...
类似QQ贴边掩藏功能的实现（三）
大体功能基本实现了,但还需要结合我们产品的特性去考虑一些细节问题,并进行充分的测试.下面将列出在开发过程中遇到的一些主要的细节和问题. 1.WM_MOVING问题在测试向左和向右的贴边掩藏时,发现一 ...

qt实现抽屉效果，类似qq的好友功能

qt实现抽屉效果，类似qq的好友功能相关推荐

最新文章

热门文章