Добавление списка, раскрывающегося списка и переключателейAdd a list box, a drop-down list, or radio buttons

В PowerApps есть элементы управления с возможностью выбора одного или нескольких вариантов, включая переключатели, обычный и раскрывающийся список.PowerApps includes multi-select and single-select options, including a list box, a drop-down list, and radio buttons. В этой статье мы добавим эти элементы управления и воспользуемся формулой Table для создания списков.In this topic, we add these controls and use a Table formula to build the lists. При выборе элемента в списке обновляются другие элементы управления.When an item is selected in the list, it updates other controls.

 

Технические условияPrerequisites

Добавление спискаAdd a list box

  1. На вкладке Insert (Вставка) выберите Controls (Элементы управления), а затем — элемент List box (Список):On the Insert tab, select Controls, and then select List box:

  2. Переименуйте список в MyListBox (Мой список):Rename the List box control to MyListBox:

  3. Установите для свойства Items (Элементы) следующее выражение:Set its Items property to the following expression:
    ["circle","triangle","rectangle"]

    Содержимое конструктора будет выглядеть примерно так:Your designer looks similar to the following:

  4. На вкладке Insert (Вставка) выберите Icons (Значки), выберите круг и переместите его под список:On the Insert tab, select Icons, select the circle, and move it under the List box control:

  5. Добавьте треугольник и прямоугольник, а затем расположите эти фигуры в один ряд под списком:Add a triangle and a rectangle, and then arrange the shapes in a row under the List box control:

  6. Установите для свойства Visible (Видимость) фигур указанные ниже функции.Set the Visible property of the following shapes to the following functions:

    ФигураShape Функция в свойстве VisibleSet Visible function to
    кругcircle If("circle" in MyListBox.SelectedItems.Value, true)
    треугольникtriangle If("triangle" in MyListBox.SelectedItems.Value, true)
    прямоугольникrectangle If("rectangle" in MyListBox.SelectedItems.Value, true)
  7. Проверьте созданные элементы управления в режиме предварительного просмотра: .Preview what you've created . Выберите в списке разные фигуры.Select the different shapes in the List box control. Вы увидите только фигуры, которые выбираете.Only the shape or shapes that you select appear. Нажмите клавишу ESC или значок X, чтобы вернуться на предыдущий экран.Press Esc or select the X to go back to your screen.

В этих инструкциях мы использовали выражение для создания списка элементов в элементе управления Список.In these steps, you used an expression to create a list of items in a List box control. В зависимости от выбранного в списке элемента отображается та или иная фигура.Depending on what you choose in the List box control, different shapes are displayed. Тот же метод можно применять и к другим элементам.You can apply this to other elements within your business. Например, с помощью списка можно выводить на экран изображения товаров, их описания и т. д.For example, you can use a List box control to display product images, product descriptions, and so on.

Добавление переключателейAdd radio buttons

  1. На вкладке Home (Главная) выберите New Screen (Создать экран).On the Home tab, select New Screen.
  2. На вкладке Insert (Вставка) выберите Controls (Элементы управления), а затем — Radio (Переключатель).On the Insert tab, select Controls, and then select Radio.

  3. Переименуйте переключатель в Choices (Варианты выбора) и установите для свойства Items (Элементы) следующую формулу:Rename the Radio control to Choices, and set its Items property to this formula:
    ["red","green","blue"]

    При необходимости измените размер элемента управления таким образом, чтобы отображались все варианты.If needed, resize the control to show all the options.

  4. На вкладке Insert (Вставка) выберите Icons (Значки), а затем — круг.On the Insert tab, select Icons, and then select the circle.
  5. Установите для свойства Fill (Заливка) круга следующую функцию:Set the Fill property of the circle to the following function:
    If(Choices.Selected.Value = "red", RGBA(192, 0, 0, 1), Choices.Selected.Value = "green", RGBA(0, 176, 80, 1), Choices.Selected.Value = "blue", RGBA(0, 32, 96, 1))

    В этой формуле цвет круга меняется в зависимости от того, какой переключатель установлен.In this formula, the circle changes its color depending on which radio button you choose.

  6. Переместите круг под переключатель, как в этом примере:Move the circle under the Radio control, as in this example:

  7. Проверьте созданные элементы управления в режиме предварительного просмотра: .Preview what you've created: . Установите другой переключатель, чтобы сменить цвет круга.Select a different radio button to change the color of the circle. Нажмите клавишу ESC или значок X, чтобы вернуться на предыдущий экран.Press Esc or select the X to go back to your screen.

Добавление раскрывающегося спискаAdd a drop-down list

  1. Добавьте экран, а на него — элемент управления Drop down (Раскрывающийся список).Add a screen, and then add a Drop down control.

  2. Переименуйте его в DDChoices и установите для свойства Items (Элементы) следующую формулу:Rename the control to DDChoices, and set its Items property to this formula:
    ["red","green","blue"] ["red","green","blue"]
  3. Добавьте круг, переместите его под раскрывающийся список и установите для свойства Fill (Заливка) круга следующую формулу:Add a circle, move it below the Drop down control, and set the circle's Fill property to this formula:
    If(DDChoices.Selected.Value = "red", RGBA(192, 0, 0, 1), DDChoices.Selected.Value = "green", RGBA(0, 176, 80, 1), DDChoices.Selected.Value = "blue", RGBA(0, 32, 96, 1))
  4. Проверьте созданные элементы управления в режиме предварительного просмотра: .Preview what you've created: . Выберите другой параметр, чтобы сменить цвет круга.Select the different options to change the color of the circle.