[QT]QT教程之实例分析[三] 实现QQ抽屉效果(QToolBox 和QToolButton)

重点知识已近在代码里注释...
请仔细看代码
本文原创
转载请保留此链接  http://blog.csdn.net/siren0203

头文件

drawer.h

#ifndef DRAWER_H #define DRAWER_H #include <QToolBox> class QToolButton; #include <QObject> //QToolBox提供一种列状的层叠窗体 class Drawer:public QToolBox{ Q_OBJECT public: Drawer(QWidget *parent=0); QToolButton *toolButton1_1; QToolButton *toolButton1_2; private slots: void slotCls(); }; #endif // DRAWER_H

 

实现文件

main.cpp

 

#include <QApplication> #include <QToolButton> #include <QToolBox> #include <QGroupBox> #include <QVBoxLayout> #include <QWidget> #include <QTextCodec> #include <QMessageBox> #include "drawer.h" //构造函数初始化布局控件 Drawer::Drawer(QWidget *parent):QToolBox(parent){ //设置标题 setWindowTitle(tr("QQ")); //创建一个 QGroupBox 对象 QGroupBox *groupBox1=new QGroupBox(this); //创建按钮1 toolButton1_1=new QToolButton; toolButton1_1->setText(tr("siren")); toolButton1_1->setAutoRaise(TRUE); //鼠标离开时 按钮恢复到谈起状态 toolButton1_1->setToolButtonStyle(Qt::ToolButtonTextUnderIcon); //文字显示在图标下面 //创建一个 QGroupBox 对象 QGroupBox *groupBox2=new QGroupBox(this); //创建按钮二 toolButton1_2=new QToolButton; toolButton1_2->setText(tr("http://blog.csdn.net/siren0203")); toolButton1_2->setAutoRaise(TRUE); toolButton1_2->setToolButtonStyle(Qt::ToolButtonTextUnderIcon); //第一个抽屉 QVBoxLayout *layout1=new QVBoxLayout(groupBox1); layout1->setMargin(10); layout1->setAlignment(Qt::AlignHCenter); layout1->addWidget(toolButton1_1); //第二个抽屉 QVBoxLayout *layout2=new QVBoxLayout(groupBox2); layout2->setMargin(10); layout2->setAlignment(Qt::AlignHCenter); layout2->addWidget(toolButton1_2); //把抽屉插入到 QToolBox中 this->addItem((QWidget *)groupBox1,tr("userName")); this->addItem((QWidget *)groupBox2,tr("homePage")); connect(toolButton1_1,SIGNAL(clicked()),this,SLOT(slotCls())); } void Drawer::slotCls(){ QMessageBox *msg=new QMessageBox(this); msg->setText("user name is Riren"); msg->exec(); } int main(int argc,char ** argv){ QApplication app(argc,argv); Drawer drawc; drawc.show(); return app.exec(); }

 

 

效果如下