5、App Designer 布局与代码管理全攻略

App Designer 布局与代码管理全攻略

1. 使用网格布局管理器

网格布局管理器为应用布局提供了一种无需在位置向量中设置 UI 组件像素位置的方法。对于可调整大小的应用，它比 App Designer 中的自动调整大小行为更具灵活性，并且比编写 SizeChangedFcn 回调函数更容易配置。

1.1 添加和配置网格布局管理器

在 App Designer 中，可以将网格布局管理器添加到空白应用或图形内的空容器组件中。操作步骤如下：
1. 从组件库中将网格布局拖到画布上。
2. 或者，右键单击图形或容器，从上下文菜单中选择“应用网格布局”。网格布局管理器会跨越整个应用窗口或放置它的容器，除非在 App Designer 画布上主动配置它，否则它是不可见的。
3. 要配置网格布局管理器，在设计视图中，点击添加网格布局的区域使其获得焦点。
4. 然后，从网格布局管理器的左上角选择相应按钮，或者右键单击网格布局并选择“配置网格布局”。
5. 选择一行或一列，从“调整大小配置”菜单中指定“适合”、“加权”或“固定”。有关这些选项的更多信息，请参阅 GridLayout 属性。还可以添加或删除行和列。

1.2 从基于像素的位置转换为网格布局管理器

可以将 UI 图形或容器内的组件从基于像素的定位转换为网格布局管理器。当将网格布局管理器应用于包含组件的 UI 图形或容器时，组件会被添加到网格布局管理器中，并且它们的位置向量会被指定其在网格中位置的 Layout.Row 和 Layou