UIButton 简易的UI

现在的位置: 首页 > 综合 > 正文

UIButton 简易的UI

2013年04月15日 ⁄ 综合 ⁄ 共 1969字 ⁄ 字号小中大 ⁄ 评论关闭

前些阵子，听说有个DirectUI的源码，很有兴致的去Google code上下载下来阅读，但后来没有坚持下来，DirectUI所看重的是窗口的安全性：只要能得到窗口的句柄，你几乎可以为所欲为了；但DirectUI显然没有这个问题，因为其所支持的控件都是windowless，没有句柄的，所有控件都是画出来的。

接下来折腾XPButton，总算能看懂。但按钮依旧没有摆脱窗口，只是简单基础基础类库CButton，通过自绘实现DIYbutton。

通过绘图的方式可以实现UIButton（画出来的按钮）。但在MFC下如果有多个按钮，那么代码会变得比较凌乱，所以可以把这部分抽象出来得到UIButton类。下面只简述实现，用法并附上源码。

主要用到双缓冲：http://daoluan.net/blog/archives/914 还有结合MFC的消息机制。

主要功能实现：普通，悬停，按下，响应事件，ToolTip。

大概设计思路：

在主窗口进行绘制（OnPaint）的时候，初始化（创建）按钮，包括按钮的位置，按钮的图片资源，ToolTip内。
在主窗口的OnMouseMove，OnMouseHover，OnMouseLeave，OnLButtonDown和OnLButtonUp设计相应的测试函数（已经包装在UIButton类内）。

使用方法：

初始化gdi+环境，具体看附件中的UIButtonApp.h和UIButtonApp.c
声明UIButton对象

OnPaint()内添加如下代码：

else
{
	CPaintDC dc(this);
	if(m_btn.IsValid())
	{
		m_btn.Create(this,&dc,CRect(10,10,49,30),"关闭");
		m_btn.InitilizeMem(L"./img/btn.png");
	}
	m_btn.Refresh(&dc);
	CDialog::OnPaint();
}

主窗口添加OnMouseMove，OnMouseHover，OnMouseLeave，OnLButtonDown和OnLButtonUp相应函数，分别调用UIButton对象的OnMouseMove，OnMouseHover，OnMouseLeave，OnLButtonDown和OnLButtonUp函数。

void CUIButtonAppDlg::OnLButtonDown(UINT nFlags, CPoint point)
{
	// TODO: 在此添加消息处理程序代码和/或调用默认值
	m_btn.OnLButtonDown(nFlags,point);
	CDialog::OnLButtonDown(nFlags, point);
}

void CUIButtonAppDlg::OnLButtonUp(UINT nFlags, CPoint point)
{
	// TODO: 在此添加消息处理程序代码和/或调用默认值
	if(m_btn.OnLButtonUp(nFlags,point))
		OnbtnClose();
	CDialog::OnLButtonUp(nFlags, point);
}

void CUIButtonAppDlg::OnMouseMove(UINT nFlags, CPoint point)
{
	// TODO: 在此添加消息处理程序代码和/或调用默认值
	m_btn.OnMouseMove(nFlags,point);
	CDialog::OnMouseMove(nFlags, point);
}

void CUIButtonAppDlg::OnMouseHover(UINT nFlags, CPoint point)
{
	// TODO: 在此添加消息处理程序代码和/或调用默认值
	m_btn.OnMouseHover(nFlags,point);
	CDialog::OnMouseHover(nFlags, point);
}

void CUIButtonAppDlg::OnMouseLeave()
{
	// TODO: 在此添加消息处理程序代码和/或调用默认值
	m_btn.OnMouseLeave();
	CDialog::OnMouseLeave();
}