VC++界面编程之--实现工具栏自定义皮肤

工具栏的工作原理就是：首先在父窗口上创建一个子窗口，然后在一个子窗口上创建不同ID的按钮，当用户点击某个按钮时，就会以一个命令的方式通知父窗口：我被点击了。所以我沿着这个思路，制作了一个自定义皮肤的工具栏。

工具栏效果展现：

该工具栏包含了：①自定义背景图片、②自定义按钮图片、③自定义ToolTips、④动态增加按钮，等几个主要功能。当鼠标移动到某个工具栏按钮上上时，会动态切换按钮状态，并出现自定义的ToolTips。

实现步骤一（创建）

创建一个名为CCustomCommandBar的子窗口，指定窗口类型为：WS_CHILD | WS_VISIBLE即可。

class CCustomCommandBar	: public CWindowImpl<CCustomCommandBar>

创建函数：

// Create command bar.
	HWND Create(const HWND wndParent, const UINT nID)
	{
		if (::IsWindow(wndParent) && nID > 0)
		{
			m_wndParent = wndParent;
			CRect rc(0, 0, 1, 1);
			return CWindowImpl<CCustomCommandBar>::Create(wndParent, rc, _T(""), WS_CHILD | WS_VISIBLE, 0, nID);
		}

		ATLASSERT(FALSE);
		return NULL;
	}

实现步骤二（设置工具栏背景）

找一张PNG图片，然后用其来做工具栏的背景，我没有刻意的去指定背景图片尺寸，一定要精确的与预定的工具栏吻合。而是找了一张较大的图，进行部分裁切。这样既可以保证动态增加一些按钮后，图像不失真。

	// Load background image.
	BOOL LoadBackgroundImage(const UINT nImageID)
	{
		m_Lock.Lock();

		m_imgBack.Load_Image(nImageID, _T("PNG"));
		if (m_imgBack.m_pImage != NULL)
		{
			m_Lock.Unlock();
			return TRUE;
		}

		m_Lock.Unlock();
		ATLASSERT(FALSE);
		return FALSE;
	}

工具栏进行重绘只是进行简单的贴图，而工具栏尺寸，将由按钮的数量决定。

	// Draw background image when got WM_PAINT message.
	void DoPaint(Graphics& g)
	{
		m_Lock.Lock();
		if (m_imgBack.m_pImage != NULL)
		{
			g.DrawImage(m_imgBack.m_pImage, 0, 0);
		}
		m_Lock.Unlock();
	}

实现步骤三（添加按钮）

由于按钮是由工具栏动态创建的，所以只需传进按钮的ID、图片的ID并记录好创建的按钮顺序即可。当创建好按钮后，就重新计算每个按钮的位置，并重置工具栏的大小。

	// Insert button.
	BOOL InsertButton(const UINT nButtonID, const UINT nImageID, const int nImageNum, 
		const BUTTONIMAGEINDEX BtnImgIndex, const CString& strToolTip)
	{
		if (IsWindow() && nButtonID > 0 && nImageID > 0 && nImageNum > 0)
		{
			// First, create button.
			CCustomButton* pButton	= new CCustomButton();
			HWND wndButton			= pButton->Create(m_hWnd, nButtonID);
			ATLASSERT(::IsWindow(wndButton));
			pButton->LoadBitmap(nImageID, nImageNum);
			pButton->SetImages(BtnImgIndex.nNormal, BtnImgIndex.nSelected, BtnImgIndex.nHot, BtnImgIndex.nDisable);
			pButton->SetToolTipText(strToolTip);

			// Second, record created button info.
			BUTTONINFO* pBtnInfo	= (BUTTONINFO*)malloc( sizeof(BUTTONINFO) );
			pBtnInfo->nID			= nButtonID;
			pBtnInfo->pButton		= pButton;
			m_szButtons.Add(pBtnInfo);

			// Lastly, move button and record button position.
			MoveButtons();
			return TRUE;
		}

		ATLASSERT(FALSE);
		return FALSE;
	}

实现步骤四（计算工具栏尺寸并移动按钮）
根据每个按钮的间隔计图片宽度，计算工具栏的长度。然后根据按钮图片的高度，来计算工具栏的高度。计算完成后，先重置工具栏的尺寸，然后再依次移动按钮。

重置工具栏尺寸：

	// Move and record all buttons to specified position.
	void MoveButtons()
	{
		// First, Calculate all buttons position.
		for (int nIndex = 0; nIndex < m_szButtons.GetSize(); ++nIndex)
		{
			CRect rcPos;
			m_szButtons[nIndex]->pButton->GetClientRect(&rcPos);

			int X = 0;
			int Y = m_nVerSpace;
			
			// calculate first button.
			if (0 == nIndex)
			{
				X = m_nHorSpace;
			}
			// calculate left button X position via previous button.
			else
			{
				X = m_szButtons[nIndex - 1]->rcPos.right + m_nBtnSpace;
			}

			rcPos.MoveToXY(X, Y);
			m_szButtons[nIndex]->rcPos = rcPos;
		}

		// Second, resize command bar window via all buttons position.
		ResizeCommandBar();

		// Lastly, move buttons.
		for (int nIndex = 0; nIndex < m_szButtons.GetSize(); ++nIndex)
		{
			m_szButtons[nIndex]->pButton->MoveWindow(m_szButtons[nIndex]->rcPos, FALSE);
		}
	}

移动按钮：

	// Resize command bar via buttons' position.
	BOOL ResizeCommandBar()
	{
		int nHeight = m_nVerSpace * 2 + m_szButtons[0]->rcPos.Height();
		// Calculate width via last button's position.
		int nWidth	= m_szButtons[m_szButtons.GetSize() - 1]->rcPos.right + m_nHorSpace;

		if (nHeight > 0 && nWidth > 0)
		{
			ResizeClient(nWidth, nHeight);
			return TRUE;
		}

		ATLASSERT(FALSE);
		return FALSE;
	}

实现步骤五（为父窗口设置点击消息反馈）

我们可以使用WM_COMMAND来通知父窗口：工具栏某个按钮被点击了。

	BEGIN_MSG_MAP(CCustomCommandBar)
		MESSAGE_HANDLER(WM_COMMAND, OnCommand)
		REFLECT_NOTIFICATIONS()
	END_MSG_MAP()

	LRESULT OnCommand(UINT uMsg, WPARAM wParam, LPARAM lParam, BOOL& /*bHandled*/)
	{
		if( lParam != 0 && ::GetParent((HWND) lParam) == m_hWnd ) 
		{
			::SendMessage(GetParent(), uMsg, wParam, lParam);
		}
		return 0;
	}

小结：

类似工具栏这些控件，比如CReBar，都可以用子窗口的形式进行制作。这样做的好处就是：相对比较简单，不需要大费周章的去控制CToolBar原有的一些自绘方法。并且可以增加一些自定义元素在里面。

下载链接：

http://download.csdn.net/detail/renstarone/6973195