更改画布应用的屏幕大小和方向

通过更改画布应用的屏幕大小和方向来自定义画布应用。

更改屏幕的大小和方向

  1. 登录到 Power Apps

  2. 打开要编辑的应用。

  3. 选择设置

  4. 选择显示

  5. 方向列表下,选择纵向横向

    手机布局的方向。

  6. (仅平板电脑应用)在纵横比下,执行以下任一步骤:

    • 选择与此应用的目标设备匹配的比率。
    • 选择自定义来设置您自己的尺寸,然后在 50 - 3840 之间指定宽度,在 50 - 2160 之间指定高度。

    更改平板电脑应用的纵横比。

    备注

    尺寸仅适用于具有平板电脑布局的应用。

  7. 调整大小下,指定

    调整大小。

    此设置默认为打开,以使应用屏幕调整大小来适应设备上的可用空间。 打开此设置后,应用的 Width 属性与其 DesignWidth 匹配,应用的 Height 与其 DesignHeight 匹配。

    如果您关闭此设置,应用会根据其运行的设备的纵横比进行调整,将占用所有可用空间。 应用不会缩放,因此屏幕可以显示更多信息。

    关闭此设置后,锁定纵横比会自动关闭和禁用。 而且,所有屏幕的 Width 属性将设置为 Max(App.Width, App.DesignWidth)Height 属性将设置为 Max(App.Height, App.DesignHeight),让屏幕跟踪运行应用的窗口的尺寸。 进行此更改后,您可以创建响应不同设备和窗口尺寸的应用。 详细信息:创建响应式布局

  8. 锁定纵横比下,指定

    锁定纵横比。

    如果打开此设置,无论使用什么设备,应用均会保留您在步骤 2 和 3 中指定的屏幕方向和纵横比。 例如,在 Web 浏览器中运行的手机应用会保留手机的比率,在每一侧显示一个黑条而不是填充窗口。

    如果关闭此设置,应用会根据其运行的设备的纵横比进行调整。 我们不建议这样做,因为应用可能会变形到无法使用的程度,具体取决于屏幕尺寸。 例如,控件可能重叠或文本可能被剪裁。

    备注

    对于某些控件,例如**富文本编辑器** 和 Fluent UI 控件,无法关闭此设置。 它们不会根据屏幕尺寸扭曲。 创建响应式布局以指定这些控件适应不同屏幕大小的方式。

  9. 锁定方向下,指定

    锁定方向。

    如果锁定应用的方向,应用将保持所指定的方向。 如果应用在具有不同屏幕方向的设备上运行,将无法正确显示,并可能会显示意想不到的效果。 如果解锁应用的方向,应用方向会调整为其运行的设备的屏幕方向。

    您还可以通过在设置 > 显示中启用优化嵌入外观来修改应用的方向。 此功能左上角会在嵌入应用时对齐应用,并将主机画布的背景色更改为白色。

    嵌入体验。

  10. 关闭设置对话框。

  11. 保存并发布您的应用。

缩放以适应和锁定纵横比设置的枚举应用行为

场景 调整大小 锁定纵横比 “调整屏幕大小”上的应用布局行为 要包括在文档中的注释
1 已启用 已启用 屏幕宽度和高度由制作者设置。 屏幕按可用窗口大小缩放。
2 Disabled 已启用 不适用。 禁用“调整为合适大小”时,锁定纵横比也将禁用。
3 已启用 Disabled 在 Power Apps Studio 中,屏幕按可用窗口大小缩放。 在最终用户体验中,Power Apps 按最小边缘缩放(宽度或高度),然后填充较大边缘的 UI。 对于为移动设备构建的应用,我们建议制作者通过此设置使用锁定方向
4 Disabled Disabled 应用体验可以响应。 制作者可以使用 Power Fx 控制位置,来设置 X 和 Y 值以及宽度和高度。 有关详细信息,请参阅响应式布局文档,考虑使用自动布局容器。

后续步骤

备注

您能告诉我们您的文档语言首选项吗? 进行简短调查。(请注意,此调查是英文版调查)

此调查大约需要七分钟。 不会收集个人数据(隐私声明)。