UIButton 简易的UI

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

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

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

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

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

大概设计思路：

  1. 在主窗口进行绘制（OnPaint）的时候，初始化（创建）按钮，包括按钮的位置，按钮的图片资源，ToolTip内。

  2. 在主窗口的OnMouseMove，OnMouseHover，OnMouseLeave，OnLButtonDown和OnLButtonUp设计相应的测试函数（已经包装在UIButton类内）。

使用方法：

  1. 初始化gdi+环境，具体看附件中的UIButtonApp.h和UIButtonApp.c

  2. 声明UIButton对象

  3. 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(); }

  4. 主窗口添加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(); }

  5. （可选）主窗口重载PreTranslateMessage，添加：

    	m_btn.ToolTipRelayEvent(pMsg);

  6. （可选）如果需要使用ToolTip可选功能，需要在主窗口OnInitDialog()中添加：

    	EnableToolTips();

解馋图：

源代码：http://files.cnblogs.com/daoluanxiaozi/UIButtonApp.rar

ps：代码有未发现的bug，并且还有可以改进的地方，比如：多线程绘图等。欢迎斧正。

本文完 2012-09-10

Dylan http://daoluan.github.io/blog/

10 September 2012 会持续更新