Меню дисплея Arduino OLED с возможностью выбора: 8 шагов
Меню дисплея Arduino OLED с возможностью выбора: 8 шагов

Оглавление:

Anonim

В этом уроке мы узнаем, как создать меню с возможностью выбора, используя OLED-дисплей и Visuino.

Смотреть видео.

Шаг 1. Что вам понадобится

Что тебе понадобится
Что тебе понадобится
Что тебе понадобится
Что тебе понадобится
Что тебе понадобится
Что тебе понадобится
  • Arduino UNO (или любой другой Arduino)
  • Провода перемычки
  • OLED-дисплей
  • Макетная плата
  • Резистор 1 кОм
  • Кнопка
  • Программа Visuino: Скачать Visuino

Шаг 2: Схема

Схема
Схема
  • Подключите вывод OLED-дисплея [VCC] к выводу Arduino [5V].
  • Подключите вывод OLED-дисплея [GND] к контакту Arduino [GND].
  • Подключите вывод OLED-дисплея [SDA] к выводу Arduino [SDA].
  • Подключите вывод OLED-дисплея [SCL] к контакту Arduino [SCL].
  • Подключите Arduino 5V к одной стороне резистора.
  • Подключите другую сторону резистора к кнопке
  • Подключите другую сторону кнопки к цифровому выводу Arduino [8] и к земле.

Шаг 3. Запустите Visuino и выберите тип платы Arduino UNO

Запустите Visuino и выберите тип платы Arduino UNO
Запустите Visuino и выберите тип платы Arduino UNO
Запустите Visuino и выберите тип платы Arduino UNO
Запустите Visuino и выберите тип платы Arduino UNO

Чтобы начать программировать Arduino, вам потребуется установить Arduino IDE отсюда:

Имейте в виду, что в Arduino IDE 1.6.6 есть несколько критических ошибок. Убедитесь, что вы установили 1.6.7 или выше, иначе это руководство не будет работать! Если вы еще не сделали, следуйте инструкциям в этом Руководстве, чтобы настроить Arduino IDE для программирования Arduino UNO! Также необходимо установить Visuino: https://www.visuino.eu. Запустите Visuino, как показано на первом рисунке. Нажмите кнопку «Инструменты» на компоненте Arduino (рисунок 1) в Visuino. Когда появится диалоговое окно, выберите «Arduino UNO», как показано на рисунке 2.

Шаг 4: в компонентах Visuino ADD

В компонентах Visuino ADD
В компонентах Visuino ADD
В компонентах Visuino ADD
В компонентах Visuino ADD
В компонентах Visuino ADD
В компонентах Visuino ADD
В компонентах Visuino ADD
В компонентах Visuino ADD
  • Добавить компонент "Счетчик"
  • Добавить компонент "Целочисленный массив"
  • Добавить компонент "Целочисленный множественный источник"
  • Добавить компонент "Дисплей SSD1306 / SH1106 OLED (I2C)"

Шаг 5: Компоненты набора Visuino

Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
  • Выберите компонент «Counter1» и в окне свойств установите «Max»> «Value» на 2 и «Min>« Value »на 0.
  • Дважды щелкните «Array1» и в окне «Элементы» перетащите 3 раза «Значение» влево Выберите элемент [1] и в окне свойств установите значение 20 Выберите элемент [2], а в окне свойств установите значение 40
  • Выберите компонент «IntegerMultiSource1» и в окне свойств установите для параметра «Выходные выводы» значение 4.
  • Дважды щелкните «DisplayOLED1» и в окне элементов перетащите 3X «Draw Text» влево Выберите «Draw Text1» и в окне свойств установите цвет на tmcInvert, размер на 2, текст на «Menu-1» Выберите «Draw Text2» 'и в окне свойств установите цвет на tmcInvert, размер на 2, текст на' Menu-2 ', Y на 20, выберите' Draw Text3 'и в окне свойств установите цвет на tmcInvert, размер на 2, текст на' Menu-3 ', Y до 40 - перетащите «Draw Rectangle» влево и установите цвет на tmcWhite и цвет заливки на tmcWhite, высоту на 20, ширину на 128, выберите Y, щелкните значок булавки и выберите «Integer SinkPin» - перетащите «Заливка» Экран "слева

Шаг 6. В компонентах Visuino Connect

В компонентах Visuino Connect
В компонентах Visuino Connect
  • Подключите цифровой вывод [8] Arduino к компонентному выводу «counter1» [In].
  • Подключите вывод компонента «Counter1» [out] к выводу «Array1» [индекс]
  • Подключите вывод компонента «Array1» [out] к выводу «IntegerMultiSource1» [In]
  • Подключите вывод «IntegerMultiSource1» [0] к выводу DisplayOLED1> Fill Screen1 [часы]
  • Подключите вывод «IntegerMultiSource1» [1] к DisplayOLED1> вывод «Draw Rectangle1» [Y]
  • Подключите контакт «IntegerMultiSource1» [2] к DisplayOLED1> контакт Draw Rectangle1 [Clock]
  • Подключите контакт «IntegerMultiSource1» [3] к DisplayOLED1> контакт Draw Text1 [Clock]
  • Подключите контакт «IntegerMultiSource1» [3] к DisplayOLED1> контакт Draw Text2 [Clock]
  • Подключите контакт «IntegerMultiSource1» [3] к DisplayOLED1> контакт Draw Text3 [Clock]
  • Подключите вывод I2C [Out] DisplayOLED1 к выводу I2c [In] платы Arduino.

Шаг 7: сгенерируйте, скомпилируйте и загрузите код Arduino

Сгенерируйте, скомпилируйте и загрузите код Arduino
Сгенерируйте, скомпилируйте и загрузите код Arduino

В Visuino внизу щелкните вкладку «Сборка», убедитесь, что выбран правильный порт, затем нажмите кнопку «Скомпилировать / построить и загрузить».

Шаг 8: Играйте

Если вы включили модуль Arduino UNO, и на OLED-дисплее должно появиться меню, вы можете перемещаться по меню, нажимая кнопку.

Поздравляю! Вы завершили свой проект с Visuino. Также прилагается проект Visuino, который я создал для этого Instructable, вы можете скачать его здесь и открыть в Visuino: