cef3和duilib简单仿有道词典学习

　　由于最近换工作的原因，也没啥事，就简单学习了一下cef3和duilib，楼主之前是做MFC框架下的windows开发的，对界面库和新的客户端开发模式也有所了解，现在的大部分客户端都是基本的客户端框架下组合一个web 容器，web容器当然要看google的开源引擎cef3了，像Qt最近的版本好像也集成了，钉钉，微信、这些桌面应用都是基于web的客户端来开发的。

　　所以楼主就也想学习一下，学习东西最快的方式就是做项目！！！所以我选择了duilib做界面，因为这个库是基于win32的，也是开源的，我也比较熟悉，然后web引擎当然是cef3了，开源的。花了一个星期吧话不多说，先放图

　　主界面：

　　动态图演示：

程序实现简单介绍：

　　软件包括部分：界面绘图+容器填充。

　　一开始我是先在Github上面下载了开源的duilib，然后看了看，模仿了里面的几个Demo例子，就开始动手。

Duilib界面设计，一部分是手写xml，这个我相信大家看了几个Demo之后就可以上手写了，然后再看一下网上的几篇布局的教程，Redrain写的，就可以了，界面控件与XML文件控件的对应关系要理解，实现的时候我是使用了 WindowImplBase这个类，所有与界面相关的操作只需要继承这个即可完成，实现简单的功能无非就是按钮的响应，按钮的选择等等，这些只需要到Notify(TNotifyUI& msg);函数中去处理，细节不多说，Duilib是可以根据xml中的控件名字去映射到控件类，

1 CTabLayoutUI*pTabTest=static_cast<CTabLayoutUI*>(m_PaintManager.FindControl(_T("tabTest")));

　　以上语句就是通过xml中的tabTest去定位到pTabTest，所有的控件都可以这样定位，定位到控件就简单了，剩下的控件操作看duilib提供的API文档即可。

　　下面是界面的主界面类,包含web容器窗口的调整，主界面控件响应的操作实现，相信看过两次duilib的人都能看懂，这下面的WindowImplBase的虚函数接口是自己要实现的，

 1 class CMainFrame : public WindowImplBase
 2 {
 3 public:
 4     CMainFrame();
 5     virtual ~CMainFrame();
 6 public:
 7     LPCTSTR GetWindowClassName() const;    
 8     virtual void OnFinalMessage(HWND hWnd);
 9     virtual void InitWindow();
10     virtual LRESULT ResponseDefaultKeyEvent(WPARAM wParam);
11     virtual UILIB_RESOURCETYPE GetResourceType() const;
12     virtual CDuiString GetSkinFile();
13     virtual CDuiString GetSkinFolder();
14     virtual CControlUI* CreateControl(LPCTSTR pstrClass);
15     virtual LRESULT HandleMessage(UINT uMsg, WPARAM wParam, LPARAM lParam);
16     virtual LRESULT OnSysCommand(UINT uMsg, WPARAM wParam, LPARAM lParam, BOOL& bHandled);
17     virtual LRESULT HandleCustomMessage(UINT uMsg, WPARAM wParam, LPARAM lParam, BOOL& bHandled);
18     virtual LRESULT OnSize(UINT uMsg, WPARAM wParam, LPARAM lParam, BOOL& bHandled);
19     void FirstLoadCef();
20     void HideCefWindow();
21     HWND GetMainWnd(){ return this->m_hWnd; }
22 protected:    
23     void Notify(TNotifyUI& msg);
24     void OnPrepare(TNotifyUI& msg);
25     void OnExit(TNotifyUI& msg);
26     void OnTimer(TNotifyUI& msg);
27     //
28     void OnSelChanged(CControlUI* pSender);
29     void OnClick(CControlUI * pSender);
30     //cef
31     void AdjustCefWindow();
32     void UpdateTransString(int nNum);
33     //create wnd
34     void ShowTransSelectFrame();
35     void ShowWordClassifyFrame();
36     void ShowWordSortFrame();
37     void ShowWordManagerFrame();
38     void HideLayoutFrame();
39     void ShowMiniModeFrame();
40 private:
41     BOOL     m_bIsInit;
42     CTransSelectWnd *m_pTransSelectFrame;
43     CWordClassifyWnd *m_pWordClassifyFrame;
44     CWordSortWnd *m_pWordSortFrame;
45     CWordManagerWnd *m_pWordManagerFrame;
46     CMiniModeWnd *m_pMiniModeFrame;
47 };

　　界面实现就不写了，源码会分享给大家的。

　　容器填充，就是通过cef3内核加载web界面了，这个也不难，复杂的功能我没用到，只是简单启动了一个cef3的浏览器渲染进程，

