Перейти к содержанию

Навигация

Ekf-proscreen: различия между версиями

Нет описания правки
 
(не показано 6 промежуточных версий этого же участника)
Строка 1: Строка 1:
{{Draft}}
{{DISPLAYTITLE:Использование EKF PRO-Screen с контроллером Wiren Board}}
{{DISPLAYTITLE:Использование EKF PRO-Screen с контроллером Wiren Board}}
[[Image: ekf-proscreen.jpg |300px|thumb|right| Панель оператора EKF PRO-Screen]]
[[Image: ekf-proscreen.jpg |300px|thumb|right| Панель оператора EKF PRO-Screen]]
Строка 33: Строка 32:
===Создание графического интерфейса управления===
===Создание графического интерфейса управления===
[[Image: ekf-background.png |300px|thumb|right| Фоновое изображение для интерфейса управления]]
[[Image: ekf-background.png |300px|thumb|right| Фоновое изображение для интерфейса управления]]
Рассмотрим пример интерфейса панели управления для отображения температуры и влажности воздуха в помещении и управления двумя группами освещения. Этого примера достаточно для понимания принципа настройки панели для работы совместно с контроллером Wiren Board. Обзор всех функций и возможностей панели и программы EKF ProScreen master вы можете найти в Руководстве пользователя.  
Ниже приведен пример создания интерфейса панели управления для отображения температуры и влажности воздуха в помещении и управления двумя группами освещения.  


В качестве фона загрузим изображение, предварительно нарисованное в векторном редакторе. Для этого выберите на панели инструментов инструмент '''Изображение''', укажите точку вставки. В появившемся окне укажите размеры изображения соответствующие разрешению экрана панели, нажмите кнопку '''Импорт из файла''', чтобы загрузить изображение с жесткого диска. Нажмите '''ОК'''.
В качестве фона можно загрузить изображение, предварительно нарисованное в векторном или растровом редакторе. Для этого выберите на панели инструментов '''Изображение''' и укажите точку вставки. В появившемся окне укажите размеры изображения и нажмите кнопку '''Импорт из файла''', чтобы загрузить изображение. Нажмите '''ОК'''.


Если вы собираетесь повторить этот пример, просто откройте изображение на весь экран и сохраните его себе на компьютер.
Если вы собираетесь повторить этот пример, просто откройте изображение на весь экран и сохраните его себе на компьютер.


Далее вставим текстовые поля для
Ввставьте текстовые поля с названиями параметров.
Разместим два '''Цифровых дисплея''' для отображения температуры и влажности на панели напротив соответствующих пиктограмм.  


Также добавим на панель две кнопки для управления главным освещением и настольной лампой.
Разместите два '''Цифровых дисплея''' для отображения температуры и влажности на панели напротив соответствующих пиктограмм.
<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-panel.png | Создание графического интерфейса
 
<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>


Строка 60: Строка 78:
#:*Указать адрес канала, который был указан в настройках контрола панели управления.
#:*Указать адрес канала, который был указан в настройках контрола панели управления.
#:*Указать формат данных как в настройках панели.
#:*Указать формат данных как в настройках панели.
#После добавления всех необходимых каналов нажмите кнопку Записать.
#После добавления всех необходимых каналов нажмите кнопку '''Записать'''.


<gallery mode="packed" heights="150px" caption="Настройка соединения в контроллере">
<gallery mode="packed" heights="150px" caption="Настройка соединения в контроллере">
Image: ekf-serial.png | Создание графического интерфейса
Image: ekf-serial.png | Настройка соединения RS-485 в веб-интерфейсе контроллера Wiren Board
Image: ekf-wb1.png | Настройки событий при нажатии кнопок
Image: ekf-wb1.png | Настройка канала для отображения параметров на панели
Image: ekf-wb2.png | Редактирование надписи кнопки
Image: ekf-wb2.png | Настройка канала кнопки управления
Image: ekf-device.png | Редактирование надписи кнопки
Image: ekf-device.png | Панель управления на вкладке '''Devices''' веб-интерфейса контроллера Wiren Board
</gallery>
</gallery>


translator, wb_editors
4268

правок