Notatki o wbudowanym UI z warsztatu

Przenieś ekran Lopaka na Arduino UNO z OLED SSD1306 w Arduino IDE, odczytaj linię konstruktora U8g2 i napraw pięć powodów, dla których wyświetlacz pozostaje czarny.

Dowiedz się, dlaczego kolorowe ekrany TFT migoczą, a następnie zamień warstwy Lopaka w zmienne i pokazuj odczyty DHT22 na ESP32 z TFT_eSPI bez mrugnięcia.

Dowiedz się, jak działają kolorowe piksele, RGB565 i pamięć obrazów, a następnie zaprojektuj pulpit TFT 320×240 w Lopaka z Adafruit GFX i uruchom go na ESP32.

Dowiedz się, dlaczego czcionki, ikony i obrazy kosztują pamięć na Arduino UNO, a następnie zbuduj pulpit OLED z dwoma ekranami w Lopaka z U8g2, tekstem XOR i ditheringiem.

Dowiedz się, jak piksele, współrzędne i biblioteka graficzna rysują ekran OLED 128×64, a następnie zaprojektuj jeden w Lopaka i uruchom wygenerowany kod U8g2 w symulatorze.

Napraw puste, odbite i przesunięte obrazy SSD1306 w U8g2. Sprawdź kolejność bitów XBM, dopełnienie wierszy, argumenty drawXBMP oraz rysowanie z pełnym buforem i buforem stron.

Wyświetl przekonwertowany obraz w LVGL 9, połącz jego zasób C i wychwyć niezgodności API v8. Zrozum, kiedy PNG potrzebuje dekodera zamiast surowej tablicy pikseli.

Napraw błędne kolory w obrazach TFT_eSPI na wyświetlaczach ST7789 i ILI9341. Oddziel konfigurację RGB/BGR od kolejności bajtów RGB565 za pomocą małego wzoru diagnostycznego.

Konwertuj obrazy PNG i BMP na tablice C dla Arduino i ESP32. Wybierz XBM lub RGB565, oblicz rozmiar bitmapy i dopasuj wynik do swojej biblioteki wyświetlacza.

Twórz bardziej złożone interfejsy wyświetlaczy dzięki grupom zagnieżdżonym, wypełnianiu Paint Fill, osobnemu eksportowi obrazów, łatwiejszej nawigacji po ekranach i nowym sposobom korzystania z projektów Basic.

Projektuj ekrany swojego urządzenia obok siebie na nowym nieskończonym obszarze rysowania w Lopaka. Przenoś grafiki między ekranami, trzymaj szkice pod ręką i porównuj układy na pierwszy rzut oka.

Alexander Ponomarev zbudował Cineink, zasilany bateryjnie interfejs e-paper Adafruit GFX, który pokazuje ekipom filmowym żywe metadane kamery ARRI w świetle dziennym.

Zaprojektuj interfejs wyświetlacza Arduino w przeglądarce, podejrzyj go w rozdzielczości swojego panelu i wygeneruj kod dla U8g2, Adafruit GFX, TFT_eSPI lub ArduinoGFX.

Zaprojektuj interfejs własnego wyświetlacza TFT w przeglądarce i wyeksportuj kod sterownika ESP32 dla TFT_eSPI, ArduinoGFX lub Adafruit GFX na panelach ST7789 i ILI9341.

Zaprojektuj interfejs wyświetlacza ESP32 w przeglądarce, podejrzyj go w rozdzielczości swojego ekranu i wyeksportuj gotowy do kompilacji kod dla TFT_eSPI, U8g2 lub Adafruit GFX.

Konwertuj obrazy na tablice C dla wyświetlaczy Arduino i ESP32, a potem podejrzyj wynik na symulowanym ekranie i wyeksportuj kod dla U8g2, TFT_eSPI lub Adafruit GFX.

Konwertuj obrazy PNG, BMP i GIF na bitmapy XBMP U8g2 dla SSD1306 i innych monochromatycznych OLED, podejrzyj je na symulowanym ekranie i skopiuj kod drawXBMP.

Edytor animacji klatkowych, import animacji z wideo i GIF-ów, własne biblioteki animacji, kod animacji dla Flipper Zero, natywny obrót tekstu, narzędzia łuku dla TFT_eSPI i LVGL oraz samodzielne nagłówki czcionek U8g2.

Jak Jeremy Ngai zbudował 4,2-calową stację pogodową e-paper, która działa ponad 500 dni na jednym ładowaniu, z monochromatyczną grafiką zaprojektowaną w Lopaka.

Spojrzenie na detektor piorunów Flash Bee autorstwa gokux i na to, jak jego okrągły pulpit TFT_eSPI 240x240 został zaprojektowany w Lopaka.

Jak interfejs zegara biurkowego e-ink CLOCK-SAT V1 został zaprojektowany w Lopaka i wyeksportowany do GxEPD2 dla 1,02-calowego modułu e-paper.

