UI界面设计器(Dui Designer)下载v1.0.6.158-软件下载

Dui Designer是一款专业的UI界面设计器，修复了name属性不能保存，控件视图不能及时更新，不存在bkcolor3属性，不能退出预览等一些BUG，虽然还是有很多，但是做做布局足以。有需要的小伙伴欢迎来下载体验。

软件详细介绍：

1、打开设计器：

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

2、新建项目：

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

3、新建布局：

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

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

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

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

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

（3）加上两个VerticalLayout 布局，做为标题栏的左边的占位布局和右边的按钮布局（前面已经介绍过，VerticalLayout 和 HorizontalLayout 有时候可以互换，但是用交叉的方式一般都不会错，交叉方式即VerticalLayout 子节点和父节点都是HorizontalLayout ，而兄弟节点是VerticalLayout ）：

右边的布局width改为77

注意，别把布局点错了位置，此时左边的树形应该如下图：

（4）布局好了之后，我们往上面加按钮：

先点击Button控件，再点击右上角的按钮布局，可以看到下图：

这时可以拖拽边框调节控件大小，也可以拖动控件的位置。

此时我们可以按Ctrl+C、Ctrl+V复制按钮

然后把按钮拖到相应位置

同理，加上第三个按钮，如下图：

这个时候，我们可以将三个按钮顶端对齐：

先选中三个按钮，然后点击【顶端对齐】按钮

。

接着点击【横向】按钮

，使三个按钮水平方向均匀间隔开来。

方法已经举例说明了，具体的位置和间隔还需要小伙伴们慢慢调整。

可以看到设计器调整控件的位置和大小还是很方便的~

注意，要记住时不时的按下Ctrl + S，不然设计器崩溃了，就不好了~

下面我们来看看XML的内容，在Tab上面右键，选择【打开所在的文件夹】，

然后打开XML（发现只是打开文件夹，木有定位到文件o(