Пользовательские элементы управления Adafruit Feather NRF52, кодирование не требуется: 8 шагов (с изображениями)

2024 Автор: John Day | [email protected]. Последнее изменение: 2024-01-30 11:51

Обновление 23 апреля 2019 г. - Для графиков даты / времени с использованием только Arduino millis () см. Arduino Date / Time Plotting / Logging Using Millis () и PfodApp. Последний бесплатный pfodDesigner V3.0.3610 + сгенерировал полные эскизы Arduino для построения данных по дате / времени с использованием Arduino millis ()

Обновление от 28 ноября 2017 г. - При использовании аддона платы IDE Adafruit Feather nRF52 Arduino V0.7.5, контакты TX и RX меняются местами. (см. комментарии ниже для тестового кода). Эта инструкция не использует контакты TX / RX.

Прочтите это в первую очередь

Прочтите это в первую очередь - вам действительно нужен BLE? - Проблемы с BLE и как их исправить

Вступление

Adafruit Feather nRF52 - это плата BLE (Bluetooth Low Energy), поддерживающая Bluetooth V5. Каждая отдельная плата BLE имеет свою собственную вспомогательную библиотеку, выводы и возможности, которые могут затруднить запуск и работу.

В этом руководстве рассматривается создание пользовательских элементов управления на вашем мобильном устройстве Android для Adafruit Feather nRF52. Он использует бесплатный pfodDesigner V3.3221 + для создания настраиваемых многоуровневых меню, графиков и регистрации данных, которые могут отображаться в pfodApp (платное приложение).

PfodDesigner генерирует весь код Arduino, необходимый для Adafruit Feather nRF52.

Универсальный pfodApp обрабатывает отображение и взаимодействие пользователя на вашем мобильном телефоне Android. Никакого программирования под Android не требуется.

То, что отображается пользователю на его мобильном телефоне, полностью контролируется кодом, который вы загружаете в свой Feather52. Даже если вы решите не использовать pfodApp, бесплатный pfodDesigner все равно сгенерирует код шаблона, который позволит вам установить соединение Nordic «uart» с вашей платой Feather52.

pfodDesignerV3.3221 + отображает уникальный набор выводов платы Feather52, когда вы выбираете, к какому выводу подключить пункт меню.

Это руководство также доступно в Интернете Adafruit Feather nRF52 LE - Custom Controls with pfodApp

Шаг 1: Список деталей

Цены на ноябрь 2017 г. без учета доставки

• Adafruit Feather nRF52 LE - ~ 25 долларов США
• USB A - Micro B - ~ 3 доллара США
• Arduino IDE V1.8.5 - бесплатно
• Приложение pfodDesignerV3 для Android - бесплатно
• pfodApp V3 - ~ US10
• Приложение для передачи файлов (или кабель) - например, Wifi File Transfer (бесплатно) или Wifi File Transfer Pro ~ 3 доллара США
• Android Mobile для запуска приложений - должен поддерживать Bluetooth Low Energy V4, то есть под управлением Android V4.4 или выше.
• Компьютер для запуска IDE Arduino

Установите Arduino IDE на свой компьютер, а затем загрузите и установите Board Manager для Adafruit Feather nRF52. Убедитесь, что вы можете подключиться и запрограммировать свою плату Feather nRF52.

Шаг 2: Создание пользовательских меню Android для Adafruit BLE Feather52 и генерация кода

Бесплатное приложение pfodDesignerV3 V3.3221 + для Android позволяет вам создавать собственные меню, а затем генерировать весь код для вашего конкретного модуля BLE. Затем pfodApp используется для отображения вашего пользовательского меню на вашем мобильном телефоне Android и позволяет вам управлять своим модулем. Кодирование Android или Arduino не требуется.

Бесплатный pfodDesignerV3 используется для создания меню в стиле WISIWYG и показывает вам точный предварительный просмотр того, как меню будет выглядеть на вашем мобильном телефоне. PfodDesignerV3 позволяет вам создавать меню и подменю с кнопками и ползунками, необязательно подключенными к контактам ввода-вывода, и генерировать для вас код эскиза (см. Учебные пособия по примерам pfodDesigner), но pfodDesignerV3 не охватывает все функции, которые поддерживает pfodApp. См. PfodSpecification.pdf для получения полного списка, включая примитивы dwg, регистрацию данных и построение графиков, экраны с множественным и одиночным выбором, ползунки, ввод текста и т. Д.

