Power Apps 中的 Drop down 控件

一个列表,在用户不将其打开的情况下,该表仅显示第一项。

描述

Drop down 控件可以节省屏幕的实际空间,尤其是在列表包含大量选项时。 此控件仅占用一行空间,除非用户选择箭头符号来显示更多选项。 该控件最多显示 500 项。

关键属性

Default – 用户指定不同值之前控件的初始值。

Items – 包含控件中显示的项的数据源。 如果源具有多列,请将控件的 Value 属性设置为要显示的数据列。

Value – 要在控件中显示的数据列(例如,如果数据源具有多列)。

Selected – 表示选定项的数据记录。

AllowEmptySelection – 如果未选择任何项,控件是否显示空选择。 应用用户还可以通过选择空白项来清除他们的选择。

其他属性

AccessibleLabel – 屏幕阅读器标签。

BorderColor – 控件边框的颜色。

BorderStyle – 控件边框是 SolidDashedDotted 还是 None

BorderThickness – 控件边框的粗细。

ChevronBackground – 下拉列表中向下箭头的背景色。

ChevronFill – 下拉列表中的向下箭头的颜色。

Color – 控件中文本的颜色。

DisplayMode – 此控件是允许用户输入 (Edit)、仅显示数据 (View),还是已禁用 (Disabled)。

DisabledBorderColor – 控件的 DisplayMode 属性设置为 Disabled 时,该控件边框的颜色。

DisabledColor – 控件的 DisplayMode 属性设置为 Disabled 时,该控件中的文本颜色。

DisabledFill – 控件的 DisplayMode 属性设置为 Disabled 时,该控件的背景色。

Fill – 控件的背景色。

FocusedBorderColor – 当聚焦到控件时,控件的边框颜色。

FocusedBorderThickness – 当聚焦到控件时,控件的边框粗细。

Font – 文本中所显示的字体系列的名称。

FontWeight – 控件中文本的粗细:BoldSemiboldNormalLighter

Height – 控件上边缘和下边缘之间的距离。

HoverBorderColor – 用户将鼠标指针停留在控件上时,该控件边框的颜色。

HoverColor – 用户将鼠标指针停留在控件上时,该控件中的文本颜色。

HoverFill – 用户将鼠标指针停留在控件上时,该控件的背景色。

Italic – 控件中的文本是否为斜体。

OnChange - 用户更改控件的值(例如,通过调整滑块)时要执行的操作。

OnSelect – 当用户点击或单击控件时要执行的操作。

PaddingBottom – 控件中的文本与该控件下边缘之间的距离。

PaddingLeft – 控件中的文本与该控件左边缘之间的距离。

PaddingRight – 控件中的文本与该控件右边缘之间的距离。

PaddingTop – 控件中的文本与该控件上边缘之间的距离。

PressedBorderColor – 用户在点击或单击控件时,该控件边框的颜色。

PressedColor – 用户在点击或单击控件时,该控件中的文本的颜色。

PressedFill – 用户在点击或单击控件时,该控件的背景色。

Reset – 控件是否还原为其默认值。

SelectedText (Deprecated) – 表示选定项的字符串值。 请改用 Dropdown1.SelectedText.Value,并用应用中的下拉控件名称替换“Dropdown1”。

SelectionColor – 所选项目或列表中项目的文本颜色,或笔控件中选择工具的颜色。

SelectionFill – 所选项、列表中的项或笔控件中选定区域的背景色。

Size – 控件上显示的文本的字号。

Strikethrough – 通过文本显示的线是否在控件上显示。

TabIndex – 相对于其他控件的键盘导航顺序。

Tooltip – 用户将鼠标悬停在控件上时显示的解释性文本。

Underline – 在文本下方显示的线是否在控件上显示。

Visible – 控件显示还是隐藏。

Width – 控件左边缘和右边缘之间的距离。

X – 控件左边缘与其父容器(如果没有父容器,则为屏幕)左边缘之间的距离。

Y – 控件上边缘与其父容器(如果没有父容器,则为屏幕)上边缘之间的距离。

备注

弹出项目边框属性由 FocusedBorder 属性控制。

示例

简单列表

  1. 添加 Drop down 控件,然后将其 Items 属性设置为该表达式:

    ["Seattle", "Tokyo", "London", "Johannesburg", "Rio de Janeiro"]

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

  2. 在按 Alt 键的同时选择控件的向下箭头,以便显示列表中的项。

来自数据源的列表

此过程中的原则适用于提供表的任何数据源,但为了准确地执行这些步骤,您必须打开一个环境,为其创建了 Microsoft Dataverse 数据库并添加了示例数据。

  1. 打开空白应用,然后 指定 客户

  2. 添加 Drop down 控件,然后将其 Items 属性设置为以下公式:

    Distinct(Accounts, 'Address 1: City')

    此公式显示 客户 表中的所有城市。 如果多个记录具有相同的城市,则 Distinct 函数会在您的 Drop down 控件中隐藏重复项。

  3. (可选)将您的 Drop down 控件重命名为 Cities,添加垂直 Gallery 控件,并将库的 Items 属性设置为这个公式:

    Filter(Accounts, address1_city = Cities.Selected.Result)

    Filter 函数仅显示 客户 表中的城市与 Cities 控件中所选值匹配的记录。

辅助功能准则

颜色对比度

在以下项之间必须有足够的颜色对比度:

  • ChevronFillChevronBackground
  • ChevronHoverFillChevronHoverBackground
  • SelectionColorSelectionFill
  • SelectionFillFill

这是除标准颜色对比度以外的要求。

屏幕阅读器支持

键盘支持

备注

您能告诉我们您的文档语言首选项吗? 进行简短调查。(请注意,此调查是英文版调查)

此调查大约需要七分钟。 不会收集个人数据(隐私声明)。