translator, wb_editors
4444
правки
Matveevrj (обсуждение | вклад) |
Matveevrj (обсуждение | вклад) |
||
Строка 33: | Строка 33: | ||
===Создание графического интерфейса управления=== | ===Создание графического интерфейса управления=== | ||
[[Image: ekf-background.png |300px|thumb|right| Фоновое изображение для интерфейса управления]] | [[Image: ekf-background.png |300px|thumb|right| Фоновое изображение для интерфейса управления]] | ||
Ниже приведен пример создания интерфейса панели управления для отображения температуры и влажности воздуха в помещении и управления двумя группами освещения. | |||
В качестве фона | В качестве фона загрузите изображение, предварительно нарисованное в векторном или растровом редакторе. Для этого выберите на панели инструментов '''Изображение''' и укажите точку вставки. В появившемся окне укажите размеры изображения и нажмите кнопку '''Импорт из файла''', чтобы загрузить изображение. Нажмите '''ОК'''. | ||
Если вы собираетесь повторить этот пример, просто откройте изображение на весь экран и сохраните его себе на компьютер. | Если вы собираетесь повторить этот пример, просто откройте изображение на весь экран и сохраните его себе на компьютер. | ||
Ввставьте текстовые поля с названиями параметров. | |||
Разместите два '''Цифровых дисплея''' для отображения температуры и влажности на панели напротив соответствующих пиктограмм. | |||
<gallery mode="packed" heights="150px" caption="Размещение и настройка'''Цифровых дисплеев'''"> | |||
Image: ekf-menu-display.png | Цифровой дисплей в меню | |||
Image: ekf-display.png | Общие настройки цифрового дисплея | |||
Image: ekf-display2.png | Настройки шрифта цифрового дисплея | |||
</gallery> | |||
<gallery mode="packed" heights="150px" caption=" | Добавьте на панель две кнопки для управления главным освещением и настольной лампой. Для этого на панели инструментов выберите Bit-индикатор и поставьте галку на вкладке '''Клавиша'''. Задайте адрес и настройте события при нажатии на кнопку. | ||
Image: ekf- | |||
<gallery mode="packed" heights="150px" caption="Размещение и настройка кнопок"> | |||
Image: ekf-indicator1.png | Вставка индикатора/клавиши | |||
Image: ekf-button1.png | Настройки событий при нажатии кнопок | Image: ekf-button1.png | Настройки событий при нажатии кнопок | ||
Image: ekf-button2.png | Редактирование надписи кнопки | Image: ekf-button2.png | Редактирование надписи кнопки | ||
</gallery> | |||
Далее разместите битовые индикаторы для отображения состояния выключателя освещения. Чтобы привязать индикатор к кнопке, просто укажите ее адрес в настройках индикатора. | |||
<gallery mode="packed" heights="150px" caption="Размещение и настройка индикаторов"> | |||
Image: ekf-indicator2.png | Настройка индикатора | |||
Image: ekf-indicator3.png | Выбор оформления индикатора | |||
Image: ekf-panel.png | Внешний вид панели управления в редакторе | |||
</gallery> | |||
После размещения и настройки всех графических элементов загрузите проект в панель нажав кнопку '''Загрузить''' на панели инструментов. В появившемся окне выберите тип подключения, которое вы используете для загрузки проекта в панель и нажмите кнопку '''Download'''. | |||
<gallery mode="packed" heights="150px" caption="Загрузка проекта в панель EKF PRO-Screen"> | |||
Image: ekf-dowmload1.png | Инструмент '''Загрузка''' на панели инструментов | |||
Image: ekf-download2.png | Загрузка проекта в панель | |||
</gallery> | </gallery> | ||