Создайте пользовательское меню для управления светодиодным индикатором Adafruit BLE Feather52 RED

В учебнике «Дизайн пользовательского меню» для включения и выключения светодиода Arduino есть пошаговые инструкции по созданию этого меню с помощью pfodDesignerV3. Если вам не нравятся цвета размеров шрифта или текста, вы можете легко отредактировать их в pfodDesignerV3 на все, что захотите, и увидеть отображение WYSIWYG (что вы видите, то и получаете) в созданном меню. make для Adafruit BLE Feather52 и i) установите Feather52 в качестве цели для генератора кода для нового меню перед добавлением пункта меню управления светодиодом и ii) вместо выбора элемента управления On / Off выбирается ползунок PWM и выполняется сборка. КРАСНЫЙ светодиод установлен как выходной контакт.

Шаг 3. Выбор Adafruit Feather NRF52 в качестве цели для генерации кода

Запустив новое меню в pfodDesigner, сначала вам нужно выбрать Adafruit Feather nRF52 в качестве цели для генерации кода. Когда вы запускаете новое меню или редактируете существующее меню, верхняя кнопка показывает целевую доску. По умолчанию - Последовательный.

Нажмите кнопку «Цель», чтобы открыть список «Цель».

Выберите кнопку Bluetooth Low Energy. Некоторые платы BLE поддерживают прокрутку вниз, чтобы увидеть их все. Выберите Adafruit Feather nRF52 в качестве цели.

Затем используйте кнопку возврата мобильного телефона, чтобы выйти из экрана выбора цели и вернуться к экрану меню редактирования.

Шаг 4: ШИМ-контроль красного светодиода

Теперь вы можете продолжить работу с меню Design a Custom, чтобы включить и выключить руководство Arduino Led для создания кода, за исключением выбора вывода PWM в качестве пункта меню для добавления.

Затем, прокрутите вниз, чтобы подключить контакт ввода / вывода, и щелкните его, чтобы изменить

Затем прокрутите вниз до списка контактов, доступных для использования ШИМ на Feather52, и выберите КРАСНЫЙ светодиод.

Завершите пункт меню, отредактировав начальный текст, установив жирный шрифт, красный цвет фона и увеличив размер шрифта до +5.

Шаг 5: установка подсказки и генерация кода

Затем вы можете вернуться в главное меню и установить для параметра «Подсказка для редактирования» значение «Feather52» ЖИРНЫЙ, размер шрифта +6 и белый фон.

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

Выйдите из pfodDesigner и перенесите файл кода (pfodAppRawData / pfodDesignerV3.txt) на свой компьютер (см. PfodAppForAndroidGettingStarted.pdf page32)

Копия сгенерированного эскиза кода находится здесь (Feather52_Led_Chart.ino). Запрограммируйте свой Feather52, а затем создайте соединение BLE в pfodApp, подключитесь к своей доске и отобразите ползунок для регулировки КРАСНОГО светодиода. Он будет отображаться точно так же, как в предварительном просмотре выше.

Шаг 6: Добавление графика в меню управления Feather52

Используя светодиодный контроллер в качестве основы, вы можете добавить дополнительные пункты меню для чтения или управления другими цифровыми выводами, а также для чтения, построения и регистрации аналоговых входов, например A0. Ознакомьтесь с различными руководствами pfodDesigner по использованию различных пунктов меню. В руководстве «Как отображать данные Arduino на Android для начинающих» рассматривается создание графиков.

Ниже представлен предварительный просмотр с добавленной кнопкой диаграммы и предварительный просмотр диаграммы A0 с некоторыми фиктивными данными. Примечание. Опорное напряжение по умолчанию для АЦП на Feather52 составляет 3,6 В, поэтому при настройке графика параметр «Редактировать максимальное отображение» был установлен на 3,6, так что показание от 0 до 1023 масштабировалось до 0–3,6 для регистрации и отображения.

Сгенерированный эскиз для этого дисплея находится здесь (Feather52_Led_Chart.ino)

После загрузки в Feather52 и подключения к мобильному телефону через pfodApp вы можете прикоснуться пальцем к контакту платы A0, чтобы получить информацию и показать график.