Lopaka dodaje wbudowane animacje z wygenerowanym kodem odtwarzania, nowe kontrolki narzędzia Paint, szybsze zaznaczanie warstw, wyszukiwanie ikon i aktualizacje generowania kodu dla platform.

Lopaka obsługuje teraz platformy LVGL i CircuitPython, a do tego aktualizacje self-hosted i kamień milowy 20 000+ użytkowników.

Biblioteka ikon Lopaka przekracza 2000 ikon, a do tego nowe narzędzia rysowania, edytor własnego kodu, obsługa czcionek TrueType dla U8g2, tła tekstu, GxEPD2, MicroPython i nie tylko.

Dlaczego kreatory GUI wygrywają z rysowaniem własnym w produkcyjnych systemach embedded.

Zbuduj kompletny interfejs pulpitu smart home ESP32 z kontrolą temperatury, oświetlenia i bezpieczeństwa.

Pięć popularnych błędów w GUI embedded i praktyczne sposoby, jak ich unikać.

Od tego miesiąca co miesiąc rozdaję darmową subskrypcję Plus autorowi najpopularniejszego publicznego projektu w galerii Lopaka. Popularność jest mierzona liczbą gwiazdek i forków zdobytych w danym miesiącu kalendarzowym — wcześniejsze sumy nie przechodzą dalej.

Samouczek krok po kroku, aby zbudować swoje pierwsze GUI dla Arduino w mniej niż 10 minut przy użyciu Lopaka.

Wizja kolejnych kroków Lopaka: widżety LVGL, komponenty wielokrotnego użytku, narzędzia precyzyjne, ulepszenia typografii, przepływy, zasoby, animacje i współpraca — plus ograniczony kod 50%.

Świętujemy 10 000 użytkowników Lopaka projektami społeczności w centrum uwagi oraz nowymi korzyściami planów Basic/Hobby, takimi jak własne czcionki.

Twoje zaproszenie do Lopaka Community Hub. Stworzyliśmy Lopaka Community Hub na Discordzie.

Wsparcie platformy ArduinoGFX, import klatek GIF, sortowanie ekranów metodą przeciągania i upuszczania, podpowiedzi kursora i filtrowanie platform.

Przedstawiamy plan Hobby za 4 USD miesięcznie z eksportem i rozsądnymi limitami oraz uwagi o Plus, Enterprise i bezpłatnym dostępie dla klas.

Projektuj piękne GUI dla ESP32 i Arduino w kilka minut! Nasza czerwcowa aktualizacja przynosi nowoczesny edytor przeciągania i upuszczania, natychmiastowy eksport kodu C/C++ dla Adafruit_GFX, TFT_eSPI, U8g2 i nie tylko. Zobacz, jak Lopaka.app sprawia, że wbudowane UI staje się bezwysiłkowe.

Odkryj najnowsze ulepszenia w naszej czerwcowej aktualizacji! Wprowadziliśmy wsparcie dla MicroPython, usprawniliśmy edycję tekstu, umożliwiliśmy zmianę rozmiaru obrazów i ulepszyliśmy narzędzie Paint. Dowiedz się, jak możesz otrzymać darmowy miesiąc Lopaka Plus.

Tworzenie wbudowanych GUI jest zepsute. Odkryj, dlaczego obecne narzędzia odstają od narzędzi webowych i mobilnych oraz jak Lopaka jest zbudowana od podstaw, aby przynieść nowoczesne, wydajne i świadome sprzętu przepływy projektowania do świata wbudowanego. Czas na lepszy edytor.

Kwietniowa aktualizacja przynosi potężne nowe funkcje, które usprawnią twój przepływ pracy! Używaj zmiennych dla właściwości warstw, łatwo ukrywaj lub pokazuj warstwy i korzystaj z inteligentnych tytułów warstw dla czystszego kodu. Wprowadziliśmy też ważne poprawki zaokrąglonych rogów i integracji z ESPHome.

Nasza marcowa aktualizacja już jest i oferuje pełne wsparcie dla ESPHome! Twórz grafiki dla urządzeń smart home z generowaniem kodu lambda. Dodaliśmy też własne kolory tła dla podglądów oraz nowy tryb swobodnego rysowania. Dowiedz się też, jak projektować dla zegarka Watchy E-Paper.

Sprawdź naszą lutową aktualizację! Teraz możesz importować tablice bajtów z kodu, korzystać z nowych opcji udostępniania i używać funkcji ponawiania. Z radością ogłaszamy też zwycięzców naszego zimowego wyzwania. Zobacz nowe funkcje i zwycięskie projekty!

Nasza zimowa aktualizacja już jest i jest wielka, jeśli chodzi o czcionki! Subskrybenci Plus mogą teraz importować czcionki TTF, OTF i WOFF. Dodaliśmy też narzędzia do wyrównywania warstw, tytuły warstw w komentarzach kodu dla lepszej czytelności oraz nowe filtry publicznej galerii. Sprawdź nowe funkcje i nasze przedłużone zimowe wyzwanie!

