大家如果喜欢自己设计程序UI界面的话,可以来下载Dui Designer免费版试试,它是维维小编分享的一款绿色小巧的UI界面设计器,该软件基于DuiLib官方版本修改而成,并且修复了name属性无法保存,控件视图无法及时更新,不存在bkcolor3属性以及无法退出预览等一些BUG问题,现在使用更加的完善了哦,若有程序UI界面的使用需求的话赶紧来下载Dui Designer进行使用吧。
功能说明
软件主要分为6大模块:
1为皮肤设计窗口,在上面添加控件规划你的皮肤。
2为WND窗口,请单击1与2,看属性栏变化。
3为控件添加窗口
4为属性设置窗口
5为窗口测试及控件对齐窗口
6为已添加控件层次查看窗口,当然它有三个TAB,只有控件层次才最有用。
在编写XML的时候,一定注意:
DUILIB XML一定要有一个底层 Layout
不可以直接在 WND上添加控件
说明,这个工具可能会有大量BUG,属性更改失效、时不时崩溃等,但是我遇到崩溃的情况比较少,新手可能会遇到较多,不过别抱怨,毕竟有这样一个工具已经是很难能可贵啦。
使用帮助
1、新建项目:
菜单里选择[文件]—[新建]—[文件],然后点击保存将文件保存到指定路径。
2、新建布局:
因为前面的教程已经详细讲过布局和标题栏,因此这里直接弄出一个标题栏布局。
(1)加上一个VerticalLayout 布局,做为整个窗口的布局(因为设计器不能拖拽控件,因此需要先点击工具箱里的VerticalLayout 控件,再点击界面,即可加上控件)
(2)加上一个HorizontalLayout 布局,做为标题栏的布局:
发现HorizontalLayout 布局并未沾满整个窗口的宽度,因此需要调整,在属性里面,将[Size]展开,将[Width]填为0,即可自动拉伸宽度。(注意,需要先点击一个控件,才可以设置属性,千万别点错控件了哦)