Елементи керування «Фігури» та «Піктограмами» у програмі Power Apps

Графічні об’єкти, для яких можна настроїти властивості, що визначають вигляд і поведінку.

Опис

Ці елементи керування включають стрілки, геометричні фігури, піктограми дій та символи, для яких можна настроювати властивості, як-от заливка, розмір і розташування. Також можна настроїти їх властивість OnSelect, щоб програма реагувала, коли користувач вибирає елемент керування.

Ключові властивості (піктограми та фігури)

Fill  – колір фону елемента керування.

OnSelect – дії, які виконуються, коли користувач вибирає елемент керування.

Ключові властивості (лише піктограми)

Icon – тип піктограми для відображення (наприклад, ArrowDown або ShoppingCart).

Rotation – кількість градусів, на яку потрібно повернути піктограму.

Color – колір піктограми за назвою або значеннями RGBA.

Додаткові властивості

AccessibleLabel  – підпис для невізуальних екранів.

DisplayMode  – визначає, чи елемент керування дозволяє ввід даних користувачем (Редагування), лише відображає дані (Перегляд) або ж є вимкнутим (Вимкнуто).

FocusedBorderColor  – колір межі елемента керування, коли він перебуває у фокусі.

FocusedBorderThickness  – товщина межі елемента керування, коли він перебуває у фокусі.

Height  – відстань між верхнім і нижнім краями елемента керування.

HoverFill  – колір фону елемента керування в разі наведення на нього курсору.

PressedBorderColor  – колір межі елемента керування, коли користувач його вибирає.

PressedFill  – колір фону елемента керування, коли користувач його вибирає.

TabIndex  – порядок переходів за допомогою клавіатури відносно інших елементів керування.

Visible  – відображення або приховання елемента керування.

Width  – відстань між лівим і правим краями елемента керування.

X  – відстань між лівим краєм елемента керування та лівим краєм його батьківського контейнера (екрана, якщо батьківський контейнер відсутній).

Y  – відстань між верхнім краєм елемента керування та верхнім краєм батьківського контейнера (екрана, якщо батьківський контейнер відсутній).

Пов’язані функції

Navigate( ScreenName, ScreenTransition )

Приклад

1. Дайте елементу керування за замовчуванням Screen ім’я Target, додайте елемент керування Label і настройте його властивість Текст на відображення слова Target.

   Не знаєте, як додати та настроїти елемент керування?

2. Додайте елемент керування Screen і назвіть його Source.

3. В елементі керування з ім’ям Source додайте елемент керування Фігура та настройте його властивість OnSelect відповідно до нижчезазначеної формули.

Navigate(Target, ScreenTransition.Fade)

1. Натисніть клавішу F5, а потім виберіть елемент керування Фігура.

   Відобразиться екран Target.

2. (Необов’язково) Натисніть клавішу Esc, щоб повернутися до робочої області за замовчуванням, додайте елемент керування Фігура до екрана Target, а потім настройте властивість OnSelect елемента керування Фігура відповідно до наведеної нижче формули.

Navigate(Source, ScreenTransition.Fade)

Рекомендації щодо спеціальних можливостей

Контрастність кольору

Нижченаведене відноситься лише до графічних об’єктів, що використовуються як кнопки або в інший спосіб не тільки для оформлення.

Для піктограм:

• повинна забезпечуватися належна контрастність кольору між властивостями Color та Fill;
• мають застосовуватися стандартні вимоги до контрастності кольору (у разі використання як кнопки).

Для фігур із межами повинна забезпечуватися належна контрастність кольору між:

• властивістю BorderColor та кольором за межами елемента керування;
• властивістю FocusedBorderColor та кольором за межами елемента керування (у разі використання як кнопки).

Для фігур без меж повинна забезпечуватися належна контрастність кольору між:

• властивістю Fill та кольором за межами елемента керування;
• властивістю PressedFill та кольором за межами елемента керування (у разі використання як кнопки);
• властивістю HoverFill та кольором за межами елемента керування (у разі використання як кнопки).

Підтримка невізуального екрана

• AccessibleLabel має бути налаштовано для важливої графіки.

• Якщо графіка призначена для декору або містить надлишок інформації, залиште AccessibleLabel пустим або встановіть для нього значення «пустий рядок» "". Невізуальні екрани ігноруватимуть цю графіку.

Наприклад, можна поставити піктограму Заблокувати поруч із надписом, який каже Цю форму не можна змінити. AccessibleLabel для піктограми не потрібна, оскільки Надпис уже пояснює її значення.

Підтримка клавіатури

• Для властивості TabIndex має бути встановлено значення "нуль" або більше, якщо графічний об’єкт використовується як кнопка. Тоді користувачі клавіатури зможуть перейти до неї.

• Якщо графічний об’єкт використовується як кнопка, індикатори фокуса має бути чітко видно. Для досягнення чіткості скористайтеся властивостями FocusedBorderColor та FocusedBorderThickness.