基于对话框的QQ抽屉效果的实现.doc

基于对话框的QQ抽屉效果的实现用CGfxOutBarCtrl控件来实现QQ的抽屉菜单界面操作步骤：1.创建一个基于对话框的应用程序，程序名：OutBarDialog2.删除原有的两个按钮和静态控件。3.添加GFXGROUPEDIT.CPP、GFXGROUPEDIT.h、GFXPOPUPMENU.CPP 、GFXPOPUPMENU.h、GFXOUTBARCTRL.CPP、GFXOUTBARCTRL.h到工程中。4.在文件GFXGROUPEDIT.CPP中添加如下代码：#include OutBarDialog.h。5.在资源文件中导入需要使用的图标，（本例子中导入了11个图标）用于构筑图像列表的内容，显示在抽屉的子项中。再导入三个光标文件，其ID分别为：IDCNODRAGGING、IDCHANDCUR、IDCDRAGGING在OutBarDialogDlg.h文件中添加：#define IDC_LST_MENU WM_USER+1000#include resource.h#include GfxOutBarCtrl.h6.在OutBarDialogDlg.cpp文件中添加对象：CGfxOutBarCtrl wndBar;CImageList imaLarge,imaSmall;添加图像数组：static UINT nIcons = IDI_ICON1, IDI_ICON3, IDI_ICON4, IDI_ICON7, IDI_ICON8, IDI_ICON2, IDI_ICON11, IDI_ICON6, IDI_ICON9, IDI_ICON10, IDI_ICON5;7.在对话框OnInitDialog（）初始化函数中添加如下代码：/创建抽屉菜单控件DWORD dwf=CGfxOutBarCtrl:fDragItems |CGfxOutBarCtrl:fEditGroups |CGfxOutBarCtrl:fEditItems |CGfxOutBarCtrl:fRemoveGroups |CGfxOutBarCtrl:fRemoveItems |CGfxOutBarCtrl:fAddGroups |CGfxOutBarCtrl:fAnimation ;/抽屉控件的大小以及位置CRect rc;GetClientRect(&rc);int r1=rc.Height();int r2=rc.Width()/5; wndBar.Create(WS_CHILD|WS_VISIBLE,CRect(0,0,r2,r1),this,IDC_LST_MENU,dwf);wndBar.SetOwner(this);/创建图像列表imaSmall.Create (16, 16, ILC_COLOR16|ILC_MASK, 2, 1);imaLarge.Create (32, 32, ILC_COLOR16|ILC_MASK, 2, 1);/ 初始化图像列表for (int i = 0; i LoadIcon(nIconsi);ASSERT(hIcon);imaSmall.Add(hIcon);imaLarge.Add(hIcon);/ 添加图像到抽屉控件wndBar.SetImageList(&imaLarge,CGfxOutBarCtrl:fLargeIcon);wndBar.SetImageList(&imaSmall,CGfxOutBarCtrl:fSmallIcon);/设置并添加抽屉菜单项/wndBar.SetAnimationTickCount(20);/wndBar.SetAnimSelHighlight(200);/ Add the first folder to the outlook iFolder; / index of the added folderiFolder = wndBar.AddFolder(_T(Shortcuts 1), 0);/ Add items to the folder, syntax is folder, index, text, image, and item data.wndBar.InsertItem(iFolder, 1, _T(Item 1), 0, NULL);wndBar.InsertItem(iFolder, 2, _T(Item 2), 1, NULL);wndBar.InsertItem(iFolder, 3, _T(Item 3), 2, NULL);wndBar.InsertItem(iFolder, 4, _T(Item 4), 3, NULL);wndBar.InsertItem(iFolder, 5, _T(Item 5), 4, NULL);wndBar.InsertItem(iFolder, 6, _T(Item 6), 5, NULL);/ Add the second folder to the outlook bar.iFolder = wndBar.AddFolder(_T(Shortcuts 2), 1);/ Add items to the folder, syntax is folder, index, text, image, and item data.wndBar.InsertItem(iFolder, 1, _T(Item 1), 0, NULL);wndBar.InsertItem(iFolder, 2, _T(Item 2), 1, NULL);wndBar.SetSelFolder(0);8.消息响应机制，在OutBarDialogDlg.cpp文件中添加如下消息响应函数：afx_msg long OnOutbarNotify(WPARAM wParam, LPARAM lParam);以及：BEGIN_MESSAGE_MAP(COutBarDialogDlg, CDialog)/AFX_MSG_MAP(COutBarDialogDlg)ON_WM_SYSCOMMAND()ON_WM_PAINT()ON_WM_QUERYDRAGICON()ON_MESSAGE(WM_OUTBAR_NOTIFY, OnOutbarNotify)ON_WM_SIZE()/AFX_MSG_MAP手动添加如下代码（protected）：long COutBarDialogDlg:OnOutbarNotify(WPARAM wParam, LPARAM lParam)switch (wParam)case NM_OB_ITEMCLICK:/ cast the lParam to an integer to get the clicked itemint index = (int) lParam;CString cs, cs1;cs1 = wndBar.GetItemText(index);int iFloder = wndBar.GetSelFolder();cs.Format(Clicked on %d Floder - %d : , iFloder, (int)lParam, cs1);AfxMessageBox(cs);return 0;case NM_OB_ONLABELENDEDIT:/ cast the lParam to an OUTBAR_INFO * struct; it will contain info about the edited item/ return 1 to do the change and 0 to cancel itOUTBAR_INFO * pOI = (OUTBAR_INFO *) lParam;TRACE2(Editing item %d, new text:%sn, pOI-index, pOI-cText);return 1;case NM_OB_ONGROUPENDEDIT:/ cast the lParam to an OUTBAR_INFO * struct; it will contain info about the edited folder/ return 1 to do the change and 0 to cancel itOUTBAR_INFO * pOI = (OUTBAR_INFO *) lParam;TRACE2(Editing folder %d, new text:%sn, pOI-index, pOI-cText);return 1;case NM_OB_DRAGITEM:/ cast the lParam to an OUTBAR_INFO * struct; it will contain info abo