Obsah:

Vlastní ovládací prvky Adafruit Feather NRF52, není vyžadováno kódování: 8 kroků (s obrázky)
Vlastní ovládací prvky Adafruit Feather NRF52, není vyžadováno kódování: 8 kroků (s obrázky)

Video: Vlastní ovládací prvky Adafruit Feather NRF52, není vyžadováno kódování: 8 kroků (s obrázky)

Video: Vlastní ovládací prvky Adafruit Feather NRF52, není vyžadováno kódování: 8 kroků (s obrázky)
Video: Ovládací prvky v Xamarin.Forms 2019 2024, Listopad
Anonim
Vlastní ovládací prvky Adafruit Feather NRF52, není vyžadováno žádné kódování
Vlastní ovládací prvky Adafruit Feather NRF52, není vyžadováno žádné kódování
Vlastní ovládací prvky Adafruit Feather NRF52, není vyžadováno žádné kódování
Vlastní ovládací prvky Adafruit Feather NRF52, není vyžadováno žádné kódování
Vlastní ovládací prvky Adafruit Feather NRF52, není vyžadováno žádné kódování
Vlastní ovládací prvky Adafruit Feather NRF52, není vyžadováno žádné kódování
Vlastní ovládací prvky Adafruit Feather NRF52, není vyžadováno kódování
Vlastní ovládací prvky Adafruit Feather NRF52, není vyžadováno kódování

Aktualizace 23. dubna 2019 - Grafy data/času s použitím pouze Arduino millis () viz Arduino Date/Time Plotting/Logging using Millis () and PfodApp Nejnovější bezplatný pfodDesigner V3.0.3610+ generovaný kompletní Arduino skici pro vykreslení dat podle data/času pomocí Arduino millis ()

Aktualizace 28. listopadu 2017 - Pomocí doplňku desky Adafruit Feather nRF52 Arduino IDE V0.7.5 jsou piny TX a RX zaměněny. (testovací kód najdete v komentářích níže). Tento instruktáž nepoužívá piny TX/RX.

Nejprve si přečtěte toto

Nejprve si přečtěte - Opravdu potřebujete BLE? - Problémy s BLE a jejich řešení

Úvod

Adafruit Feather nRF52 je BLE (Bluetooth Low Energy) deska podporující Bluetooth V5. Každá jiná deska BLE má vlastní podpůrnou knihovnu, vývody a možnosti, které ztěžují uvedení do provozu.

Tento tutoriál se zabývá vytvářením vlastních ovládacích prvků pro mobilní telefon Android pro Adafruit Feather nRF52. Používá bezplatný pfodDesigner V3.3221+ k vytváření vlastních víceúrovňových nabídek, grafů a protokolování dat, které lze zobrazit na pfodApp (placená aplikace).

PfodDesigner generuje veškerý kód Arduino potřebný pro Adafruit Feather nRF52.

Obecný účel pfodApp zpracovává zobrazení a interakce uživatelů na vašem mobilním telefonu Android. Není vyžadováno žádné programování pro Android.

To, co se uživateli zobrazí na jeho mobilu, je zcela řízeno kódem, který načtete do svého Feather52. I když se rozhodnete nepoužívat pfodApp, bezplatný pfodDesigner bude stále generovat kód šablony, který vám umožní nastavit severské „uart“připojení k vaší desce Feather52.

pfodDesignerV3.3221+ zobrazuje jedinečný výběr pinů desky Feather52, když vyberete, ke kterému pinu chcete připojit položku nabídky.

Tento návod je k dispozici také online Adafruit Feather nRF52 LE - vlastní ovládací prvky s pfodApp

Krok 1: Seznam dílů

Ceny k listopadu 2017 bez poštovného

  • Adafruit Feather nRF52 LE - ~ 25 USD
  • USB A na Micro B - ~ 3 USD
  • Arduino IDE V1.8.5 - zdarma
  • pfodDesignerV3 aplikace pro Android - zdarma
  • pfodApp V3 - ~ US10
  • Aplikace pro přenos souborů (nebo kabel) - např. Přenos souborů Wifi (zdarma) nebo Wifi File Transfer Pro ~ 3 USD
  • Android Mobile pro spouštění aplikací - Vyžaduje podporu Bluetooth Low Energy V4, tj. Se systémem Android V4.4 nebo vyšším.
  • Počítač ke spuštění Arduino IDE

