Qt实现QQ界面
1.Qt实现QQ界面是通过QToolBox类来实现的,基本结构是:QToolBox里面装QGroupBox,然后QGroupBox里面装QToolButton,设置好相关属性即可
2.定义类继承QToolBox
class Drawer : public QToolBox
3.在构造函数中完成布局,头文件代码展示,为了避免代码重复定义初始化函数
initToolButton
#ifndef DRAWER_H #define DRAWER_H #include <QWidget> #include <QToolBox>//工具盒类,层叠窗口,抽屉效果实现 #include <QToolButton> class Drawer : public QToolBox { Q_OBJECT public: Drawer(QWidget *parent=0,Qt::WindowFlags f = 0); ~Drawer(); void initToolButton(QToolButton **tb,QString name,QString pathpic); private : QToolButton *toolbtn1; QToolButton *toolbtn2; QToolButton *toolbtn3; QToolButton *toolbtn4; QToolButton *toolbtn5; QToolButton *toolbtn11; QToolButton *toolbtn12; QToolButton *toolbtn21; QToolButton *toolbtn22; }; #endif // DRAWER_H
4.主要代码为.cpp文件
#include "drawer.h" #include<QGroupBox> #include <QVBoxLayout> #include <QDebug> Drawer::Drawer(QWidget *parent, Qt::WindowFlags f):QToolBox(parent,f) { setWindowTitle("QQ"); initToolButton(&toolbtn1,"张远山","1.png"); qDebug()<<"ok"; initToolButton(&toolbtn2,"东奥","2.png"); qDebug()<<"ok"; initToolButton(&toolbtn3,"孙选成","3.png"); qDebug()<<"ok"; initToolButton(&toolbtn4,"司宽","4.png"); qDebug()<<"ok"; initToolButton(&toolbtn5,"张宇","5.png"); qDebug()<<"ok"; QGroupBox *gb1 = new QGroupBox; QVBoxLayout *lay1 = new QVBoxLayout(gb1); lay1->setMargin(10); lay1->setAlignment(Qt::AlignHCenter); lay1->addWidget(toolbtn1); lay1->addWidget(toolbtn2); lay1->addWidget(toolbtn3); lay1->addWidget(toolbtn4); lay1->addWidget(toolbtn5); // lay1->addStretch(); initToolButton(&toolbtn11,"刘翔","11.png"); initToolButton(&toolbtn12,"詹姆斯","12.png"); QGroupBox *gb2 = new QGroupBox; QVBoxLayout *lay2 = new QVBoxLayout(gb2); lay2->addWidget(toolbtn11); lay2->addWidget(toolbtn12); lay2->setMargin(10); lay2->setAlignment(Qt::AlignHCenter); initToolButton(&toolbtn21,"惠子","21.png"); initToolButton(&toolbtn22,"名人","22.png"); QGroupBox *gb3 = new QGroupBox; QVBoxLayout *lay3 = new QVBoxLayout(gb3); lay3->addWidget(toolbtn21); lay3->addWidget(toolbtn22); lay3->setMargin(10); lay3->setAlignment(Qt::AlignHCenter); //准备好的抽屉插入TOOlBox中 this->addItem(gb1,"我的好友"); this->addItem(gb2,"陌生人"); this->addItem(gb3,"黑名单"); } Drawer::~Drawer() { } void Drawer::initToolButton(QToolButton **tb, QString name, QString pathpic) { (*tb) = new QToolButton; (*tb)->setText(name); (*tb)->setIcon(QPixmap(pathpic)); (*tb)->setIconSize(QSize(20,20)); (*tb)->setAutoRaise(true); (*tb)->setToolButtonStyle(Qt::ToolButtonTextBesideIcon); }
5.
(*tb)->setIcon(QPixmap(pathpic));表示设置按钮图标
6.
(*tb)->setAutoRaise(true);表示鼠标离开时按钮自动恢复为弹起状态
7.
(*tb)->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);表示设置按钮文字标签在图标旁边
8.查看运行效果图