Poczuj święta dzięki naszemu świątecznemu wyzwaniu! Dowiedz się, jak możesz wygrać bezpłatną roczną subskrypcję Lopaka Plus, udostępniając swoje projekty i zdobywając głosy społeczności. Zbieramy też opinie o bardzo wyczekiwanej funkcji: bezpośredniej edycji kodu. Dołącz do zabawy i pomóż kształtować przyszłość Lopaka!

Październikowa aktualizacja przynosi bardzo wyczekiwaną funkcję: własne czcionki dla użytkowników Plus! Importuj własne czcionki GFX i BDF, blokuj warstwy, aby chronić swoją pracę, oraz korzystaj z ulepszonej edycji obrazów i wyników kodu. Dołącz do naszej społeczności ponad 1000 użytkowników i wznieś swoje projekty na wyższy poziom.

Aktualizacja z września to przede wszystkim szybszy przepływ pracy! Przeciągaj i upuszczaj obrazy z pulpitu, przesyłaj i przetwarzaj wiele obrazów naraz oraz korzystaj z przechowywania wszystkich zasobów w chmurze. Dodaliśmy też własne tytuły warstw i automatyczne zapamiętywanie czcionek, aby oszczędzić twój czas.

Poznaj nasz sierpniową aktualizację! Uruchomiliśmy nową publiczną galerię, aby pokazywać projekty społeczności, i dodaliśmy 52 nowe czcionki do naszej biblioteki. Ciesz się lepszymi doświadczeniami użytkownika dzięki nowym kontrolkom powiększenia i listom wyświetlaczy dla konkretnych platform. Wykonuj fork, udostępniaj i twórz z Lopaka!

Lopaka Plus już jest! Wprowadzamy przechowywanie projektów w chmurze, dostępne z dowolnego miejsca. Zacznij od bezpłatnego planu albo ulepsz do Lopaka Plus, aby mieć nieograniczoną liczbę prywatnych projektów i jeszcze więcej. Sprawdź nasze ceny i zacznij tworzyć już dziś!

Zamykamy program beta Lopaka, aby zrobić miejsce na coś lepszego! Przeczytaj o naszej podróży, przejściu na VueJS i Supabase oraz przygotuj się na oficjalny start Lopaka Cloud. Osobiste konta i przechowywanie projektów już w przyszłym tygodniu. Następny rozdział zaczyna się teraz!

Świętujemy naszą pierwszą rocznicę! Zobacz nasze najnowsze aktualizacje, w tym obsługę TFT_eSPI i zaawansowany kreator przetwarzania obrazów. Z radością ogłaszamy też Lopaka PRO, które wkrótce pojawi się z przechowywaniem w chmurze, zarządzaniem zasobami i funkcjami prototypowania. Pomóż kształtować naszą przyszłość, wypełniając ankietę.

Nasze podsumowanie I kwartału 2024 jest tutaj! Odkryj ogromną listę nowych funkcji, w tym obsługę wyświetlaczy e-paper Inkplate, zaawansowany import kodu i nowy interaktywny edytor. Dodaliśmy nowe czcionki i ikony, zaawansowane operacje na obrazach i wiele więcej, aby usprawnić twój przepływ pracy przy projektowaniu wbudowanych interfejsów graficznych.

Na początku 2024 roku ogłosiliśmy betę Lopaka Cloud, oferując dożywotni dostęp w zamian za opinie użytkowników. Ten wpis opisuje początkową wizję funkcji chmurowych, takich jak projekty, ekrany i publiczna galeria. Poznaj program, który pomógł ukształtować przyszłość Lopaka (uwaga: program beta jest już zamknięty).

Śledź naszą podróż w przywracaniu klasycznej czcionki Adafruit GFX. Głębokie zanurzenie w mało znane formaty, współpracę społeczności i dążenie do perfekcji co do piksela na wyświetlaczach wbudowanych.

Nasza pierwsza regularna aktualizacja z listopada 2023 roku! Ten wpis podsumowuje trzy miesiące podstawowych funkcji, w tym lokalne zapisywanie projektów, kopiowanie i wklejanie, rozbudowane skróty klawiaturowe oraz obsługę AdafruitGFX. Ogłosiliśmy też betę Lopaka Cloud i podgląd na żywo dla Flipper Zero.

Spojrzenie wstecz na nasze początki z października 2023 roku. Ten wpis to jedna z pierwszych próśb o opinię skierowanych do wczesnych użytkowników z listy oczekujących na betę Lopaka. Zobacz, jak zbieraliśmy spostrzeżenia, aby kształtować przyszłość aplikacji, i jak pokazaliśmy pierwszy rzut oka na nowy wygląd oraz funkcje chmurowe.