从头开始创建平板电脑应用，然后添加您的数据源。

本文中介绍的所有内容同样也适用于手机布局，不同之处在于，手机应用通常只有一个垂直列。

添加垂直的 库 控件，并将其 Items 属性设置为 'Sales order' 。

（可选）若要与本教程中的示例一致，请将库的 布局 设置为仅显示 标题和副标题 。

在本教程之外，可以将 库 和 编辑窗体 控件放置在同一个屏幕上，但将其放在单独屏幕上时可使用的空间会更多。

在新屏幕的顶部，添加一个 标签 控件，将其 Text 属性设置为此表达式：
"Sales Order " & Gallery1.Selected.SalesOrderId

该标签将显示您在库中选择的记录的销售订单号。

（可选）将该标签的格式设置如下：

将其 Align 属性设置为 Center 。

将其 Size 属性设置为 20 。

将其 Fill 属性设置为 Navy 。

将其 Color 属性设置为 White 。

将其 Width 属性设置为 Parent.Width 。

将其 X 和 Y 属性设置为 0 。

添加一个 编辑窗体 控件，然后移动并调整控件大小，以使其填充标签下方的屏幕。

在后续步骤中，通过使用右窗格（而非公式栏）将窗体控件连接到 销售订单 数据源。 如果使用公式栏，该窗体将默认不显示任何字段。 始终可以通过在右窗格中选择一个或多个复选框来显示所需的任意字段。

在右侧窗格中，依次单击或点击 未选定数据源 旁边的向下箭头和 销售订单 。

将该窗体的 Item 属性设置为 Gallery1.Selected 。

此窗体会显示您在库中所选的记录，但是默认的字段集可能与您在最终产品中所需的内容不一致。

在右窗格中，通过取消选中其复选框隐藏以下各个字段：

通过将 订单状态 字段拖到左侧，然后将其拖到 客户采购订单参考 字段的另一侧来移动它。

屏幕应类似于下面的示例：

跨多个列调整卡大小

根据各个卡中的数据，可能需要让某些卡适应单个列的大小，让其他卡跨越多个列。 如果卡包含的数据多于想要在单个列中显示的内容，可以将卡选中，然后拖动其选择框左或右边框处的握柄来将卡加宽。 拖动握柄时，卡将“对齐”到列边界。

若要使设计更为灵活但保持某些结构，可以将列数增加到 12。 进行此更改后，可以轻松地将各个卡配置为跨越整个窗体、半个窗体、三分之一窗体、四分之一窗体、六分之一窗体等。 我们来看一下实际操作。

在右窗格中，将窗体中的列数设置为 12 。

许多卡一开始就对属性使用了动态公式。 例如，我们在上面移动并调整大小的 文本输入 控件就包含以父级宽度为依据的 Width 属性。 移动控件或调整其大小后，这些动态公式将被替换为静态值。 如果需要，可以使用公式栏还原动态公式。

禁用“对齐到列”

有时，可能需要进一步控制，而标准的 12 列无法实现这一点。 在这种情况下，可以禁用 对齐到列 ，然后手动设置数据卡的位置。 窗体将继续对齐 12 列，不过在开始调整大小或重新放置后，您还是可以按住 Alt 或 Ctrl+Shift 键来替代捕捉点。 有关详细信息，请参阅 替代行为键盘快捷方式 。

在我们的示例中，构成第三行地址的四个组件的宽度完全相同。 不过，这可能并不是最佳布局，因为城市名称长于州/省/自治区/直辖市缩写，并且“国家/地区”的文本输入框较短，这是由于其标签长度所致。 若要优化此空间，请在右窗格中禁用 对齐到列 ，然后在开始调整大小和放置这些卡片后，按住 Alt 或 Ctrl+Shift 键。

仔细定位后，每个字段的大小适当，字段水平间距匀称：

设置宽度和高度

与 Power Apps 中的所有内容一样，窗体布局受数据卡控件属性约束。 如前面所述，可以通过将控件拖到不同的位置或拖动握柄来调整控件的大小，从而更改这些属性的值。 不过，有时也会需要更精准地了解并控制这些属性，尤其是在使用公式生成动态窗体时。

基本布局：X、Y 和 Width