В PowerApps есть элементы управления с возможностью выбора одного или нескольких вариантов, включая переключатели, обычный и раскрывающийся список. В этой статье мы добавим эти элементы управления и воспользуемся формулой Table для создания списков. При выборе элемента в списке обновляются другие элементы управления.

 

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

Добавление списка

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

  2. Переименуйте список в MyListBox (Мой список):

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

    Содержимое конструктора будет выглядеть примерно так:

  4. На вкладке Insert (Вставка) выберите Icons (Значки), выберите круг и переместите его под список:

  5. Добавьте треугольник и прямоугольник, а затем расположите эти фигуры в один ряд под списком:

  6. Установите для свойства Visible (Видимость) фигур указанные ниже функции.

    Фигура Функция в свойстве Visible
    круг If("circle" in MyListBox.SelectedItems.Value, true)
    треугольник If("triangle" in MyListBox.SelectedItems.Value, true)
    прямоугольник If("rectangle" in MyListBox.SelectedItems.Value, true)
  7. Проверьте созданные элементы управления в режиме предварительного просмотра: . Выберите в списке разные фигуры. Вы увидите только фигуры, которые выбираете. Нажмите клавишу ESC или значок X, чтобы вернуться на предыдущий экран.

В этих инструкциях мы использовали выражение для создания списка элементов в элементе управления Список. В зависимости от выбранного в списке элемента отображается та или иная фигура. Тот же метод можно применять и к другим элементам. Например, с помощью списка можно выводить на экран изображения товаров, их описания и т. д.

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

  1. На вкладке Home (Главная) выберите New Screen (Создать экран).

  2. На вкладке Insert (Вставка) выберите Controls (Элементы управления), а затем — Radio (Переключатель).

  3. Переименуйте переключатель в Choices (Варианты выбора) и установите для свойства Items (Элементы) следующую формулу:
    ["red","green","blue"]

    При необходимости измените размер элемента управления таким образом, чтобы отображались все варианты.

  4. На вкладке Insert (Вставка) выберите Icons (Значки), а затем — круг.

  5. Установите для свойства Fill (Заливка) круга следующую функцию:
    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))

    В этой формуле цвет круга меняется в зависимости от того, какой переключатель установлен.

  6. Переместите круг под переключатель, как в этом примере:

  7. Проверьте созданные элементы управления в режиме предварительного просмотра: . Установите другой переключатель, чтобы сменить цвет круга. Нажмите клавишу ESC или значок X, чтобы вернуться на предыдущий экран.

Добавление раскрывающегося списка

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

  2. Переименуйте его в DDChoices и установите для свойства Items (Элементы) следующую формулу:
    ["red","green","blue"]

  3. Добавьте круг, переместите его под раскрывающийся список и установите для свойства Fill (Заливка) круга следующую формулу:
    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. Проверьте созданные элементы управления в режиме предварительного просмотра: . Выберите другой параметр, чтобы сменить цвет круга.