Power Apps 中的 屏幕 控件

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

描述

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

关键属性

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

Fill – 控件的背景色。

其他属性

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

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

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

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

Name - 屏幕的名称。

OnHidden – 应用在用户离开屏幕时的行为。 如果禁用非阻止应用程序 App.OnStart 规则已在应用程序设置中启用,此属性可能需要等到 App.OnStart 已执行完毕。 默认情况下,此设置打开。

OnVisible – 应用在用户转到屏幕时的行为。 使用此属性可以设置变量并预加载屏幕使用的数据。 应用启动后,使用 App.OnStart 属性进行设置。 如果启用了非阻塞 App.OnStart则 Screen.OnVisible 事件可以与其并行运行。 因此,建议不要依赖由 App.OnStart 初始化的变量或集合,因为它们可能没有完全初始化。

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

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

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

Distinct( DataSource, ColumnName )

示例

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

    ["Red", "Green"]

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

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

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

    Navigate(Target, ScreenTransition.Fade)

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

  4. 目标中,添加 形状 控件(例如箭头),并将其 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 键,选择 单选 控件中的任一选项,然后选择 形状 控件。

    目标将显示为所选颜色。

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

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

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

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

辅助功能准则

颜色对比度

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

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

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

屏幕阅读器支持

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

    备注

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