Элемент управления "Раскрывающийся список" в PowerAppsDrop down control in PowerApps

Раскрывающийся список — это список, у которого в свернутом состоянии виден только первый элемент.A list that shows only the first item unless the user opens it.

ОписаниеDescription

Элемент управления Раскрывающийся список экономит место на экране, особенно если список содержит много элементов.A Drop down control conserves screen real estate, especially when the list contains a large number of choices. Пока пользователь не пытается воспользоваться таким списком, он занимает лишь одну строку.The control takes up only one line unless the user selects the chevron to reveal more choices.

Основные свойстваKey properties

Default. Начальное значение элемента управления до его изменения пользователем.Default – The initial value of a control before it is changed by the user.

Items — источник данных, отображаемых в элементе управления, такой как коллекция, список или диаграмма.Items – The source of data that appears in a control such as a gallery, a list, or a chart.

Items — источник данных, отображаемых в элементе управления, такой как коллекция, список или диаграмма.Items The source of data that appears in a control such as a gallery, a list, or a chart.

При добавлении коллекции, списка или диаграммы список свойств по умолчанию отображает Items, чтобы можно было легко указать данные, которые должен показывать новый элемент управления.When you add a gallery, a list, or a chart, the property list shows Items by default so that you can easily specify the data that the new control should show. Например, можно задать в свойстве Items коллекции таблицу Account в Salesforce, таблицу Inventory, созданную в Excel и переданную в облако, или список SharePoint ConferenceSpeakers.For example, you might set the Items property of a gallery to the Account table in Salesforce, a table named Inventory that you created in Excel and uploaded to the cloud, or a SharePoint list named ConferenceSpeakers.

Selected — выбранный элемент.Selected – The selected item.

Дополнительные свойстваAdditional properties

BorderColor — цвет границы элемента управления.BorderColor – The color of a control's border.

BorderStyle — стиль границы элемента управления: Сплошная, Штриховая, Пунктирная или Отсутствует.BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness — толщина границы элемента управления.BorderThickness – The thickness of a control's border.

FocusedBorderThickness — толщина границы элемента управления, когда он находится в фокусе.FocusedBorderThickness – The thickness of the control's border when it has keyboard focus.

ChevronBackground — цвет фона за стрелкой вниз в раскрывающемся списке.ChevronBackground – The color behind the down arrow in a dropdown list.

ChevronFill — цвет стрелки вниз в раскрывающемся списке.ChevronFill – The color of the down arrow in a dropdown list.

Color — цвет текста в элементе управления.Color – The color of text in a control.

DisplayMode — в зависимости от значения этого режима элемент управления разрешает пользователю вводить данные (Изменение), только отображает данные (Просмотр) или элемент вообще отключен (Отключено).DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

DisabledBorderColor — цвет границы элемента управления, если для его свойства DisplayMode установлено значение Отключено.DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.

DisabledColor — цвет текста в элементе управления, если для его свойства DisplayMode установлено значение Отключено.DisabledColor – The color of text in a control if its DisplayMode property is set to Disabled.

DisabledFill — цвет фона элемента управления, если для его свойства DisplayMode установлено значение Отключено.DisabledFill – The background color of a control if its DisplayMode property is set to Disabled.

Fill — цвет фона элемента управления.Fill – The background color of a control.

Font — имя семейства шрифтов, используемых для отображения текста.Font – The name of the family of fonts in which text appears.

FontWeight — толщина текста в элементе управления: Жирный, Полужирный, Обычный или Очень тонкий.FontWeight – The weight of the text in a control: Bold, Semibold, Normal, or Lighter.

Height — расстояние между верхним и нижним краем элемента управления.Height – The distance between a control's top and bottom edges.

HoverBorderColor — цвет границы элемента управления при удерживании указателя мыши на нем.HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that control.

HoverColor — цвет текста в элементе управления при удерживании указателя мыши на нем.HoverColor – The color of the text in a control when the user keeps the mouse pointer on it.

HoverFill — цвет фона элемента управления при удерживании указателя мыши на нем.HoverFill – The background color of a control when the user keeps the mouse pointer on it.

Italic определяет, когда текст в элементе управления отображается курсивом.Italic – Whether the text in a control is italic.

OnChange — поведение приложения, когда пользователь изменяет значение элемента управления (например, перемещая ползунок).OnChange – How the app responds when the user changes the value of a control (for example, by adjusting a slider).

OnSelect — поведение приложения, когда пользователь щелкает элемент управления или касается его.OnSelect – How the app responds when the user taps or clicks a control.

PaddingBottom — расстояние между текстом в элементе управления и нижним краем элемента управления.PaddingBottom – The distance between text in a control and the bottom edge of that control.

PaddingLeft — расстояние между текстом в элементе управления и левым краем элемента управления.PaddingLeft – The distance between text in a control and the left edge of that control.

PaddingRight — расстояние между текстом в элементе управления и правым краем элемента управления.PaddingRight – The distance between text in a control and the right edge of that control.

PaddingTop — расстояние между текстом в элементе управления и верхним краем элемента управления.PaddingTop – The distance between text in a control and the top edge of that control.

PressedBorderColor — цвет границы элемента управления при щелчке или касании.PressedBorderColor – The color of a control's border when the user taps or clicks that control.