Помимо построения аналоговых значений, показания также записываются в формате CSV в файл на вашем мобильном телефоне. Если вы назвали соединение в pfodApp «Feather52», как показано выше, то зарегистрированные данные CSV сохраняются в файл / pfodAppRawData / Feather52.txt. Этот файл CSV можно загрузить для дальнейшего использования.

Шаг 7. Добавление пользовательского элемента управления в меню Feather52

pfodApp V3 добавляет примитивы dwg. Вы можете использовать эти примитивы: - прямоугольники, круги, дуги, метки, сенсорные зоны и т. Д. Для создания сложных графических интерфейсов пользователя. Вы даже можете включать одно изображение в другое, масштабировать и панорамировать его. См. В разделе Пользовательские элементы управления Arduino для Android руководство по примитивам dwg. См. В разделе Arduino для начинающих примеры масштабирования и панорамирования графического пользовательского интерфейса.

Использование примитивной графики дает вам полный контроль над дисплеем, но требует больше работы для создания интерфейса. Библиотека pfodDwgControl предоставляет ряд предварительно созданных элементов управления, кнопок включения / выключения, индикаторов, ползунков, которые вы можете просто вставить в свою графику. PfodDesigner позволяет вам вставлять простой элемент графического меню с помощью кнопки включения / выключения, так что ваш сгенерированный код будет иметь шаблон, который вы можете изменить позже, чтобы добавить свою собственную графику.

Графика - это просто еще один пункт меню, который можно добавить в любое меню. Вот сгенерированный код для этого меню, Feather52_Led_Chart_Dwg.ino. Для этого скетча сначала необходимо установить библиотеки pfodParser.zip и pfodDwgControls.zip.

Графические пользовательские интерфейсы могут принимать несколько сообщений для определения всех используемых примитивов, цветов, меток и т. Д. pfodApp ограничивает каждое сообщение с вашего устройства 1024 байтами, но позволяет определять графику несколькими сообщениями. В сгенерированном коде предусмотрено 2 сообщения, но второе просто пусто, поэтому pfodApp знает, что третье не нужно запрашивать. Вы можете распространить это на столько сообщений, сколько вам нужно для построения вашего дисплея. Arduino101 Starter, управляемый Android / pfodApp, использует 8 сообщений. pfodApp кэширует меню и любую графику в соответствии со строкой версии парсера, поэтому при следующем подключении вам не нужно будет снова отправлять всю графику, только обновления, если они есть.

Шаг 8. Примеры экранов и других настраиваемых элементов управления

PfodDesignerV3 поддерживает только часть экранов, которые поддерживает pfodApp. Полный список см. В pfodSpecification.pdf. Эскиз SampleAdafruitFeather52Screens.ino включает дополнительные экраны, поддерживаемые pfodApp, но не включенные в pfodDesigner. Большинство экранов не имеют форматирования, чтобы сообщения оставались ясными и простыми. Вы можете добавлять свои собственные цвета и стили шрифтов, используя pfodDesignerV3 в качестве руководства. Также см. Другие примеры в приложении pfodDemo для Android.

Для эскиза SampleAdafruitFeather52Screens.ino сначала необходимо установить библиотеки pfodParser.zip и pfodDwgControls.zip.

Один из экранов SampleAdafruitFeather52Screens.ino включает два настраиваемых элемента управления. Пользовательский ползунок для управления КРАСНЫМ светодиодом и датчик для отображения текущей настройки. Этот экран использует примитивы рисования pfodApp для рисования элементов управления доской и определения зон касания и действий пользователя. Когда вы перемещаете палец по ползунку, экран немедленно обновляется, чтобы показать новую настройку. Опять же, это обновление НЕ встроено в pfodApp, но полностью контролируется кодом вашего Feather52, поэтому вы можете настроить его по своему усмотрению.

В учебнике Custom Arduino Controls for Android рассказывается, как кодировать свои собственные элементы управления, а в учебнике Arduino101 Starter, управляемом Android / pfodApp, описывается, как работают Zoom и Pan.

Заключение

В этом руководстве показано, как легко общаться с платой Adafruit Feather nRF52 и управлять ею. Никакого программирования под Android не требуется. Всем этим занимается pfodApp. Кодирование Arduino не требуется. (Бесплатная) pfodDesignerV2 генерирует полные эскизы для этого и множества других модулей BLE, а также для ESP8266 и экранов Wi-Fi, Bluetooth и SMS.