[学]ListBox自绘

    看到很多软件的设置对话框都是由一个自绘的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)运行结果

详细可看这里