1.UI界面设计器(Dui Designer)v1.0.6.158

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

       Dui Designer 是一款专业的 UI 界面设计工具，最新版本为 v1.0.6.，修复了诸如 name 属性保存问题、控件视图更新不及时、不存在 bkcolor3 属性以及预览无法退出等已知的 Bug。虽然仍存在一些未解决的文审批系统源码缺陷，但它已足够满足布局设计的基本需求。对于有此需求的用户，欢迎下载并体验。

       要开始使用 Dui Designer，首先确保已将设计器的可执行文件（DuiDesigner.exe）从 duilib 源码的 bin 目录下找到并运行。值得注意的是，初次打开可能需要重新编译，除了源码之家否则可能会出现 XML 文件崩溃的情况。

       一旦打开设计器，可以通过以下步骤创建一个项目并设计界面布局：

       1. **新建项目**：在菜单栏选择“文件” > “新建” > “文件”，然后保存项目到指定路径。

       2. **新建布局**：首先在项目中创建一个通用的布局，如使用“VerticalLayout”作为整个窗口的海马站源码布局容器，通过工具箱添加布局到设计界面。

       3. **设计标题栏**：接着，添加一个“HorizontalLayout”作为标题栏的布局容器，确保其宽度自动扩展至窗口宽度，以适应界面宽度变化。

       4. **布局调整**：将“HorizontalLayout”分为左右两部分，菠菜飞鸟源码右侧宽度设为 ，左侧则可添加垂直布局作为占位。布局设计完成后，根据需求添加控件，如按钮，可通过拖拽和调整大小、文件写源码位置来实现布局。

       5. **按钮对齐**：使用按钮对齐工具（如“顶端对齐”、“横向对齐”按钮）来调整控件的布局，使它们在视觉上形成统一。

       6. **查看与编辑 XML**：在设计界面中，可以使用 Tab 面板打开并编辑对应的 XML 文件，以查看和修改布局、控件属性。通过属性列表（属性列表.xml）文件，可以了解所有控件的属性，虽然有些属性可能未完全涵盖。

       7. **测试与调整**：完成设计后，点击“测试窗体”按钮预览界面效果，使用 Esc 键关闭预览窗口。在测试过程中，记得随时保存 XML 文件，以防设计器崩溃导致进度丢失。

       Dui Designer 提供了直观且简便的界面设计功能，尽管存在一些已知的 Bug，但其基本布局设计能力足以满足日常需求。通过实践与探索，用户可以更好地理解界面设计的各个元素，并利用 Dui Designer 实现更加丰富、个性化的 UI。对于 UI 设计初学者而言，虽然可能会遇到一些挑战，但这是一个值得尝试和利用的工具。