如何实现由列表控件控制的属性表

 

关键字：属性页，属性表，MFC，界面

摘要：很多MFC的程序都用到了属性表和属性页来实现选项设置的界面，但是MFC本身提供的属性表页功能有限，界面也很原始，一些新软件都实现了自己定义的更为美观的属性页。MFC原始的属性页是通过CTabCtrl进行切换控制的，本文给出了一种现在较为常见的用CListCtrl进行页面切换的属性页的方法，并且对对列表控件进行了重绘。 CMyPropertySheet是一个从CPropertySheet派生而来的类，因此你仍然可以不费力的利用MFC CPropertySheet的诸多特性，具体使用方法稍后我会详细说明。

该属性表的实现效果如下：

图一

一、使用

　　CMyPropertySheet的使用方法与MFC的CPropertySheet类似，首先要在程序中创建两个属性页，也就是两个CPropertyPage的派生对象。然后将MyPropertySheet.cpp 和 MyPropertySheet.h添加至工程，在程序的视图类头文件中（假定是个SDI程序）将CMyPropertySheet的头文件包含进来

#include “MyPropertySheet.h”

　　在资源视图里设置一个新的菜单项“选项”（放在哪儿随你） 用ClassWizard添加响应函数，在该函数里添加如下代码创建一个属性表对象myPS

CMyPropertySheet myPS;

然后向属性表添加两个属性页。

myPS.AddPage(&m_page1);myPS.AddPage(&m_page2);

接下来要添加属性页的图标，该图标会在对应列表项以及属性页的标题上显示，注意这里添加的顺序要与属性页的添加顺序保持一致。

myPS.AddIcon(IDI_GLOBAL);       myPS.AddIcon(IDI_ADDITION);

最后创建并显示该属性页。

myPS.DoModal();

剩下的工作就跟一般属性表完全一样了。

CMyPropertySheet类提供如下自定义函数，可以对属性表的外观进行设置。

　　SetSepratorColor，SetCaptionColor与SetSelectedColor都接受一个类型为COLORREF的参数，分别用以设置列表分隔线，属性页标题以及列表选择项背景的颜色。

SetListFont设置列表的字体。

读者也可以根据自己的需要对其进行扩充。

二、实现逻辑

　　MFC原来的属性页是由TabCtrl控制的，而且属性页的大小已经与属性表按比例设置好，因此，要实现如图一所示的属性页，我们有如下几步工作需要做：

1． 对属性页原来的TabCtrl进行隐藏。
2． 调整属性表的大小，将属性页移至属性表右侧，以容纳列表控件。
3． 获得TabCtrl的矩形，根据该矩形画属性页标题。
4． 初始化列表控件内容，调整列表项高度。
5． 响应列表的NM_CLICK事件，根据得到的点击项ID进行属性页的切换。

其中调整尺寸的工作必须在OnInitDialog函数中进行。

BOOL CMyPropertySheet::OnInitDialog(){  BOOL bResult = CPropertySheet::OnInitDialog();   //计算属性页的矩形，扩大属性表并将属性页其移至右侧 CRect rect, rectPage, rectTab; GetPage(0)->GetWindowRect(&rectPage);  GetWindowRect(&rect); rect.right += 150;     int nWidth = rectPage.Width(); rectPage.right = rect.right - 20;  rectPage.left = rect.right - nWidth; ScreenToClient(&rectPage); m_rectPage = rectPage; MoveWindow(&rect); GetPage(0)->MoveWindow(&rectPage);     //隐藏属性页原来的TabControl CTabCtrl *pTab = GetTabControl() ; pTab->GetWindowRect(&rectTab); ScreenToClient(&rectTab); if(!pTab->ShowWindow(SW_HIDE))  return FALSE;     //创建列表控件并用一个CImageList对象与之关联 if(!m_wndList.Create(WS_CHILD | WS_VISIBLE | LVS_REPORT | LVS_NOCOLUMNHEADER ,  　　　　　　　　　　　　CRect(10 ,rectTab.top,150,rectPage.bottom ),this,0xFFFF))  return FALSE; m_wndList.SetExtendedStyle(LVS_EX_FULLROWSELECT); m_wndList.SetImageList(&m_imgList, LVSIL_SMALL);  InitList(); //设置行高度 CFont font; font.CreatePointFont(240,_T("宋体")); m_wndList.SetFont(&font);  CString strCaption; GetPage(0)->GetWindowText(strCaption);  _tcscpy(m_szCaption, strCaption.GetBuffer(strCaption.GetLength()));  return bResult;}

属性页的切换：

void CMyPropertySheet::OnNMClick(NMHDR *pNMHDR, LRESULT *pResult){ LPNMITEMACTIVATE lpItem = reinterpret_cast(pNMHDR); m_nSelectedItem = lpItem->iItem ;   if (lpItem->iItem  >= 0 && lpItem->iItem < m_wndList.GetItemCount())   {    m_nSelectedItem = lpItem->iItem;    CString strCaption = m_wndList.GetItemText(lpItem->iItem,0);   _tcscpy(m_szCaption, strCaption);  SetActivePage(m_nSelectedItem);  Invalidate();   GetPage(m_nSelectedItem)->MoveWindow(&m_rectPage); m_wndList.SetFocus();   } }

三、总结

　　关于列表控件自绘的问题在这里不做详细讨论，可以参考源代码里面OnNMCustomDraw的部分以及MSDN上的相关资料。对属性页的修改还有很多种方法和很多种方式，比如还可以用树型控件进行控制，这里提供的方法也可以做一般意义上的推广 ，并不难实现其它方式的控制。程序在Visual C++ 2005 下编译通过。