在画布应用程序中添加和导航屏幕

通过为常见应用程序方案添加预部署屏幕来创建现代响应的应用程序。 屏幕具有反应灵敏的容器和适应不同屏幕尺寸的现代控件。 您也可以添加具有不同的布局和控件的自定义屏幕。

以下是可用的新预建屏幕:

Power Apps Studio 中显示可用布局的新屏幕菜单的屏幕截图。

添加新屏幕

  1. 登录到 Power Apps

  2. 创建画布应用程序或打开一个进行编辑。

  3. 命令栏上,选择新屏幕,然后选择一个屏幕布局。

  4. 预览该应用程序,以确定它在不同设备上的外观。 在预览应用程序中了解更多信息。

小费

若要使应用程序适应运行它的设备显示屏的大小,请关闭调整大小选项。

欢迎屏幕

欢迎屏幕非常适合应用程序的第一个屏幕,您可以在其中自定义图片、标题和描述等互动程序。 可以通过在主容器中添加磁贴或移除磁贴来更改磁贴的数量。 使用磁贴将用户导航到应用程序的其他部分。

欢迎屏幕具有以下控件模板:

  • 屏幕容器
    • 标题容器
      • 标头
    • 主容器
      • 容器
        • 图像容器
          • Image
        • 标题容器
          • 功能项按钮
          • 说明文本

该屏幕截图显示了从“新建屏幕”按钮添加欢迎屏幕布局时出现的内容。

添加和自定义欢迎屏幕

  1. 选择新屏幕>欢迎屏幕

  2. 要更改磁贴的图像,请选择磁贴,然后选择编辑

  3. 选择功能项按钮控件,然后向属性窗格中添加您自己的文本。

    显示在何处编辑特色项目互动程序文本的屏幕截图。

  4. 选择简短描述或吸引人的信息文本,并添加您自己的内容。

  5. 根据需要添加和移除磁贴。

    • 若要在树视图中添加磁贴,请复制并粘贴容器项。

    • 若要在树视图中移除磁贴,请 右键单击一个容器,然后选择删除

使用标题和图库屏幕显示一系列产品或服务信息,如产品目录。 当您将图库控件连接到数据源时,几乎不需要任何自定义就可以自动创建目录。

标题和图库屏幕中的图库控件是一个经典控件。 当释放现代图库控件时,标题和图库屏幕会使用它。 在画布应用程序中的现代控件和主题概述中了解更多信息。

标题和图库屏幕有以下控制模板:

  • 屏幕容器
    • 标题容器
      • 标头
    • 主容器
        • 图库容器
          • 图像容器
            • Image
          • 标题容器
            • 标题文本
            • 说明文本
          • 按钮容器
            • Button

显示标题和图库屏幕的屏幕截图。

  1. 选择新屏幕>标题和图库

  2. 在树状视图中,选择图库,并将其连接到数据源,如 Dataverse。

  3. 选择图库中的特定控件,如图像、标题文本和文本描述。 在控件的属性中,使用 ThisItem 语法设置所需图像、标题文本和说明。

    例如,要将帐户名添加到标题文本控件中,请通过在编辑栏中键入 ThisItem 来查看要从数据集中添加的可用项目列表,从而找到它。

    显示在公式栏中何处使用此项的屏幕截图。

审批请求屏幕

审批请求屏幕包含一个标题、一个包含提交按钮的窗体和一个包含预定义阶段的库。 审批请求屏幕适用于表单提交触发操作的情况,如提交审批请求或显示业务流程。

小费

添加审批请求屏幕时,您需要将其与数据源连接。 数据源确定请求窗体中的字段名称。

批准请求屏幕具有以下控制模板:

  • 屏幕容器
    • 标题容器
      • 标头
    • 主容器
      • 表单容器
        • 窗体标题文本
        • 审批窗体
        • “提交”按钮
      • 侧栏容器
        • 审阅者文本
        • 浏览者库

显示批准请求屏幕的屏幕截图。