　　这里只实现了两个类，就满足了要求：cef进程实例类和和维护具体浏览器句柄类，

 1 class SimpleApp 
 2     : public CefApp
 3     , public CefBrowserProcessHandler 
 4 {
 5 public:
 6     SimpleApp();
 7     virtual CefRefPtr<CefBrowserProcessHandler> GetBrowserProcessHandler()
 8         OVERRIDE{ return this; }
 9     virtual void OnContextInitialized() OVERRIDE;
10 private:
11     IMPLEMENT_REFCOUNTING(SimpleApp);
12 };
13 
14 class SimpleHandler 
15     : public CefClient
16     , public CefDisplayHandler
17     , public CefLifeSpanHandler
18 {
19 public:
20     SimpleHandler();
21     virtual ~SimpleHandler();
22     virtual CefRefPtr<CefDisplayHandler> GetDisplayHandler() OVERRIDE
23     {
24         return this;
25     }
26     virtual CefRefPtr<CefLifeSpanHandler> GetLifeSpanHandler() OVERRIDE
27     {
28         return this;
29     }
30 
31     virtual void OnTitleChange(CefRefPtr<CefBrowser> browser,const CefString& title) OVERRIDE;
32     virtual void OnAfterCreated(CefRefPtr<CefBrowser> browser) OVERRIDE;
33     virtual void OnBeforeClose(CefRefPtr<CefBrowser> browser) OVERRIDE;
34     CefRefPtr<CefBrowser> GetCurrentBrowser();
35 private:
36     typedef std::list<CefRefPtr<CefBrowser> > BrowserList;
37     BrowserList browser_list_;
38 
39 private:
40     IMPLEMENT_REFCOUNTING(SimpleHandler);
41 };

　　两个类足够了，主函数启动的代码，

 1 CPaintManagerUI::SetInstance(hInstance);
 2 #if defined(WIN32) && !defined(UNDER_CE)
 3     HRESULT Hr = ::CoInitialize(NULL);
 4 #else
 5     HRESULT Hr = ::CoInitializeEx(NULL, COINIT_MULTITHREADED);
 6 #endif
 7     if( FAILED(Hr) ) return 0;
 8     CefMainArgs args(hInstance);
 9     //创建CefApp实例
10     CefRefPtr<SimpleApp> app(new SimpleApp);
11     int exitCode = CefExecuteProcess(args, app, NULL);
12     if (exitCode >= 0)
13     {
14         return exitCode;
15     }
16     //填充这个结构体，定制CEF的行为。
17     CefSettings settings;
18     //初始化CEF
19     CefInitialize(args, settings, app, NULL);
20     CMainFrame* pFrame = new CMainFrame();
21     if( pFrame == NULL ) return 0;
22 #if defined(WIN32) && !defined(UNDER_CE)
23     pFrame->Create(NULL, _T("PLApp"), UI_WNDSTYLE_FRAME, WS_EX_STATICEDGE | WS_EX_APPWINDOW, 0, 0, 600, 800);
24 #else
25     pFrame->Create(NULL, _T("PLApp"), UI_WNDSTYLE_DIALOG, WS_EX_TOPMOST, 0, 0, GetSystemMetrics(SM_CXSCREEN), GetSystemMetrics(SM_CYSCREEN));
26 #endif
27     HICON hIcon = ::LoadIcon(hInstance, MAKEINTRESOURCE(IDI_ICON1));
28     ::SendMessage(*pFrame, STM_SETICON, IMAGE_ICON, (LPARAM)(UINT)hIcon);
29 
30     pFrame->CenterWindow();
31     ::ShowWindow(*pFrame, SW_SHOW);
32     //执行消息循环,此时会堵塞，直到CefQuitMessageLoop()函数被调用。
33     CefRunMessageLoop();
34     // 关闭CEF，释放资源  
35     CefShutdown();

　　加载浏览器的关键实现，使用g_handler句柄来操作，

1 CefRefPtr<SimpleHandler> g_handler(new SimpleHandler());
2 CefBrowserSettings browser_settings;
3 CefWindowInfo window_info;
4 window_info.SetAsChild(m_hWnd, rt);
5 BOOL bSucced = CefBrowserHost::CreateBrowser(window_info
6         , g_handler
7         , _T("http://dict.youdao.com/?keyfrom=cidian")
8         , browser_settings
9         , NULL);

　　关于以上代码的具体的功能解释我也不多说了，最近工作太累，博客也是刚更新的，希望这个我自己学习的代码对大家有点帮助，开放给大家，对cef3和duilib学习起到参考入门的作用，代码放在这里了，github : https://github.com/karllen/cef3-duilib-YDDemo 。

好了，博客完事，睡觉，明天看勇士和骑士的第四场比赛。

　　对了：有道词典的一切资源文件归有道所有，禁止大家使用于商业用途，这个项目，仅供新手学习参考，如有侵权，联系我删除吧。

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　邮箱：1160113606@qq.com