预览应用

创建应用时,预览应用并查看用户将看到的应用外观会很有帮助。 可使用预览应用功能查看应用以不同尺寸在各种设备上显示的外观。 在构建响应式应用时,预览应用特别有用。

要预览应用,在 Power Apps Studio 中打开应用进行编辑,在操作菜单中,选择 预览按钮。 预览应用

可使用预览选项和设备选择器查看应用在不同设备上的外观。

预览您的应用。

图例:

  1. 平板电脑设备:允许您从多个制造商的常见平板电脑设备中选择,您还可以根据需要选择自定义尺寸。 此选项显示一个设备框架与设备安全区域,该区域在顶部和底部或侧面显示为黑色区域,具体取决于设备的方向。 它还显示一个底部带主栏的黑色区域。
  2. 移动设备:允许您从不同制造商的常见手机中选择,您还可以根据需要选择自定义尺寸。 此选项显示一个设备框架与设备安全区域,该区域在顶部和底部或侧面显示为黑色区域,具体取决于设备的方向。 它还显示一个底部带主栏的黑色区域。
  3. Web 视图:查看应用在 Web 浏览器中显示时的外观。 您可以选择用于填充浏览器窗口的窗口大小,也可以选择画布大小,以便在创作期间不离开预览的情况下查看应用的外观。
  4. 方向切换器:在垂直方向和水平方向之间切换。 如果打开了锁定方向选项,将禁用方向切换器选项。

如果正在开发的是响应式应用,则应用内的内容会调整以适合所使用设备的屏幕大小。

观看此视频以了解设备选取器如何帮助您确认应用的调整是否正确。

显示设置

应用在各种预览选项下的行为由应用类型和您的显示设置决定。

  • 如果应用是使用手机布局创建的,您仍可以使用设备选取器在 Web 和平板电脑设备上预览该应用。 但是,如果应用不是使用响应式布局创建的,则其在 Web 和所选平板电脑设备上以手机形状显示。 您将收到一条消息,说明预览为狭窄形状的原因。 如果希望应用根据手机、平板电脑和 Web 大小调整,建议您在创建应用时选择平板电脑选项。 您可以使用响应式自动布局容器来确定不同屏幕大小(包括手机)的内容流。 详细信息:构建响应式画布应用

  • 在显示设置下:

    • 调整为合适大小:如果设置为,将调整整个应用以适合可用空间。 如果应用的可用空间较小,您可能会在侧边发现空间来容纳缩放。 当用户运行应用时,也会看到空白。
    • 锁定方向:如果设置为,将禁用设备选取器中的切换方向按钮。

已知问题

  • 如果调整为合适大小设置打开但锁定纵横比关闭,则预览不准确。 不建议采用此配置。 详细信息:更改画布应用的屏幕尺寸和方向

  • 如果调整为合适大小关闭,然后您在预览模式下调整浏览器窗口大小,则预览不准确。 若要解决该问题,请在浏览器窗口达到所需尺寸后关闭再重新打开预览。