Power Apps 中的屏幕控件

一个包含应用中一个或多个其他控件的 UI 元素。

描述

大多数应用都有多个 屏幕 控件,其中包含 Label 控件、Button 控件和其他显示数据和支持导航的控件。 有关如何添加屏幕、重新排序屏幕和配置导航的信息,请查看添加屏幕

关键属性

BackgroundImage – 显示在屏幕背景中的图像文件的名称。

Fill – 控件的背景色。

其他属性

Height - 屏幕的高度。 如果应用可以响应(调整大小关闭),并且运行应用的设备比此属性短,屏幕可以垂直滚动。

ImagePosition – 屏幕或控件大小与图像大小不同时,其中图像的位置(FillFitStretchTileCenter)。

LoadingSpinnerNoneControlsData)- 如果没有,将不显示微调。 当为 Controls | Data 时,将显示微调,直到屏幕级别的所有子控件都可见。 注意。嵌套控件不在考虑范围。

LoadingSpinnerColor - 加载微调的填充颜色。

Name - 屏幕的名称。

OnHidden – 应用在用户离开屏幕时的行为。

OnVisible – 应用在用户转到屏幕时的行为。 使用此属性可以设置变量并预加载屏幕使用的数据。 应用启动后,使用 App.OnStart 属性进行设置。

Orientation - 屏幕的方向。 如果 Width 大于 Height,方向将为 Layout.Horizontal;否则为 Layout.Vertical

Size - 对屏幕尺寸进行分类的正整数。 通过将屏幕的 Width 属性与 App.SizeBreakpoints 属性中的值进行比较来确定分类。 ScreenSize 类型由对应于整数 1 到 4 的四个值(SmallMediumLargeExtraLarge)组成。

Width - 屏幕的宽度。 如果应用可以响应(调整大小关闭),并且运行应用的设备比此属性窄,屏幕可以水平滚动。

Distinct( DataSource, ColumnName )

示例

  1. 添加 Radio 控件,将其命名为 ScreenFills,并将其 Items 属性设置为此值:

    ["Red", "Green"]

    不知道如何添加、命名和配置控件

  2. 将默认 屏幕 控件命名为 ,添加另一个 屏幕 控件,将其命名为 目标

  3. 中,添加 Shape 控件(例如箭头),并将其 OnSelect 属性设置为以下公式:

    Navigate(Target, ScreenTransition.Fade)

    想要了解有关 Navigate 函数或其他函数的详细信息?

  4. 目标 中,添加 Shape 控件(例如箭头),并将其 OnSelect 属性设置为以下公式:

    Navigate(Source, ScreenTransition.Fade)

  5. 目标Fill 属性设置为以下公式:

    If("Red" in ScreenFills.Selected.Value, RGBA(255, 0, 0, 1), RGBA(54, 176, 75, 1))

  6. 选择 屏幕,按住 Alt 键,选择 Radio 控件中的任一选项,然后选择 Shape 控件。

    目标 将显示为所选颜色。

  7. 目标 中,选择 Shape 控件返回

  8. (可选)选择 Radio 控件中的其他选项,然后选择 Shape 控件确认 目标 是否显示为另一种颜色。

  9. (可选)将鼠标悬停在左侧导航栏中的 目标 上,选择出现的省略号,然后选择 上移,对屏幕重新排序。

    当用户打开应用时,目标 将首先显示。

辅助功能准则

颜色对比度

屏幕 为文本的有效背景,在以下项之间必须有足够的颜色对比度:

例如,如果 屏幕 包含 Label,而标签具有透明填充,则屏幕的 Fill 将有效地成为标签的背景色。

除了文本,请考虑检查与基本图形对象之间的颜色对比度,如 Rating 控件中的星级图像。

屏幕阅读器支持

  • 必须为每个 屏幕 提供有意义的名称。 可以像其他控件一样查看和编辑屏幕名称:在控件面板的树状视图中,或者在属性窗格的标头中。

    备注

    加载新 屏幕 时,屏幕阅读器将公布其名称。