Поделиться через


Элементы управления "Фигура" и "Значок" в Power Apps

Фигуры и значки — это элементы управления, для которых можно настроить внешний вид и поведение.

Description

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

Ключевые свойства (значки и фигуры)

Fill — цвет фона элемента управления.

OnSelect — действия для выполнения, когда пользователь выбирает элемент управления.

Свойства ключей (только значки)

Значок — тип отображаемого значка (например, ArrowDown или ShoppingCart).

Поворот — количество градусов для поворота значка.

Цвет — цвет значка по имени или значениям RGBA.

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

AccessibleLabel — метка для средств чтения с экрана.

DisplayMode — разрешает ли элемент управления входные данные (изменить), отображается только данные (вид) или отключен (отключено).

FocusedBorderColor — цвет границы элемента управления при фокусе элемента управления.

FocusedBorderThickness — толщина границы элемента управления при фокусе элемента управления.

Высота — расстояние между верхними и нижними краями элемента управления.

HoverFill — цвет фона элемента управления, когда пользователь сохраняет указатель мыши на него.

Нажмите клавишуBorderColor — цвет границы элемента управления, когда пользователь выбирает этот элемент управления.

Нажатие клавиши PressedFill — цвет фона элемента управления, когда пользователь выбирает этот элемент управления.

TabIndex — порядок навигации по клавиатуре относительно других элементов управления.

Видимый — отображается ли элемент управления или скрыт.

Ширина — расстояние между левыми и правыми краями элемента управления.

X — расстояние между левым краем элемента управления и левым краем его родительского контейнера (или экрана, если родительского контейнера нет).

Y — расстояние между верхним краем элемента управления и верхним краем его родительского контейнера (или экрана, если родительского контейнера нет).

Navigate( ScreenName, ScreenTransition )

Example

  1. Назовите целевой объект элемента управления "Экран" по умолчанию, добавьте элемент управления Label и задайте для свойства Text значение target.

    Не знаю, как добавить и настроить элемент управления?

  2. Добавьте элемент управления Screen и назовите его Source.

  3. В источнике добавьте элемент управления Shape и задайте для свойства OnSelect следующую формулу:

Navigate(Target, ScreenTransition.Fade)

  1. Нажмите клавишу F5 и выберите элемент управления "Фигура ".

    Откроется целевой экран.

  2. (необязательно) Нажмите клавишу ESC, чтобы вернуться к рабочей области по умолчанию, добавьте элемент управления Shape в Target и задайте для свойства OnSelect элемента управления Shape следующую формулу:

Navigate(Source, ScreenTransition.Fade)

Руководство по настройке специальных возможностей

Контрастность цветов

Ниже приведены только рисунки, используемые в качестве кнопок или не только для украшения.

Для значков:

Для фигур с границами:

  • BorderColor и цвет за пределами элемента управления
  • FocusedBorderColor и цвет вне элемента управления (если используется в качестве кнопки)

Для фигур без границ:

  • Заливка и цвет за пределами элемента управления
  • Нажмите клавишуFill и цвет за пределами элемента управления (если используется в качестве кнопки)
  • HoverFill и цвет за пределами элемента управления (если используется в качестве кнопки)

Поддержка средства чтения с экрана

  • Для важных графических элементов необходимо задать значение AccessibleLabel.

  • Если рисунок предназначен для украшения или предоставляет избыточные сведения, оставьте ДоступнойLabel пустым или задайте для него пустую строку "". Средства чтения с экрана игнорируют эти рисунки.

Например, можно поместить значок блокировки рядом с меткой , которая говорит, что эта форма не может быть изменена. Вам не нужен значок AccessibleLabel , так как метка уже объясняет его смысл.

Это важно

Если tabIndex равен нулю или больше, значок или фигура становится кнопкой. Его внешний вид не изменяется, но средства чтения с экрана будут рассматривать его как кнопку. Они не будут игнорировать элемент управления, даже если AccessibleLabel пуст. Если tabIndex меньше нуля, средства чтения с экрана обрабатывают значок или фигуру как изображение.

Поддержка клавиатуры

  • TabIndex должен быть равен нулю или больше, если рисунок используется в качестве кнопки. Затем пользователи клавиатуры смогут перейти к нему.

  • Индикаторы фокуса должны быть четко видимыми, если рисунок используется в качестве кнопки. Для достижения этого результата используйте FocusedBorderColor и FocusedBorderThickness .