Диалоговое окно Выбор цвета

<< Click to Display Table of Contents >>

Navigation:  Создание окон для клиента визуализации > Редактор HMI >

Диалоговое окно Выбор цвета

В зависимости от настраиваемого свойства может открыться либо простой диалог выбора цвета, либо диалог выбора цвета с выбором градиента.

Простой диалог

Простой диалог выбора цвета открывается для настройки цветов линий и текстов, и позволяет выбрать необходимый цвет, например, рамки элемента:

Dialog_vybor_cveta

Порядок работы

Сначала необходимо выбрать базовый цвет при помощи области Палитра, либо воспользовавшись выпадающим списком в области Просмотр:

Dialog_vybor_cveta_2

Затем, при необходимости, настраиваются Яркость и Контраст при помощи соответствующих ползунков.

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

Dialog_vybor_cveta_3

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

Диалог выбора цвета с настройкой градиента

Диалог выбора цвета с настройкой градиента, позволяет задать, например, заливку фона в случае, когда необходимо обеспечить плавный переход от одного цвета к другому.Dialog_vybor_cveta_1

Если фон требуется задать однотонным, то в левой части в поле Цвет градиента выбирается базовый цвет, так же как в простом диалоге в поле Просмотр, или при помощи поля Палитра, а затем, при необходимости, настраивается Яркость и Контраст.

Если требуется реализовать градиент, то в левой части добавляется необходимое количество цветов градиента, а в выпадающем списке задается способ перехода от одного цвета к другому:

Dialog_vybor_cveta_4

Настройка прозрачности

Если требуется сделать цвет прозрачным, то необходимо отметить флаг Прозрачность в правой части окна, в этом случае ползунок Контраст будет отвечать за прозрачность.

Кроме того, значение прозрачности можно указать в группе Просмотр. На рисунке ниже значение прозрачности равно 0.51, и при этом цвет наполовину прозрачный:

Dialog_vybor_cveta_5

Результат:

Dialog_vybor_cveta_6