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

 

关键字：属性页，属性表，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 下编译通过。