让ListBox控件每一行显示不同的颜色

最近用MFC做个小项目，想要让ListBox中的每一行都根据自定义的颜色来显示不同的颜色。刚开始把MFC想的太简单了，拖了一个ListBox控件然后绑定了一个变量m_ListBox。

在主对话框的OnInitDialog()函数中我调用了下面的代码

m_ListBox.AddString(_T("这是一个小测试!"));
m_ListBox.SetItemData(0,RGB(0,0,255));

运行后发现显示的仍是默认的黑色。

后来查阅相关资料，才发现微软将这些控件的字体和颜色等属性都是设置为默认的，普通的属性设置函数根本没用。要想在ListBox或者ListCtrl等控件中绘制你想要的图形或者设置你想要的属性，那么必须采用自绘的方式。

界面方面的编程有时就是一层窗户纸，捅破了就好。下面是实现的具体过程：

1.拖一个ListBox控件设置一下属性。其中Owner draw属性要设置成Variable，Has strings要勾选

2.自定义一个派生自CListBox的类CColorListBox。重载下面两个虚函数

virtual void DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct);
virtual void MeasureItem(LPMEASUREITEMSTRUCT lpMeasureItemStruct);

然后定义一个接口用来让我们调用，根据传入的字符串和RGB值让ListBox的每一行根据我们自定义的颜色来显示

public:
	int AddString(LPCTSTR lpszItem, COLORREF itemColor = RGB(255,0,0));

下面是上面3个函数的具体定义

////////////////////////////////////////////////////////

/********************************************************************/
/*																	*/
/* Function name : AddString										*/		
/* Description   : Add string to the listbox and save color info.	*/
/*																	*/
/********************************************************************/
int CColorListBox::AddString(LPCTSTR lpszItem, COLORREF itemColor)
{
	// Add the string to the list box
	int nIndex = CListBox::AddString(lpszItem);
   
	// save color data
	if (nIndex >= 0)
		SetItemData(nIndex, itemColor);

	return nIndex;
}


/********************************************************************/
/*																	*/
/* Function name : DrawItem											*/		
/* Description   : Called by the framework when a visual aspect of	*/
/*				   an owner-draw list box changes.					*/
/*																	*/
/********************************************************************/
void CColorListBox::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct) 
{
    // Losing focus ?
    if (lpDrawItemStruct->itemID == -1) 
	{
		DrawFocusRect(lpDrawItemStruct->hDC, &lpDrawItemStruct->rcItem);
		return;
    }

	CDC* pDC = CDC::FromHandle(lpDrawItemStruct->hDC);

	COLORREF clrOld;
	CString sText;
	
	// get color info from item data
	COLORREF clrNew = (COLORREF)(lpDrawItemStruct->itemData);

	// item selected ?
	if ((lpDrawItemStruct->itemState & ODS_SELECTED) &&
		 (lpDrawItemStruct->itemAction & (ODA_SELECT | ODA_DRAWENTIRE)))
	{
		CBrush brush(::GetSysColor(COLOR_HIGHLIGHT));
		pDC->FillRect(&lpDrawItemStruct->rcItem, &brush);
	}

	// item deselected ?
	if (!(lpDrawItemStruct->itemState & ODS_SELECTED) &&	
		(lpDrawItemStruct->itemAction & ODA_SELECT))
	{
		CBrush brush(::GetSysColor(COLOR_WINDOW));
		pDC->FillRect(&lpDrawItemStruct->rcItem, &brush);
	}	 	

	// item has focus ?
	if ((lpDrawItemStruct->itemAction & ODA_FOCUS) && 
		(lpDrawItemStruct->itemState & ODS_FOCUS))
	{
		pDC->DrawFocusRect(&lpDrawItemStruct->rcItem); 
	}

	// lost focus ?
	if ((lpDrawItemStruct->itemAction & ODA_FOCUS) &&	
		!(lpDrawItemStruct->itemState & ODS_FOCUS))
	{
		pDC->DrawFocusRect(&lpDrawItemStruct->rcItem); 
	}

	// set the background mode to TRANSPARENT
	int nBkMode = pDC->SetBkMode(TRANSPARENT);

	if (lpDrawItemStruct->itemState & ODS_SELECTED)
		clrOld = pDC->SetTextColor(::GetSysColor(COLOR_HIGHLIGHTTEXT));
	else 
	if (lpDrawItemStruct->itemState & ODS_DISABLED)
		clrOld = pDC->SetTextColor(::GetSysColor(COLOR_GRAYTEXT));
	else
		clrOld = pDC->SetTextColor(clrNew);

	// get item text
	GetText(lpDrawItemStruct->itemID, sText);
	CRect rect = lpDrawItemStruct->rcItem;

	// text format
	UINT nFormat = DT_LEFT | DT_SINGLELINE | DT_VCENTER;
	if (GetStyle() & LBS_USETABSTOPS)
		nFormat |= DT_EXPANDTABS;
	
	// draw the text
	pDC->DrawText(sText, -1, &rect, nFormat);

	// restore old values
	pDC->SetTextColor(clrOld); 
	pDC->SetBkMode(nBkMode);
}


void CColorListBox::MeasureItem(LPMEASUREITEMSTRUCT lpMeasureItemStruct) 
{
	lpMeasureItemStruct->itemHeight = ::GetSystemMetrics(SM_CYMENUCHECK);	
}

3.现在我们可以测试一下。拖一个ListBox控件，然后定义一个CColorListBox 类型的变量m_ListBox。你可以直接在下面所对应的位置手动添加如下代码，也可以通过MFC ClassWizard自动添加。

在主对话框头文件中头文件中添加

// Dialog Data
	//{{AFX_DATA(CLogSystemTestDlg)
         ........
	CColorListBox	m_ListBox;
	//}}AFX_DATA

在主对话框的代码文件中的DoDataExchange()函数中添加代码

DDX_Control(pDX, IDC_LIST1, m_ListBox);

目的是将变量m_ListBox和IDC_LIST1标识的列表控件绑定，具体代码如下

void CTestDlg::DoDataExchange(CDataExchange* pDX)
{
	CDialog::DoDataExchange(pDX);
	//{{AFX_DATA_MAP(CLogSystemTestDlg)
	DDX_Control(pDX, IDC_LIST1, m_ListBox);
	//}}AFX_DATA_MAP
}

在主对话框的代码文件中的OnInitDIalog()函数中添加测试代码

BOOL CLogSystemTestDlg::OnInitDialog()
{
	CDialog::OnInitDialog();
	...........
	// TODO: Add extra initialization here
	m_ListBox.AddString("空山新雨后",RGB(255,0,0));
	m_ListBox.AddString("天气晚来秋",RGB(0,255,0));
	m_ListBox.AddString("明月松间照",RGB(0,0,255));
	m_ListBox.AddString("清泉石上流",RGB(255,0,255));
	return TRUE;  // return TRUE  unless you set the focus to a control
}

编译运行后效果如下所示