Loading...

Ваша корзина пуста.

 
 
 
×

Registration

Profile Informations

Login Datas

or login

First name is required!
Last name is required!
First name is not valid!
Last name is not valid!
This is not an email address!
Email address is required!
This email is already registered!
Password is required!
Enter a valid password!
Please enter 6 or more characters!
Please enter 16 or less characters!
Passwords are not same!
Terms and Conditions are required!
Email or Password is wrong!
Captcha is required!
Captcha is wrong!

Руководство пользователя Nextion 4: введение в компоненты “ползунок” и “таймер”

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

Ползунок

AПолзунок – это компонент при помощи которого вы можете изменять числа, время, отображать прогресс и т.п.

Таблица свойств ползунка:

название Описание
objname Название компонента. Дважды щёлкните чтобы переименовать
  local:текущая страница
global: переменная может использоваться компонентами на других страницах
mode horizontal: ползунок расположен горизонтально
vertical: ползунок расположен вертикально
sta crop image: вырезать кусок фонового изображения для достижения эффекта прозрачности
solid color: заливка цветом фона
image: фон компонента – изображение
psta solid: заливка курсора цветом
image: курсор – изображение
bco Цвет фона
pco Цвет курсора
pic Фоновое изображение
picc Фоновое обрезанное изображение (должно быть изображением страницы)
wid Ширина курсора
hig Высота курсора
val Начальное значение
maxval Максимальное значение (65535)
minval Минимальное значение (0)
x Координата X
y Координата Y
w Ширина компонента, при перемещение границы компонента​
для изменения ширины, параметр соответственно изменяется
h Высота компонента, при перемещение границы компонента​
для изменения высоты, параметр соответственно изменяется

Пример: (скачать пример здесь)

Мы собираемся создать интерфейс с ползунком значения которого будут изменяться от 0 до 100.
Таким образом нам надо создать один ползунок (slider) и одно текстовое поле.
В первую очередь добавим ползунок на дисплей, переместим его в нужное место. Потом изменим параметры как в таблице:

Далее добавим текстовое поле в середину. Список параметров:

В случае успеха всё будет выглядеть так:

Загрузите программу в mega2560 и тогда сможет управлять текстом при помощи ползунка. В конце статьи будет видео как оно работает.

Таймер

Таймер вызывает событие через определённые интервалы времени.
Этот компонент очень сильно отличается от предыдущих. Он не отображается в интерфейсе непосредственно, но, написав код, мы можем использовать его для управления другими компонентами.

Давайте вначале взглянем на его таблицу свойств:

Property Name Описание
objname Название компонента. Дважды щёлкните чтобы переименовать
tim Интервал в мс (от 50 до 65535)
en 0 – таймер выключен, 1 – таймер включен

Пример: (Скачать пример здесь)

Этот пример показывает как изменять интервал срабатывания таймера при помощи кнопок, а также включать и выключать его. В нём используется два текстовых поля для отображения количества срабатываний и интервала, три кнопки: одна включение/выключение и две для управления интервалом.
После того как мы добавили компоненты, расположим их таким образом:

Настройки ниже:

Далее добавьте таймер и настройте его как показано ниже. Изначальный интервал – 100, что означает что каждые 100 мс таймер добавляет 1. Если нажать ADDTIME и сделать интервал 500, то таймер будет добавлять 1 каждые 500 мс.

Then upload the source code to Arduino Mega 2560. As you can see the demonstration video at the end of this post, when press ADDTIME to make the circle time value bigger, the timer becomes slower, in contrast, when press DECTIME, the timer runs faster.

Demonstration Video

Итак мы изучили все текущие компоненты руководства кроме переменных. Надеюсь, с этой серией руководсв вы сможете быстро научиться использовать Nextion Editor для разработки своих интерфейсов. Руководства по остальным компонентам мы опубликуем как только они станут доступны.

Для переменных и конструкции if в библиотеки примеров пока нет. Думаем, лучше будет написать по ним отдельное руководство. Так что следующая статья вас подробно с ними познакомит!

Если есть вопросы, пожалуйста оставляйте ваши комментарии внизу. Или можете перейти на наш форум. Будем рады, если вы напишите о своих проектах!