Dui Designer(UI界面设计器) v1.0.6.158官方版

Dui Designer是一款简洁实用的UI界面设计软件，软件是基于DuiLib官方版本修改而来，它修复了name属性不能保存，控件视图不能及时更新，不存在bkcolor3属性，不能退出预览等一些BUG，非常实用，喜欢的朋友快来本站下载吧！

Dui Designer界面介绍

如上图，主要分为六大模块。

1为皮肤设计窗口，在上面添加控件规划你的皮肤。

2为WND窗口，请单击1与2，看属性栏变化。

3为控件添加窗口

4为属性设置窗口

5为窗口测试及控件对齐窗口

6为已添加控件层次查看窗口，当然它有三个TAB，只有控件层次才最有用。

在编写XML的时候，一定注意：

DUILIB XML一定要有一个底层 Layout!!!

不能直接在 WND上添加控件!

说明，这个工具可能会有诸多BUG，属性更改失效、时不时崩溃等，不过我遇到崩溃的情况比较少，新手可能会遇到较多，但不要抱怨，毕竟有这样一个工具已经是十分难能可贵了。

可能你已经看了属性栏中有诸多属性，你可以试着添加图片，修改颜色，修改边框等查看一下，然后你也可以看一下WND的属性，CAPION到底是什么，MINMAXINFO又是什么。

软件使用说明

1、打开设计器：

在duilib源码的bin目录里，【DuiDesigner.exe】就是UI设计器(这个设计器需要重新编译一次，不然打开XML会崩溃)。

2、新建项目：

菜单里选择【文件】--【新建】--【文件】，再点击保存将文件保存到指定路径。

3、新建布局：

由于前面的教程已经详细讲过布局和标题栏，所以这里直接弄出一个标题栏布局。

(1)加上一个VerticalLayout 布局，做为整个窗口的布局(由于设计器不能拖拽控件，所以需要先点击工具箱里的VerticalLayout 控件，再点击界面，即可加上控件)，如图：

(2)加上一个HorizontalLayout 布局，做为标题栏的布局：

发现HorizontalLayout 布局并没有沾满整个窗口的宽度，所以需要调整，

在属性里面，将【Size】展开，将【Width】填为0，即可自动拉伸宽度。(注意，需要先点击一个控件，才能设置属性，不要点错了控件哦~)