MFC中混合使用Duilib制作界面

因为公司项目最近入了MFC的这个大坑，用MFC做UI做了一段时间，感觉不是很方便，开发效率有点慢。

看了c++里面做界面的类库，感觉Duilib比较符合做界面的需求，而且很多大公司也在使用Duilib，那就随一下大流，并在此表达对Duilib作者及广大的开源作者的敬意。

Duilib支持win32程序及MFC程序。

 

步骤如下：

 

  1. 设置Duilib环境

可以去https://github.com/duilib/duilib下载框架，将Duilib框架在UnicodeDebug及Debug下编译生成库文件

下面都是VS2008的环境操作。在VC++ 选项->项目与解决方案-> VC++目录

引入Duilib的

包含文件

库文件

源文件

设置系统的环境变量

不设置环境变量的话，也可以直接把DuiLib_ud.dll及DuiLib_d.dll复制到应用程序的生成目录。否则会报缺少相关dll的错误。

 

  1. 添加引用及dll

在stdafx.h文件中加入duilib的头文件及库

 1 #include <ObjBase.h>
 2 #include <UIlib.h>
 3 using namespace DuiLib;
 4 #ifdef _DEBUG
 5 #   ifdef _UNICODE
 6 #       pragma comment(lib, "DuiLib_ud.lib")
 7 #   else
 8 #       pragma comment(lib, "DuiLib_d.lib")
 9 #   endif
10 #else
11 #   ifdef _UNICODE
12 #       pragma comment(lib, "DuiLib_u.lib")
13 #   else
14 #       pragma comment(lib, "DuiLib.lib")
15 #   endif
16 #endif

 

注意：如果将生成的程序拿到其他机器上运行，一定要复制DuiLib的相关Dll到应用程序的根目录。

 

 

  1. 创建对应的类

 

 

创建一个C++类，让这个类继承Duilib的CWindowWnd和INotifyUI

如下所示：

 

在自己定义的类的头文件中加上 

1 public:
2 
3 LPCTSTR GetWindowClassName() const;
4 
5 void    Notify(TNotifyUI& msg);
6 
7 LRESULT HandleMessage(UINT uMsg, WPARAM wParam, LPARAM lParam);

及

private:

    CPaintManagerUI m_pm;

 

GetWindowClassName

 

GetWindowClassName是设置类的类名称

 

源文件可以如下定义： 

1 LPCTSTR CDuiLib_Dialog::GetWindowClassName() const
2 {
3     return (LPCTSTR)"CTestDlg"; /*自己可以随意取个名字*/
4 }

 

Notify

 

Notify是Duilib中控件的响应函数，比如说某个控件按钮点击之后的处理。

源文件可以如下定义： 

 1 void CDuiLib_Dialog::Notify(TNotifyUI& msg)
 2 {
 3     if( msg.sType == _T("click") )
 4     {
 5         if( msg.pSender->GetName() == _T("closebtn") )
 6         {
 7             Close();
 8         }
 9     }
10 }

 

HandleMessage

 

HandleMessage是Duilib中对消息循环的消息处理函数。

可以在这个函数中对Duilib进行初始化

源文件可以如下定义： 

 1 LRESULT CDuiLib_Dialog::HandleMessage(UINT uMsg, WPARAM wParam, LPARAM lParam)
 2 {
 3     if( uMsg == WM_CREATE )
 4     {
 5         CPaintManagerUI::SetInstance(AfxGetInstanceHandle());//加载XML的时候，需要使用该句柄去定位EXE的路径，才能加载XML的路径
 6         CPaintManagerUI::SetResourcePath(CPaintManagerUI::GetInstancePath() + _T("skin"));//定位图片等资源的位置
 7 
 8         m_pm.Init(m_hWnd);
 9         CDialogBuilder builder;
10         CControlUI *pRoot = builder.Create(_T("MainActivity.xml"), (UINT)0, NULL, &m_pm); //加载的XML文件的名称
11         ASSERT(pRoot && "Failed to parse XML");
12         m_pm.AttachDialog(pRoot);
13         m_pm.AddNotifier(this);
14 
15         return 0;
16     }
17     else if( uMsg == WM_DESTROY )
18     {
19         ::PostQuitMessage(0);
20     }
21     LRESULT lRes = 0;
22 
23     if( m_pm.MessageHandler(uMsg, wParam, lParam, lRes) ) return lRes;
24 
25     return CWindowWnd::HandleMessage(uMsg, wParam, lParam);
26 }

 

 

  1. 创建窗体

 

在主窗体中创建这个Duilib,

 

在主窗体的这个类中加一个刚才增加的类对象 m_dlgDuilib（对象名随意）

通过下面代码创建 

1     if(m_dlgDuilib == NULL)
2     {
3         m_dlgDuilib.Create(this->m_hWnd, NULL, UI_WNDSTYLE_DIALOG & (~( WS_BORDER | WS_CAPTION )) , 0, 0, 0, 800, 600);
4     }
5     m_dlgDuilib.CenterWindow();
6     m_dlgDuilib.ShowWindow(TRUE);

 

可以设置打开的窗体样式为 

UI_WNDSTYLE_DIALOG & (~(WS_CAPTION | WS_BORDER))

 

 

  1. 设计布局及样式

 

Duilib的窗体布局是通过xml来体现的，在Duilib中有一个Dui Designer，可以通过其进行设计。关于Duilib的使用可以查看这篇文章：http://www.cnblogs.com/lin1270/p/4106944.html

 

Demo下载地址

posted @ 2015-04-17 17:41  poisson_notes  阅读(29114)  评论(0)  编辑  收藏  举报