添加和定制批准请求屏幕

  1. 选择新屏幕>批准请求

  2. ApprovalForm 的树视图中,系统会提示您连接到数据源,如 Dataverse。

  3. 选择数据源。

  4. 若要查看审批阶段的详细信息,请在树视图中,选择 SidebarContainer 节点下的 ReviewersGallery。 然后在属性窗格中,选择高级选项卡,并转到项目

    审批阶段包含以下详细信息:

    • 名称:阶段或审批人的名称
    • 标题:阶段或审批人的副标题
    • 状态:阶段状态
    • 当前:此阶段是否是审批请求的当前阶段

    显示 Items 高级属性的屏幕截图。

您可以在按钮中添加 Power Automate 批准工作流以通知审批人。 在使用 Power Automate 创建和测试审批工作流中了解更多信息。

标题和窗体

页眉和表单屏幕有一个页眉、一个表单和两个提交表单或取消表单提交的按钮。 该屏幕非常适用于使用全屏幕窗体。

标题和表格屏幕有以下控制模板:

  • 屏幕容器
    • 标题容器
      • 标头
    • 主容器
      • 表单容器
        • 表格
      • 按钮容器
        • “取消”按钮
        • “提交”按钮

显示标题和表单屏幕的屏幕截图。

添加和自定义标题和表单屏幕

  1. 选择新屏幕>标题和表格

  2. 在树视图中,您看到选择了窗体,系统将显示一条提示,提示您将窗体连接到数据源。

  3. 选择数据源。

  4. 或者,为了确保最佳的屏幕响应,选择表单上的每个数据卡,并在属性窗格的显示选项卡中将其宽度适合属性设置为

标题和表

标题和表格屏幕有两个控件,一个标题控件和一个表格控件。 该模板非常适用于在屏幕上显示详细数据表。

标题和表格屏幕具有以下控件:

  • 标题容器
    • 标头
  • 主容器

添加和自定义标题和表格屏幕

  1. 选择新屏幕>标题和表格

  2. 在树视图中,选择,将其连接到数据源。

表和窗体

表格和表单屏幕包含两个主要控件:现代表格控件和现代表单控件。 此模板具有内置的 Power Fx 公式,可以轻松连接和定制数据。 该模板非常适合使用表单选择和编辑记录。

表格和表单屏幕包含以下控件:

  • 屏幕容器
    • 标题容器
      • 标题控件
    • 正文容器
      • 文本输入(搜索)
      • 表格控件
      • 表单控件
      • 按钮
        • 新建
        • 编辑​​
        • Delete
        • 提交
        • 取消

显示表格和表单屏幕的屏幕截图。

添加和自定义表格和表单屏幕

在 Power Apps Studio 中:

  1. 选择新屏幕>表格和表单

  2. 在嵌入式操作栏中选择数据

  3. 选择所需的数据源。

    显示“数据”按钮的位置的屏幕截图,您可以在其中从列表中选择数据源。

    连接后,表和窗体控件均绑定到数据源。

您可以在表控件中选择一个记录,窗体将显示选定记录的详细信息。

该模板中的所有按钮都已预建 Power Fx,因此无需进一步定制。 当您将屏幕连接到选定的数据源时,屏幕现在就可以完全正常工作了。

显示连接到数据源时屏幕视图的屏幕截图:带有提交按钮的数据列表及其表单元素。

将屏幕重新排序

当您的应用程序中具有多个屏幕时,可以在树视图中按不同的顺序进行设置。

选择要重新排序的屏幕的溢出菜单,然后选择上移下移

显示溢出菜单的位置以便向上或向下移动树视图中的屏幕的屏幕截图。

使用 StartScreen 属性设置首先显示的屏幕。

添加导航

当您的应用程序中有多个屏幕时,您可以添加导航,以便您的用户可以在它们之间移动。

  1. 选择屏幕后,选择插入。 在搜索框中,键入下一个箭头,然后选择它。

  2. 将箭头移动到您希望它出现在屏幕上的位置。

  3. 选择箭头后,将 OnSelect 属性设置为 Navigate 函数。例如,Navigate(Target, Fade)

    Target 替换为要导航的屏幕的名称。

    为 Navigate 函数设置的 OnSelect 属性的屏幕截图。

    在这个例子中,当用户选择箭头时,目标屏幕淡入。

  4. 目标屏幕上,以同样的方式添加一个返回箭头图标。 设置其 OnSelect 属性,例如 Navigate(Target, ScreenTransition.Fade)

    Target 替换为要返回的屏幕的名称。

屏幕控件引用