看到很多软件的设置对话框都是由一个自绘的ListBox和几个Child风格的CDialog组成的,如图飞秋的设置对话框:

自绘的ListBox可以绘制一些自己需要的图标或者文字的字体、颜色和大小。琢磨了一下,做法如下:
从CListBox派生自己的类CListBoxEx
(1)设置Item的大小在MeasureItem(LPMEASUREITEMSTRUCT lpMeasureItemStruct)函数
MeasureItem是个虚函数,在这里覆写它,设置Item大小
void CListBoxEx::MeasureItem(LPMEASUREITEMSTRUCT lpMeasureItemStruct)
{
    // TODO:  添加您的代码以确定指定项的大小
    lpMeasureItemStruct->itemHeight = m_nHeight; //设置Item高度
}
(2)在虚函数DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)内绘制我们想要的效果
添加图标,绘制想要的文字效果。图标可以是Bitmap或者Icon
Bitmap使用兼容DC拷贝上去;ICON直接利用CDC的DrawIcon画上去
主要绘制没有选中时的效果和选中的效果
void CListBoxEx::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)
{
	// TODO:  添加您的代码以绘制指定项
	CDC* pDC = CDC::FromHandle(lpDrawItemStruct->hDC);
	CRect rectItem(lpDrawItemStruct->rcItem);
	CRect rectIcon(rectItem.left, rectItem.top, rectItem.left+m_nWidth, rectItem.top+m_nHeight);
	CRect rectText(rectIcon.right,rectItem.top,rectItem.right,rectItem.bottom);
	CListItem* pItem = static_cast<CListItem*>(GetItemDataPtr(lpDrawItemStruct->itemID));
	pDC->SetBkMode(TRANSPARENT);
	UINT action, state;
	action = lpDrawItemStruct->itemAction;
	state  = lpDrawItemStruct->itemState;
	// 绘制整个Item或者Item没有被选中将要选中,填充背景
	if ((action & ODA_DRAWENTIRE) || ( !(state & ODS_SELECTED) && (action & ODA_SELECT)))
	{
		pDC->FillSolidRect(rectItem, m_clrBack);                        // 填充背景
		if (m_bIsEdge)
		{
			pDC->DrawEdge(rectItem, EDGE_SUNKEN, BF_BOTTOM); // 画边框
		}
		if (lpDrawItemStruct->itemData != NULL)
		{
			// 画图标
			CRect rect(rectIcon);
			rect.DeflateRect(0,5,0,0);
			CDC dcMem;
			dcMem.CreateCompatibleDC(pDC);
			CBitmap bmp;
			bmp.LoadBitmap(pItem->m_nBitMap);
			CBitmap* pOldBmp = dcMem.SelectObject(&bmp);
			pDC->BitBlt(rect.left,rect.top,rect.Width(),rect.Height(),&dcMem,0,0,SRCCOPY);
			dcMem.SelectObject(pOldBmp);
			bmp.DeleteObject();
			// 文字
			//pDC->TextOut(rectText.left+2, rectText.top,pItem->m_szItemName);		
			rect = rectText;
			rect.DeflateRect(0,5,0,0);
			pDC->SetTextColor(RGB(0,0,0));
			rect.OffsetRect(2,0);
			if (pItem->m_szItemName != NULL)
			{
				pDC->DrawText(pItem->m_szItemName, lstrlen(pItem->m_szItemName),rect, DT_LEFT | DT_SINGLELINE);
			}
		}
	}
	// Item被选中
	if ( (state & ODS_SELECTED) && (action & (ODA_SELECT | ODA_DRAWENTIRE)))
	{
		CRect rect(rectItem);
		// 背景
		CPen Pen(PS_SOLID, 1, RGB(0, 0, 0));
		CPen* pOldPen = pDC->SelectObject(&Pen);
		pDC->Rectangle(rect);
		pDC->SelectObject(pOldPen);
		rect.DeflateRect(0,1,0,0);
		pDC->FillRect(rect, &CBrush(m_clrSel));
		// 边框
		if (m_bIsEdge)
		{
			pDC->DrawEdge(rect, EDGE_SUNKEN, BF_BOTTOM);
		}
		// 图标
		rect = rectIcon;
		rect.DeflateRect(0,5,0,0);
		CDC dcMem;
		dcMem.CreateCompatibleDC(pDC);
		CBitmap bmp;
		bmp.LoadBitmap(pItem->m_nBitMap);
		CBitmap* pOldBmp = dcMem.SelectObject(&bmp);
		pDC->BitBlt(rect.left,rect.top,rect.Width(),rect.Height(),&dcMem,0,0,SRCCOPY);
		dcMem.SelectObject(pOldBmp);
		bmp.DeleteObject();
		// 文字
		rect.CopyRect(rectText);
		rect.DeflateRect(0,5,0,0);
		pDC->SetTextColor(m_clrText);   // 被选中时的颜色
		rect.OffsetRect(10,0);
		if (pItem->m_szItemName != NULL)
		{
			pDC->DrawText(pItem->m_szItemName, lstrlen(pItem->m_szItemName),rect, DT_LEFT | DT_SINGLELINE);
		}
	}
}
(3)其他
可以添加一些利用键盘上下键选择Item的功能,覆写函数DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)
int CListBoxEx::VKeyToItem(UINT nKey, UINT nIndex)
{
	// TODO:  添加处理特定虚拟键的代码
	// 返回 -1 = 默认操作
	// 返回 -2 = 没有进一步的操作
	// 返回索引 = 执行以下项上的键击的默认操作
	//               索引指定的项
	if ((nKey == VK_UP) && (nIndex > 0))
		SetCurSel(nIndex);
	else if ((nKey == VK_DOWN) && (nIndex < (UINT)GetCount()))
		SetCurSel(nIndex);
	return -1;
}
因为要接收键盘上下键消息,所以在listbox属性中,将Want Key Input改为True
(4)碰到的问题
代码添加完毕,利用自己派生的类CListBoxEx关联一个ListBox控件,运行却没有自己要的自绘效果,跟踪代码发现,DrawItem根本没有被调用,怎么回事,哦,原来是忘记设置控件的属性,标示其是否自绘。
查看Listbox Control属性→行为→Owner Draw,将No改为variable。
一般也不需要自动排序,将Sort改为False。
(5)运行结果

详细可看这里