Nainstalujte si Arduino IDE do počítače a poté si stáhněte a nainstalujte Správce desek pro Adafruit Feather nRF52 Zkontrolujte, zda se můžete připojit k desce Feather nRF52 a naprogramovat ji.

Krok 2: Vytvoření vlastních nabídek systému Android pro Adafruit BLE Feather52 a vygenerování kódu

Vytvoření vlastních nabídek Android pro Adafruit BLE Feather52 a vygenerování kódu
Vytvoření vlastních nabídek Android pro Adafruit BLE Feather52 a vygenerování kódu

Bezplatná aplikace pfodDesignerV3 V3.3221+ pro Android vám umožňuje vytvářet vlastní nabídky a poté generovat veškerý kód pro váš konkrétní modul BLE. pfodApp se poté používá k zobrazení vaší vlastní nabídky na vašem mobilním telefonu Android a umožňuje vám ovládat váš modul. Není vyžadováno žádné kódování pro Android nebo Arduino.

Bezplatný pfodDesignerV3 slouží k vytvoření nabídky způsobem WISIWYG a ukáže vám přesný náhled, jak bude nabídka vypadat na vašem mobilu. PfodDesignerV3 vám umožňuje vytvářet nabídky a podnabídky pomocí tlačítek a posuvníků, volitelně připojených k pinům I/O, a generovat pro vás kód skici (viz příklady tutoriálů pfodDesigner), ale pfodDesignerV3 nepokrývá všechny funkce, které pfodApp podporuje. Úplný seznam najdete na stránce pfodSpecification.pdf, která obsahuje primitiva dwg, protokolování a vykreslování dat, obrazovky s více a jedním výběrem, posuvníky, zadávání textu atd.

Vytvořte vlastní nabídku pro ovládání LED Adafruit BLE Feather52 RED

Výukový program Navrhnout vlastní nabídku pro zapnutí a vypnutí LED Arduino obsahuje podrobné pokyny pro vytvoření této nabídky pomocí pfodDesignerV3. Pokud se vám nelíbí barvy velikostí písem nebo text, můžete je snadno upravit v pfodDesignerV3 na cokoli chcete a uvidíte WYSIWYG (What You See Is What You Get) obrazovku navržené nabídky. učinit pro Adafruit BLE Feather52 a jsou i) nastavit Feather52 jako cíl pro generátor kódu pro novou nabídku před přidáním položky nabídky Led control a ii) namísto výběru ovládání On/Off je vybrán posuvník PWM a vestavěný ČERVENÁ LED je nastavena jako výstupní kolík.

Krok 3: Výběr Adafruit Feather NRF52 jako cíle pro generování kódu

Výběr Adafruit Feather NRF52 jako cíle pro generování kódu
Výběr Adafruit Feather NRF52 jako cíle pro generování kódu
Výběr Adafruit Feather NRF52 jako cíle pro generování kódu
Výběr Adafruit Feather NRF52 jako cíle pro generování kódu
Výběr Adafruit Feather NRF52 jako cíle pro generování kódu
Výběr Adafruit Feather NRF52 jako cíle pro generování kódu

Po spuštění nové nabídky v pfodDesigner musíte nejprve jako cíl pro generování kódu vybrat Adafruit Feather nRF52. Když spustíte novou nabídku nebo upravíte stávající nabídku, horní tlačítko zobrazí panel Target. Výchozí hodnota je Sériové.

Kliknutím na tlačítko Cíl otevřete výběr cíle.

Zvolte tlačítko Bluetooth Low Energy. Existuje řada podporovaných desek BLE, přejděte dolů a prohlédněte si je všechny. Jako cíl vyberte Adafruit Feather nRF52

Poté pomocí tlačítka Zpět na mobilu opustíte obrazovku Výběr cílů a vrátíte se na obrazovku Upravit nabídku.

Krok 4: PWM ovládání červené LED

PWM ovládání RED LED
PWM ovládání RED LED
PWM ovládání RED LED
PWM ovládání RED LED
PWM ovládání RED LED
PWM ovládání RED LED
PWM ovládání RED LED
PWM ovládání RED LED

