Современная электроника №4/2019

ЭЛЕМЕНТЫ И КОМПОНЕНТЫ 34 WWW.SOEL.RU СОВРЕМЕННАЯ ЭЛЕКТРОНИКА ◆ № 4 2019 Для создания нового проекта следу- ет выбрать в главном меню редактора команду File → New – при этом откроет- ся окно с запросом имени проекта. Про- екты создаются с расширением *HMI. После ввода имени проекта откроется окно настроек Setting для выбора типа панели (см. рис. 3). В этом окне приведены назва- ния типов панелей с их техниче- скими характеристиками. Напри- мер, при выборе панели Enhanced NX4827K043_011 можно увидеть, что она имеет дисплей 4,3 ″ с разрешени- ем 480 × 272 точки, объём памяти Flash 32 Mбайт, объём оперативной памя- ти RAM 8192 байт и тактовую частоту 108 МГц. Выбранный тип панели авто- матически выделяется цветом. Закладка DISPLAY окна настройки Setting позво- ляет выбрать горизонтальную, верти- кальную или повёрнутую ориентацию дисплея модуля, а также тип кодиров- ки для текстовых элементов. Повторно открыть окно настроек Setting можно в любое время нажатием программной кнопки Device в главном меню редак- тора. После завершения выбора панели и её настроек откроется окно с началь- ной страницей для наполнения её библиотечными элементами и ввода программного кода обработки. Прежде чем начать наполнять страницу элемен- тами, следует добавить используемые в проекте шрифты и рисунки в соответ- ствующее окно Font / Picture редактора с помощью программной кнопки «+». Шрифты можно сконвертировать из имеющихся шрифтов операцион- ной системы с помощью встроенного в редактор программного инструмен- та Tools → Font Creator , окно которого показано на рисунке 4. После выбора исходного шрифта и задания размера нового можно сфор- мировать шрифт и автоматически доба- вить его в редактор. Для создания файлов с рисунками подойдёт любой графический редак- тор, входящий в состав операционной системы, например Paint. С помощью такого редактора можно создать рису- нок для начальной страницы размера- ми 480 × 272 точки, залив его сплошным цветом, дополнив простыми фигура- ми и введя текст с названием, напри- мер как на рисунке 5. Аналогично можно создать рисун- ки для органов индикации и управле- ния, такие как светящаяся и погашен- ная лампочка, зелёный и красный круг для отображения состояния охраны и т.п. Рисунки должны иметь размеры, позволяющие разместить их на страни- це и внутри используемых элементов, например 50 × 50 точек. Все созданные изображения необходимо добавить в редактор для последующего использо- вания в проекте. Для размещения рисунка на странице page0 необходимо изменить в редакто- ре свойство sta этой страницы на image и с помощью появившегося свойства pic выбрать рисунок с названием про- екта в открывшемся окне Select Picture , представленном на рисунке 6. Теперь необходимо добавить в про- ект ещё две страницы с помощью пер- вой программной кнопки окна Page редактора. Новые страницы автомати- чески получат названия page1 и page2 . При выборе их мышкой редактор авто- матически будет открывать эти страни- цы в центре экрана. Для завершения работы с первой страницей нужно выделить её и доба- вить для неё новый элемент Timer из окна Toolbox . Свойству tim этого тай- мера следует задать время отобра- жения начальной страницы, напри- мер 1000 мс. Для перехода на главную страницу через 1000 мс нужно в окне событий Event ввести команду перехо- да в виде строки page1 . Теперь мож- но проверить работу программы в отладчике Debug , щёлкнув мышкой по соответствующей кнопке интер- фейса редактора, и убедиться, что при запуске программы открывается начальное окно с рисунком названия проекта, а через секунду происходит переключение на главное, пока ещё пустое окно. Следующим шагом следует запол- нить страницу справки page2 , разме- Рис. 3. Окно настроек Setting Рис. 4. Окно создания шрифтов Рис. 5. Окно начальной страницы проекта Рис. 6. Окно Select Picture редактора