界面设计器

界面设计器有许多面板和工具窗口，为界面布局开发提供支持，以所见即所得的形式设置 UI 组件属性。界面 XML 描述编辑器与界面设计器集成，因此，可以直接编辑 XML 文件或使用设计器的面板生成代码。

此功能需要快速开发版或企业版订阅。如果没有订阅，请尝试试用版。

Jmix UI 面板作为 IDE 中独立的工具窗口提供。当在编辑器打开界面描述时，会自动展示。

面板中包含 Jmix UI 层级结构和组件面板。

布局预览面板

布局预览面板用于展示界面布局的交互式示意图。与屏幕描述的源代码共享编辑器空间。

界面布局编辑器右上角的按钮：

面板的右上角还有几个控制按钮：

100% x 100% 下拉列表允许选择固定画布大小。画布大小可以大于预览面板的大小，此时，将显示滚动条。例如，如果你正在开发包含大量控件的复杂界面，并且想要查看预览，则可以选择 1920x1080 画布大小并观察布局在大屏幕中的展示情况。
Refresh 按钮重新加载预览页面的内容。
Zoom In、Zoom Out 和 Zoom Reset 按钮改变预览页面的缩放比例。

此外，还可以使用控件来调整布局中组件的大小和对齐：

组件选择工具箱可以通过下列方法打开：

点击顶部操作面板中的 Add component：
点击 Jmix UI 层级面板右键菜单中的 Add Component：
通过 Ctrl+N/Ctrl+Enter（MacOS）或 Alt+Insert（Windows/Linux）快捷键打开 Generate 菜单：

组件工具箱展示一组可用的界面元素：components（组件）、containers（布局容器）、data components（数据组件，包括数据容器和加载器）以及 facets，facets 里面包括操作和对话框模式设置等。

可以使用搜索框查找需要的组件。

如果应用程序中安装的扩展组件包含其自有的组件，也会在工具箱展示，例如，对于图表扩展组件：

如需将组件添加至布局中，将其从工具箱拖放至 XML 源码中合适的位置或放置于 Jmix UI 层级结构面板中。

右键点击工具箱中的组件可以打开右键菜单，其中有下列操作：

Jmix UI 层级结构面板展示布局中组件的树形结构。

可以从组件工具箱窗口移动组件至层级结构中，或者重新调整树中组件的位置。当选中树的元素时，Jmix UI 窗口的组件面板展示选中元素的属性。

右键点击元素可以看到右键菜单中的操作：

Jmix UI 组件面板展示 Properties 和 Handlers 标签页。

对于某些选中的元素，会展示 + Add 按钮，可以用来添加子元素，例如表格操作、列、格式化器、验证器等。

如需添加列表操作，在界面 XML 描述或者 Jmix UI 层级结构面板中选择一个 table 或 dataGrid 组件，然后点击 Jmix UI 组件面板中的 Add → Action。此时会显示 Add Action 弹窗：

如果选择了 Create Button for selected actions 复选框，Jmix Studio 会在 buttonsPanel 布局容器中创建一个 button，关联至添加的操作。

Properties 标签页展示选中界面元素的属性，并支持编辑。

有些属性具有默认值，以灰色显示。

使用搜索控件查找需要的属性。

属性默认按照名称排序。第一列给出所选组件的所有属性名。第二列展示属性值：

点击 icon 属性的按钮打开 Choose icon 对话框：
- JMIX ICONS 标签页包含默认的 JmixIcon 图标集。几乎包含全部的 FontAwesome 图标集以及 Jmix 特定的图标。
- FONT AWESOME 标签页包含 FontAwesome 字体图标集。
- ICON SET 标签页包含自定义图标集。
- APPLICATION ICONS 标签页包含主题资源。