Nyní můžete pokračovat v nabídce Navrhnout vlastní a zapnout a vypnout výukový program Arduino Led ke generování kódu, kromě položky PWM, kterou chcete přidat jako položku nabídky.

Poté při posouvání dolů připojte pin I/O a kliknutím na něj jej změňte

Poté přejděte dolů na seznam pinů dostupných pro použití PWM na Feather52 a vyberte ČERVENOU LED.

Dokončete položku nabídky úpravou úvodního textu, nastavení BOLD, pozadí RED a zvětšením velikosti písma na +5

Krok 5: Nastavení výzvy a vygenerování kódu

Nastavení výzvy a generování kódu
Nastavení výzvy a generování kódu
Nastavení výzvy a generování kódu
Nastavení výzvy a generování kódu
Nastavení výzvy a generování kódu
Nastavení výzvy a generování kódu
Nastavení výzvy a generování kódu
Nastavení výzvy a generování kódu

Poté se můžete vrátit zpět do hlavní nabídky a nastavit možnost Upravit výzvu na „Feather52“BOLD, velikost písma +6 a bílé pozadí.

Nakonec se vraťte do hlavní nabídky a prohlédněte si svůj návrh, než se posunete dolů a vyberete možnost Generovat kód

Ukončete pfodDesigner a přeneste soubor kódu (pfodAppRawData / pfodDesignerV3.txt) do počítače (viz pfodAppForAndroidGettingStarted.pdf strana32)

Kopie vygenerovaného skici kódu je zde (Feather52_Led_Chart.ino) Naprogramujte svůj Feather52 a poté vytvořte BLE připojení v pfodApp a připojte se k vaší desce a zobrazením posuvníku upravte ČERVENOU LED. Zobrazí se přesně jako náhled výše.

Krok 6: Přidání obrázku do ovládací nabídky Feather52

Přidání grafu do ovládací nabídky Feather52
Přidání grafu do ovládací nabídky Feather52
Přidání grafu do ovládací nabídky Feather52
Přidání grafu do ovládací nabídky Feather52
Přidání grafu do ovládací nabídky Feather52
Přidání grafu do ovládací nabídky Feather52

Pomocí ovladače Led jako základu můžete přidat další položky nabídky pro čtení nebo ovládání ostatních digitálních pinů a pro čtení, vykreslování a protokolování analogových vstupů, například A0. Podívejte se na různé návody pfodDesigner k používání různých položek nabídky. Výukový program Jak zobrazit data Arduino v systému Android pro začátečníky zahrnuje vytváření grafů.

Níže je náhled s přidaným tlačítkem grafu a náhled grafu A0 s některými figurínami. Poznámka: Výchozí referenční napětí pro ADC na Feather52 je 3,6 V, takže při nastavování grafu byla „Upravit maximální zobrazení“nastavena na 3,6, takže čtení 0 až 1023 bylo pro protokolování a zobrazení změněno na 0 až 3,6.

Vygenerovaná skica pro toto zobrazení je zde (Feather52_Led_Chart.ino)

Po načtení do vašeho Feather52 a připojení k vašemu mobilu přes pfodApp se můžete prstem dotknout špendlíku desky A0, abyste si něco přečetli a ukázali graf.

Kromě vykreslování analogových hodnot jsou naměřené hodnoty také zaznamenávány ve formátu CSV do souboru ve vašem mobilním telefonu. Pokud jste pojmenovali připojení v pfodApp jako „Feather52“, jak je uvedeno výše, uložená data CSV se uloží do souboru / pfodAppRawData / Feather52.txt Tento soubor CSV si můžete stáhnout pro další použití.

Krok 7: Přidání vlastního ovládacího prvku do nabídky Feather52

Přidání vlastního ovládacího prvku do nabídky Feather52
Přidání vlastního ovládacího prvku do nabídky Feather52

pfodApp V3 přidává dwg primitivy. Můžete použít tato primitiva:- obdélníky, kruhy, oblouky, štítky, dotykové zóny atd. K vytváření propracovaných grafických uživatelských rozhraní Můžete dokonce zahrnout jednu grafiku do jiné a měnit její měřítko a posouvat ji. Podívejte se na vlastní ovládací prvky Arduino pro Android, kde najdete návod k primitivům dwg. Viz Arduino pro začátečníky, kde najdete příklady škálování a posouvání grafického uživatelského rozhraní.

