[置顶] Direct UI

有个坑爹的说法：其实Direct UI只是一个思想，要实现这个思想，还要靠自己。   

采用windowless方式用api或gdi实现ui的绘制。

DirectUI意为直接在父窗口上绘图(Paint on parent dc directly)。

子窗口不以窗口句柄的形式创建，只是逻辑上的窗口，绘制在父窗口之上。

DirectUI技术的实现步骤和难点：
1、窗口的子类化，截获窗口的消息。
2、封装自己的控件，并将自己的控件绘制到该窗口上
3、封装窗口的消息，并分发到自己的控件上，让自己的控件根据消息进行相应和绘制
4、根据不同的行为发送自定义消息给窗口，以便程序进行调用。
5、一般窗口上控件的组织使用XML来描述

 首先，要实现一个好的DirectUI，必须设计出一套逻辑性、可编程性及可扩展性非常强的层布局器(Layout Manager )，为什么这样说呢？
因为DirectUI的核心设计思想就是界面自绘，既然很多控件都要用自绘的形式表现在界面上，那么控件与控件之间，一定存在某些逻辑布局上的依赖关系，我们可以把一个app分解成3D构架，横向为X，纵向为Y，内外为Z，那么好了，A控件跟B控件的X、Y相同，但是我要实现成B为A打底，成为A的背景（当然A会绘制成透明背景模式），那么A与B之间只存在Z的关系，即层次性。由此可以看出，一个好的Layout Manager是DirectUI绘制必不可少的关键点，可以将UI所要表达的所有控件（windowless，全部需要绘制出来的）层次分明的一一展现。（题外话：你可以通过任何手段将控件的逻辑位置等信息解析到LM中）

其次，ReDraw，第一点我已经阐明了控件之间层的关系，接下来自然是要通过LM(Layout Manager)将控件一一表现到界面上。如果在你的项目中木有LM，那么你就惨了，你无法判断应该用什么顺序依次往你的程序界面上绘制控件：(，就像一张空白的画纸，而你想往上面画很多漂亮的猫猫狗狗，那究竟是先画猫还是先画狗呢。。。打住，通过LM，你完全很清楚先画什么后画什么，LM设计的时候可以要求传入控件要有父控件节点，哦可！那么在ReDraw的时候，先遍历LM，绘制父节点，再绘制子节点，这样一来，界面就基本具有逻辑雏形了。

  最后，该绘制的控件已经都绘制出来了，剩下唯一需要你实现的就是如何响应用户对这些控件的操作，这个应该不用多说了，无非就是捕获用户当前LButtonDone/LButtonUp等鼠标Click事件及rect，然后根据LM反馈出属于那种控件，以及该控件对应的事件即可。

以下转载地址：http://blog.sina.com.cn/s/blog_4c3b2dc20100s8w6.html

我对Direct UI里面的消息循环的理解。首先Direct UI是在一个大的窗体里面自绘所有的控件，而这里的控件不同与Windows标准控件，因为他们不是CreateWindow出来的，所以就没有句柄。然后，这个大的窗体还是有消息循环的，我们只把这个窗体的系统消息提取出来，进行处理。因为这个窗体里没有系统控件，所以系统消息就相对单一了，只有鼠标，键盘，还有就是这个大窗体的create paint消息等。我们可以通过一个鼠标单击事件来跟踪一下DUI是如何处理消息的。

一个DUI程序启动，先进入 CPaintManagerUI::MessageLoop， 然后在!CPaintManagerUI::TranslateMessage(&msg)这个函数中提取出本窗体的消息，然后进入所有CPaintManagerUI::PreMessageHandler函数，这里我们需要截获快捷键的信息，比如说TAB、ESC等等。接着进入大窗体注册的callback函数__WndProc，处理一下uMsg == WM_NCCREATE 的问题，这段我没看懂，然后跳到CWindowWnd::HandleMessage 这个都是被用户实现类所重载掉，来实现WM_CREATE等一些消息，比如

   if( uMsg == WM_CREATE ) {     
      m_pm.Init(m_hWnd);
      CDialogBuilder builder;
      CControlUI* pRoot = builder.Create(GetDialogResource());
      ASSERT(pRoot && "Failed to parse XML");
      m_pm.AttachDialog(pRoot);
      m_pm.AddNotifier(this);
      Init();
      return 0;
   }
   LRESULT lRes = 0;
   if( m_pm.MessageHandler(uMsg, wParam, lParam, lRes) ) return lRes;
   return CWindowWnd::HandleMessage(uMsg, wParam, lParam);

这里的GetDialogResource()就是返回的XML的页面构成代码，然后就进入了CPaintManagerUI::MessageHandle 现在，我们就要从这里开始处理消息了。处理消息之前，我们调用m_aMessageFilters[i])->MessageHandler去过滤一些消息。然后这里会处理鼠标移动，size paint等一些消息。我们先看一下WM_LBUTTONDOWN的消息处理，首先，获取到鼠标坐标，然后根据这个坐标来找到那个坐标下的控件，如果没有，直接返回，如果有，我们会建一个 event 的结构体，包含消息的type wParam lParam Mousepoint timestamp wKeyState 还有一个pSender的，估计是tooltip之类的，需要获取两次消息。而我们的WM_LBUTTONDOWN里面没有，信息保存完后，我们会调用找到的控件的Event事件。接着，我们来到了

void CButtonUI::Event(TEventUI& event)
{
   if( event.Type == UIEVENT_BUTTONDOWN || event.Type == UIEVENT_DBLCLICK )//按下
   {
      if( ::PtInRect(&m_rcItem, event.ptMouse) && IsEnabled() ) {          //判断是否在区域内，调用IsEnable
         m_uButtonState |= UISTATE_PUSHED | UISTATE_CAPTURED;              //修改外观
         Invalidate();
      }
   }

   if( event.Type == UIEVENT_BUTTONUP )
   {
      if( (m_uButtonState & UISTATE_CAPTURED) != 0 ) {
         if( ::PtInRect(&m_rcItem, event.ptMouse) ) Activate();
         m_uButtonState &= ~(UISTATE_PUSHED | UISTATE_CAPTURED);
         Invalidate();
      }
   }

Invalidate()是触发一次改区域的重绘，在重绘之前，我们先判断鼠标是否在当前区域，然后，修改 一些外观。当UIEVENT_BUTTONUP 事件后，我们会进入Activate()

bool CButtonUI::Activate()
{
   if( !CControlUI::Activate() ) return false;
   if( m_pManager != NULL ) m_pManager->SendNotify(this, _T("click"));
   return true;
}

这里的notify就是Direct UI 内部去相应系统消息所传递的消息了。然后我们看看SendNotify函数

void CPaintManagerUI::SendNotify(CControlUI* pControl, LPCTSTR pstrMessage, WPARAM wParam , LPARAM lParam )
{
   TNotifyUI Msg;
   Msg.pSender = pControl;
   Msg.sType = pstrMessage;
   Msg.wParam = 0;
   Msg.lParam = 0;
   SendNotify(Msg);
}

void CPaintManagerUI::SendNotify(TNotifyUI& Msg)
{
   // Pre-fill some standard members
   Msg.ptMouse = m_ptLastMousePos;
   Msg.dwTimestamp = ::GetTickCount();
   // Allow sender control to react
   Msg.pSender->Notify(Msg);
   // Send to all listeners
   for( int i = 0; i < m_aNotifiers.GetSize(); i++ ) {
      static_cast<INotifyUI*>(m_aNotifiers[i])->Notify(Msg);  //发送给所有接口
   }
}

我们会看到，系统向所有的INotifyUI接口来转发这个消息。好了，那么我们也应该猜到我们去如何接受到这个消息，首先，要实现INotifyUI接口，然后注册，然后实现这个接口

void CSearchPageWnd::Notify(TNotifyUI& msg)
{
   if( msg.sType == _T("click") ) 
   {
      if( msg.pSender->GetName() == _T("ok") ) {
         CStandardPageWnd* pWindow = new CEditPageWnd;
         pWindow->Create(m_hWnd, NULL, UI_WNDSTYLE_FRAME, 0L);
      }
      if( msg.pSender->GetName() == _T("cancel") ) Close();
   }
   CStandardPageWnd::Notify(msg);
}

这里我们要保证name的唯一，因为这是对所有的接口转发的，否则其他相同name的控件也会相应这个消息。

最后，我们来和MFC的消息循环比较一下。没有了标准控件，DUI里面的系统消息就少了很多，而且每个控件也没有自己的消息循环，这样相互操作起来更加容易。而MFC也是想把所有的系统消息统一管理。首先，MFC用CBT的hook截取了标准控件里面的所有消息，然后用偷天换狗日的方法，改写了这个控件的callback函数。这样不同控件的系统消息就可以在一个平台上交流了，而不是只存在在自己的消息循环里面。然后用struct+macro来实现，我们在设计窗口双击一下，就可以添加click的函数。

这样处理click事件的方法确实非常方便，相比Win32的switch，或者说上面DUI的Notify方式的来说。但是，这种的方便，设计起来是非常的麻烦。比如说我们实现click的处理函数，我们要把这个控件的ID和click函数指针，还有相应的参数放在那个struct里面，然后，把所有这样的struct连成一张网。当MFC截获到这个click事件后，遍历这张网，找到对应的函数，传入相应的参数。

大家知道MFC都是基于继承，那么这个消息的传递也要继承，比如说我自己继承的button，我不写onFocus事件，他也会有这个事件。如果消息真的像class一样继承，那就坑爹了。因为要继承，就要用class，而且会有虚函数表，那虚函数表的内存占用就是个问题。所以，MFC用struct,并且，通过一张网来处理继承这样的关系处理得非常巧妙。而从这点我们可以看出，面向对象只是一种思想，与语言无关。你也可以在C里面通过struct来描述面向对象的继承的思想。

说到最后，我也就是对DUI的消息循环简单的描述一下，对于DUI可以控件套控件，还有一些类的组织，还是相当模糊的。以后有时间还会继续了解的。