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，即可自動拉伸寬度。(注意，需要先點擊一個控件，才能設置屬性，不要點錯了控件哦~)