PressedColor — цвет текста в элементе управления при щелчке или касании.PressedColor – The color of text in a control when the user taps or clicks that control.

PressedFill — цвет фона элемента управления при щелчке или касании.PressedFill – The background color of a control when the user taps or clicks that control.

Reset — определяет, возвращается ли элемент управления к значению по умолчанию.Reset – Whether a control reverts to its default value.

SelectionColor — цвет текста выбранного элемента или элементов списка или цвет инструмента выделения в элементе управления рукописным вводом.SelectionColor – The text color of a selected item or items in a list or the color of the selection tool in a pen control.

SelectionFill — цвет фона выбранного элемента или элементов списка или выделенной области элемента управления "Ввод с помощью пера".SelectionFill – The background color of a selected item or items in a list or a selected area of a pen control.

Size — размер шрифта текста, отображаемого в элементе управления.Size – The font size of the text that appears on a control.

Strikethrough определяет, когда через текст, отображаемый в элементе управления, проходит линия.Strikethrough – Whether a line appears through the text that appears on a control.

TabIndex — настройка последовательности табуляции для элементов управления в среде выполнения, если задано ненулевое значение.TabIndex – Customizes the tab order of controls at runtime when set to a non-zero value.

Tooltip — пояснительный текст, отображаемый при наведении указателя мыши на элемент управления.Tooltip – Explanatory text that appears when the user hovers over a control.

Underline определяет, когда под текстом, отображаемым в элементе управления, проходит линия.Underline – Whether a line appears under the text that appears on a control.

Visible определяет, отображается ли элемент управления или он скрыт.Visible – Whether a control appears or is hidden.

Width — расстояние между левым и правым краем элемента управления.Width – The distance between a control's left and right edges.

X — расстояние между левым краем элемента управления и левым краем его родительского контейнера (или экрана, если родительского контейнера нет).X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y — расстояние между верхним краем элемента управления и верхним краем его родительского контейнера (или экрана, если родительского контейнера нет).Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

ПримерExample

  1. Добавьте элемент управления Кнопка и назначьте его свойству Text значение Собрать данные.Add a Button control, and set its Text property to show Collect.

    Не знаете, как добавить, назвать и настроить элемент управления?Don't know how to add, name, and configure a control?

  2. Назначьте свойству OnSelect элемента управления Кнопка следующую формулу:Set the OnSelect property of the Button control to this formula:
    ClearCollect(НаселениеГородов; {Город:"Лондон"; Страна:"Соединенное Королевство"; Население:8615000}; {Город:"Берлин"; Страна:"Германия"; Население:3562000}; {Город:"Мадрид"; Страна:"Испания"; Население:3165000}; {Город:"Рим"; Страна:"Италия"; Население:2874000}; {Город:"Париж"; Страна:"Франция"; Население:2273000}; {Город:"Гамбург"; Страна:"Германия"; Население:1760000}; {Город:"Барселона"; Страна:"Испания"; Население:1602000}; {Город:"Мюнхен"; Страна:"Германия"; Население:1494000}; {Город:"Милан"; Страна:"Италия"; Население:1344000})ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Rome", Country:"Italy", Population:2874000}, {City:"Paris", Country:"France", Population:2273000}, {City:"Hamburg", Country:"Germany", Population:1760000}, {City:"Barcelona", Country:"Spain", Population:1602000}, {City:"Munich", Country:"Germany", Population:1494000}, {City:"Milan", Country:"Italy", Population:1344000})

    Нужны дополнительные сведения о функции ClearCollect или других функциях?Want more information about the ClearCollect function or other functions?

  3. Нажмите клавишу F5, щелкните элемент управления Кнопка или коснитесь его и нажмите клавишу Esc.Press F5, click or tap the Button control, and then press Esc.
  4. Добавьте в приложение элемент управления Раскрывающийся список, назовите его Страны и назначьте его свойству Items следующую формулу:Add a Drop down control, name it Countries, and set its Items property to this formula:
    Distinct(НаселениеГородов; Страна)Distinct(CityPopulations, Country)
  5. Добавьте элемент управления Коллекция текста в вертикальной/альбомной ориентации и назначьте его свойству Items следующую формулу:Add a Text gallery control in vertical/portrait orientation, and set its Items property to this formula:
    Filter(НаселениеГородов; Страны.Selected.Value in Страна)Filter(CityPopulations, Countries.Selected.Value in Country)
  6. В первом элементе элемента управления Коллекция текста назначьте свойству Text верхнего элемента управления Метка значение ThisItem.Город и удалите нижний элемент управления Метка.In the first item of the Text gallery control, set the Text property of the upper Label control to ThisItem.City, and delete the bottom Label control.
  7. Присвойте свойству TemplateSize элемента управления Коллекция текста значение 80.Set the TemplateSize property of the Text gallery control to 80.
  8. Нажмите клавишу F5, щелкните или нажмите значок шеврона в списке Страны, а затем выберите элемент этого списка.Press F5, click or tap the chevron in the Countries list, and then choose an option in that list.

    Элемент управления Коллекция текста отобразит города из выбранной вами страны.The Text gallery control shows only those cities in the country that you chose.