Používání primitivní grafiky vám dává úplnou kontrolu nad displejem, ale vyžaduje více práce s vytvořením vašeho rozhraní. Knihovna pfodDwgControl poskytuje řadu ovládacích prvků před sestavením, tlačítka pro zapnutí/vypnutí, guages, posuvníky, stačí se pustit do grafiky. Nástroj pfodDesigner vám umožňuje vložit jednoduchou položku grafické nabídky pouhým tlačítkem zapnutí/vypnutí, takže váš generovaný kód bude mít šablonu, kterou můžete později upravit a přidat vlastní grafiku.

Obrázky jsou jen další položkou nabídky a lze je přidat do jakékoli nabídky. Zde je vygenerovaný kód pro toto menu, Feather52_Led_Chart_Dwg.ino Tato skica vyžaduje, aby byly nejprve nainstalovány knihovny pfodParser.zip a pfodDwgControls.zip.

Grafická uživatelská rozhraní mohou pro definování všech použitých primitiv, barev, štítků atd. Trvat několik zpráv. pfodApp omezuje každou zprávu z vašeho zařízení na 1024 bajtů, ale umožňuje, aby byla grafika definována více zprávami. Vygenerovaný kód má rezervu pro 2 zprávy, ale druhá je prázdná, takže pfodApp ví, že nemusí žádat o třetí. Můžete to rozšířit na tolik zpráv, kolik potřebujete k sestavení displeje. Arduino101 Starter, ovládaný systémem Android/pfodApp, používá 8 zpráv. pfodApp ukládá nabídku a jakoukoli grafiku do mezipaměti verze řetězce analyzátoru, takže při příštím připojení již nebudete muset znovu odesílat celou grafiku, pouze případné aktualizace.

Krok 8: Ukázkové obrazovky a další vlastní ovládací prvky

Ukázkové obrazovky a další vlastní ovládací prvky
Ukázkové obrazovky a další vlastní ovládací prvky
Ukázkové obrazovky a další vlastní ovládací prvky
Ukázkové obrazovky a další vlastní ovládací prvky

PfodDesignerV3 podporuje pouze podmnožinu obrazovek, které podporuje pfodApp. Úplný seznam najdete na stránce pfodSpecification.pdf. Skica SampleAdafruitFeather52Screens.ino obsahuje další obrazovky podporované aplikací pfodApp, které ale nejsou obsaženy v pfodDesigner. Většina obrazovek nemá žádné formátování, aby byly zprávy jasné a jednoduché. Pomocí průvodce pfodDesignerV3 můžete přidat vlastní barvy a styly písem. Další příklady najdete také v aplikaci pfodDemo pro Android.

Skica SampleAdafruitFeather52Screens.ino potřebuje nejprve nainstalovat knihovny pfodParser.zip a pfodDwgControls.zip.

Jedna z obrazovek v SampleAdafruitFeather52Screens.ino obsahuje dva vlastní ovládací prvky. Vlastní posuvník pro ovládání ČERVENÉ LED a měřidlo pro zobrazení aktuálního nastavení. Tato obrazovka používá primitivy kreslení pfodApp k vykreslení ovládacích prvků desky a definování uživatelských dotykových zón a akcí. Když přejedete prstem po posuvníku, okamžitě aktualizuje obrazovku a zobrazí nové nastavení. Tato aktualizace opět NENÍ integrována do pfodApp, ale je zcela řízena kódem ve vašem Feather52, takže si ji můžete libovolně přizpůsobit.

Výukový program Custom Arduino Controls pro Android se zabývá kódováním vlastních ovládacích prvků a Arduino101 Starter, který je řízen tutoriálem pro Android/pfodApp, popisuje, jak funguje Zoom a Pan.

Závěr

Tento tutoriál ukázal, jak lze snadno komunikovat s deskou Adafruit Feather nRF52 a ovládat ji. Není vyžadováno žádné programování pro Android. pfodApp to všechno zvládá. Není vyžadováno žádné kódování Arduino. (Zdarma) pfodDesignerV2 generuje kompletní náčrty pro toto a řadu dalších BLE modulů, stejně jako ESP8266 a WiFi, Bluetooth a SMS štíty.

Doporučuje: