Duilib的简单使用（五、DuiDesigner/DuiEditor的下载编译）

一、前言

在Duilib的简单使用（一、duilib demo）中我们介绍了利用duilib简单的构造一个项目
在Duilib的简单使用（二、xml实现界面与业务分离）中我们介绍了XML在duilib中的使用
在Duilib的简单使用（三、界面逻辑交互）中我们已经知道如何简单的进行界面的交互
在Duilib的简单使用（四、换肤）中，我们提了一下Duilib强大的一键换肤功能。

通过之前的说明，我们知道duilib是通过xml来分离界面和业务逻辑的，但是xml如果不能预览，那每次敲一个再运行一下看看效果，这不是太致命了，幸运的是，这样的工具是存在的，那么这一篇文章，我们来介绍一个工具，DuiDesigner/DuiEditor

二、下载

下载地址：https://gitee.com/Liqs99/DuiLib_DuiEditor
点击下载地址，进入下面界面，点击克隆/下载，

当然，你也可以在github上下载
下载地址：https://github.com/xfcanyue/DuiLib_DuiEditor

下载后解压：

三、编译

首先编译3rd\CxImage\cximage701_full\CxImgLibVC2010.sln 这个目录


接下来编译此工程，如下图所示

四、运行

双击bin下的DuiEditor_Ad.exe。

运行效果：

好了，下一篇，我们就用这个软件来制作一个xml文件。
下一篇：Duilib的简单使用（六、DuiEditor的使用（编写360xml文件））