Main Content

创建可利用自动调整布局功能调整大小的 App

此示例说明如何创建一个具有自动调整布局功能的 App,它通过自动对 App 内容进行放大、缩小和调整布局来响应大小调整。如果您的 App 要在不同分辨率和屏幕大小的多个环境中共享,请使用自动调整布局。通过自动调整布局,您可以调整 App 大小和 App 内容布局,以适应每个 App 用户的屏幕大小。有关 App 中自动调整布局的详细信息,请参阅Apps with Auto-Reflow

App 自动调整布局行为

在此 App 中,控件位于左侧的固定面板中。用于调整布局的右侧面板包含两个可视化选项卡和一个数据表。此面板中的 App 内容会根据 App 窗口大小调整大小和调整布局。例如,当您减小 App 窗口的宽度时,右侧面板会根据大小调整进行动态调整,并移至固定的左侧面板下方。

创建具有自动调整布局功能的 App

首先从 App 设计工具起始页创建一个新的可自动调整布局的两栏式 App。App 设计工具创建两个面板;左侧面板为固定面板,右侧面板用于调整布局。然后在设计视图中对组件进行布局:

  • 将控件从组件库添加到左侧面板。使用左侧面板中的附加面板对相关控件进行分组。

  • 将一个选项卡组中用于可视化的坐标区和数据表添加到右侧面板。当您调整 App 窗口的大小时,此调整布局面板中的组件会自动调整其布局。

在对 App 进行布局后,对 App 进行编程以响应用户在代码视图中的输入。有关如何创建回调函数以根据用户输入更新坐标区和表的详细信息,请参阅 App 设计工具中的回调。要浏览该完全编码的 App 并了解自动调整布局在 App 中的工作方式,请在 App 设计工具中启动此示例。

另请参阅

函数

属性

相关主题