为卡添加屏幕

卡可以有多个屏幕,每个屏幕为特定场景或目的呈现不同的界面。 例如,轮询卡片可能有一个屏幕来收集用户响应,还有一个屏幕显示当前聚合的轮询结果。 使用按钮让用户在屏幕之间切换,或使用 Power Fx 公式来处理更复杂的场景。 在卡设计器中插入、修改和删除按钮。

先决条件

树状视图

使用卡设计器树视图查看卡中的屏幕以及添加到其中的控件。

卡设计器中树视图的屏幕截图,显示带有两个屏幕的名为 HelloWorldCard 的卡。

创建屏幕

  1. 登录到 Power Apps。 选择卡片,然后选择卡片。 如果卡片选项卡不可见,请选择更多并固定卡片选项卡。
  2. 在卡设计器的左侧窗格中,选择树视图
  3. 选择 + 新建屏幕
  4. 为屏幕输入名称并选择创建。 屏幕名称中不允许使用空格和特殊字符。
  5. 根据需要向屏幕添加控件、数据和变量。

使用“显示屏幕”按钮打开屏幕

  1. 在卡设计器的左侧窗格中,选择插入
  2. 选择输入类别展开此类别,然后选择按钮将按钮添加到卡中。
  3. 在按钮属性窗格中,将 Type 设置为 Show Screen
  4. 屏幕设置为您要显示按钮的屏幕,然后将标题设置为要在按钮上显示的标签。

这会在现有屏幕的正下方显示一个屏幕,两个屏幕都是交互式的。

卡设计器中“显示屏幕”按钮属性窗格的屏幕截图。

使用 Power Fx 表达式打开屏幕

Power Fx BackNavigate 函数在屏幕之间切换。

“显示屏幕”按钮在现有屏幕下方打开一个屏幕,两个屏幕都保持可见,Power Fx Back 和 Navigate 函数更改用户可见的屏幕。 Back 和 Navigate 函数还可以在按钮之外使用,适用于更复杂的屏幕切换场景。

有关 Back 和 Navigate 的更多信息,请参阅 Power Fx 参考文档语法示例分步说明

屏幕属性

On show – 屏幕显示后执行的 Power Fx 表达式。

Fallback text - 客户端不支持指定的版本时显示的文本(可能包含 Markdown)。

Speak - 指定整个卡应该讲述的内容。 它是简单文本或 SSML 片段。

Minimum height - 指定卡的最小高度。 以像素为单位,例如“500px”。

Content alignment - 定义内容在容器中的垂直对齐方式。 仅与固定高度卡或指定最小高度的卡相关。

Background image - 一个布尔属性,指示屏幕是否应该有背景图像。 可接受的格式包括 PNG、JPEG 和 GIF。

Url - url 或 base64 编码媒体,用于定义屏幕的背景图像。

Horizontal alignment - 背景图像如何与屏幕对齐。

Vertical alignment - 描述必须裁剪图像或使用重复填充模式时应如何对齐图像。

FillMode - 描述背景图像应如何填充区域。

Select action - 选择屏幕时调用的操作。