标识可用于移动优化画布应用的组件

已完成

在本单元中,我们将探讨 Power Apps 中的一些组件,这些组件可帮助您创建移动优化应用,其中包括:

  • 画布应用创建

  • 应用程序显示设置

  • 响应式窗体

  • 控件和窗体设计注意事项

  • 容器

  • 离线功能

  • 提醒用户连接断开

画布应用创建

完成规划后,进入 Power Apps 主页开始创建您的应用。 选择创建选项和从空白应用开始,创建一个空白画布应用。 在创建应用之前,Power Apps 就建议选择格式选项或外形规格。 这是您的移动应用所需的外形规格的第一个选择点,可选择最适合您的需求的外形规格。

Power Apps“从头开始创建画布应用”对话框的屏幕截图,其中突出显示“格式”。

您可使用手机或平板电脑布局,但体验截然不同。 例如,创建手机布局时,应用程序将采用垂直方向,可让用户在设备的窄小窗口中上下滚动。 而在平板模式下,相同设备上的布局将假定用户在横向模式下使用,且默认设备保持横向。 最佳应用程序会根据情况而变。

应用程序显示设置

编辑画布应用时,您可导航到设置 > 显示并查看多项重要的显示设置。

  • 方向 - 应用程序的方向是应用的默认显示布局。 它可以是较长的纵向或较宽的横向方向。

  • 调整为合适大小 - 对于响应式应用设计,您希望将此选项设置为。 默认情况下,此选项设置为

  • 锁定纵横比 - 此功能会自动保持高度和宽度之间的比例。 仅当调整为合适大小选项设置为时启用。 如此选项设置为,则设计器将不再为特定屏幕维度设计画布应用。

  • 锁定方向

    • 如此选项设置为,则方向中的设置将被锁定。 例如,如果应用程序处于纵向模式,且锁定方向设置为,画布应用将不允许用户进入横向模式。

    • 如果此选项设置为,移动应用将允许用户通过改变移动设备的方向在横向和纵向之间切换应用程序。

响应式布局

向应用中添加新屏幕时,您可以从布局选项卡中选择多个响应式选项,包括分屏边栏页眉和页脚。 这三个选项在设计上都是响应式布局,并且会相应地适应平台。

如果这些选项均不适合您的业务用途,您可使用容器、公式和条件创建自己的响应式布局。

控件和窗体设计注意事项

对于用户来说,按钮应易于查找和选择。 请考虑将它们放置在从边缘到边缘贯穿应用程序的窗体顶部或底部。 如果是某项操作(如删除操作),则将按钮放置到记录一侧,用户可能在此握持设备(右手或左手)。

在窗体中加入字段时,要在字段和设备边缘之间添加足够间距,为不准确的屏幕触摸选择提供缓冲区。 同样,用户在字段中间触摸时也会存在不一致,因此不应有意外将焦点移至其他不相关字段的体验。 字段边缘和窗体边缘之间的缓冲区将帮助用户避免意外触发设备滑动操作,例如导航回上一个窗体。 如存在必填字段,则尝试将它们优先设置为首要字段。

包含数据的网格应在窗体上从边缘到边缘贯穿,且只能以一个方向滚动:垂直或水平。 如果窗体中需要其他字段,请将它们加入记录的主要字段下方,而非记录右侧或左侧的其他列中。 如果使用多个窗体,请努力使整个应用中的滚动体验一致。

容器

容器是帮助您组织控件的出色工具。 此外,您还可以使用它们对容器中的控件自动实现水平或垂直布局。

水平容器垂直容器控件都使用自动布局功能,可自动确定插入其中的子组件的位置(x 和 y 属性)。 此外,这些控件可以将可用空间分配给其子组件,并确定子组件的垂直和水平对齐方式。

如果希望用户界面响应屏幕尺寸或外形规格变化,自动布局容器是理想的选择。 Power Apps 还可在可用空间内自动处理组件的堆叠和间距。

离线功能

用户运行 Power Apps Mobile 时,可以在移动设备上存储某些离线数据。 当移动设备重新连接到 Internet 时,Power Apps Mobile 可以传输设备中存储的数据。 我们没有介绍的两个函数是 LoadDataSaveData,它们只是保存和重新加载应用设备存储中的集合。 同样,ClearData 函数会从移动设备内存中删除集合。

提醒用户连接断开

Power Apps 可以通过连接信号公式在应用离线时提醒用户。 您可以使用图标控件根据连接的反馈更改颜色。 您还可以使用 Notify 函数来提醒用户有关连接的信息,甚至可以根据连接情况更改某些控件的显示模式。

总而言之,有多种工具可帮助您设计移动优化应用。 从开始创建应用到最后完善应用,您都可以使用各种选项充分发挥应用潜力。 模块总结中包含一些链接,介绍有关如何将这些类型的功能构建到您的应用中的更多信息。