duilib入门简明教程 -- XML配置界面(6)

 前面那些教程都是为了让小伙伴们从win32、MFC过渡到duilib，让大家觉得duilib不是那么陌生，如果大家现在还对duilib非常陌生的话，那就说明前面的教程做得不好，请大家在下面留言，我会一一查看，并做出改进。

    从这个教程开始就是见证奇迹的时刻啦~\(^o^)/~ 

    其实duilib主打的界面制作方式是XML + UI引擎 + win32框架，其实和浏览器HTML + CSS + 渲染引擎的方式非常类似，可以将其理解为一个非常mini的浏览器。

    而用duilib写界面时，大部分是在写XML，类似于写HTML，这点可能会让习惯MFC等windows界面的伙伴们有点不习惯，需要克服克服，相信在看完Alberl的教程之后，就会习惯啦~

    前面的教程所使用的界面制作方式大家应该不算陌生，那么如果用XML来实现，会是什么样子呢？  

    其实也是很简单的，

    1、把if( uMsg == WM_CREATE ) 里面的代码改成下面这样：

  2、设置XML的路径：

    在CPaintManagerUI::SetInstance(hInstance); 下面调用SetResourcePath函数：

 3、建立XML：

新建一个XML，文件名为“duilib.xml”，保存为UTF-8格式（不要使用windows自带的记事本编辑，可以使用UltraEdit、EditPlus等编辑器），内容如下：

 4、将"duilib.xml"放到exe目录下。

　　现在即可看到一个绿色的窗口，是不是也很简单呢。

　　那么我们继续来添加Hello World按钮吧~O(∩_∩)O~

　　上面的XML只是描述了窗口的大小和背景色，但是并没有添加按钮，下面我们添加一个Hello 按钮，只需在XML里面添加一行即可：

再次运行一下exe，是不是又看到了熟悉的画面，怎么样，写XML很简单吧~O(∩_∩)O~   ：

　　不过大家可以发现，改成XML后，窗口启动后不居中了，怎么办呢？

在duiFrame.ShowModal上面那行加上duiFrame.CenterWindow();就可以啦

main.cpp的完整代码如下：

 　　

注意：以上已给出完整代码，由于最前面的17行是#include等信息，基本不会变动，所以后面的教程不再列出这些代码。