O PicoPixel — przeglądarkowy edytor LVGL
Czym jest PicoPixel?
Przeglądarkowe narzędzie wizualne stworzone specjalnie do interfejsów embedded opartych na LVGL.
Przeciągaj widżety na pikselowo dokładne płótno, stylizuj je wizualnie, podłączaj obsługę zdarzeń w wizualnym edytorze zdarzeń, zarządzaj zasobami wielokrotnego użytku i eksportuj gotowy kod C dla platformy docelowej. Pomyśl o tym jak o Figmie dla interfejsów embedded.
Wszystko działa w przeglądarce bez instalacji. PicoPixel jest darmowy.
Przyciski, suwaki, przełączniki, łuki, wykresy, listy rozwijane, rolki, pola wyboru, pola tekstowe, zakładki, kontenery, obrazy
Łącz interakcje bez pisania kodu C
Podgląd sprzętowy piksel po pikselu oparty na WebAssembly
Kursory na żywo, adnotacje, udostępniane linki symulatora
Szczegółowa historia sesji z przywracaniem jednym kliknięciem
Czysty kod LVGL 8.x dla ESP32, STM32, RP2040 i innych
Na ramionach gigantów
Nic z tego nie istniałoby bez LVGL i niezwykłej pracy zespołu LVGL nad utrzymaniem biblioteki w pełni open source. Ich decyzja, by LVGL pozostał darmowy i dostępny, umożliwiła powstanie narzędzi takich jak PicoPixel.
Jesteśmy głęboko wdzięczni wszystkim, którzy współtworzą ekosystem LVGL: głównym maintainerom, członkom społeczności zgłaszającym problemy i piszącym sterowniki oraz każdemu deweloperowi, który wybiera LVGL. Dziękujemy.
Zespół LVGL odezwał się z samymi życzliwymi słowami i gratulacjami, gdy PicoPixel wystartował.
Przyjęli projekt jako pozytywny dodatek do ekosystemu i okazali autentyczną ekscytację, że wokół LVGL powstaje więcej narzędzi.
Niedawno otrzymaliśmy nieprzyjemny e-mail od jednej osoby z ich zespołu.
Nie będziemy przytaczać jego treści, ale uznaliśmy, że warto odnotować kontrast w tym, jak różni członkowie społeczności postanowili zareagować.
Dlaczego go stworzyliśmy
Budowanie UI dla urządzeń embedded tradycyjnie oznaczało ręczne kodowanie współrzędnych pikseli i walkę z niskopoziomowymi bibliotekami graficznymi: napisz kod C, wgraj, sprawdź wyświetlacz, popraw, wgraj ponownie.
Wierzymy, że deweloperzy embedded zasługują na takie samo wizualne doświadczenie projektowe, jakie mają twórcy webowi i mobilni. PicoPixel wypełnia tę lukę edytorem drag-and-drop, symulatorem na żywo pokazującym dokładnie, jak UI wyrenderuje się na sprzęcie, oraz współpracą zespołową w czasie rzeczywistym.
Jak to działa
Od płótna do sprzętu w sześciu krokach.
Projektuj
Przeciągaj widżety LVGL na pikselowo dokładne płótno i stylizuj je wizualnie.
Podłącz interakcje
Łącz naciśnięcia przycisków z nawigacją między ekranami, a zmiany suwaków z aktualizacją etykiet. Bez kodu C.
Podgląd
Zobacz UI w symulatorze LVGL na żywo opartym na WebAssembly. Prawdziwy silnik renderowania, nie makieta.
Eksport
Generuj produkcyjny kod LVGL C (pliki .c i .h) bez zależności zastrzeżonych.
Wgraj
Dodaj wyeksportowane pliki do projektu ESP-IDF, Arduino albo PlatformIO i wgraj na sprzęt.
Iteruj
Współpracuj z zespołem w czasie rzeczywistym dzięki wbudowanej kontroli wersji.
Notatka od Eda
Obecnie buduję zestaw wskaźników i spędzam sporą część czasu między Tokio a Shenzhen. Jeśli budujesz hardware albo akurat jesteś w którymś z tych miast, chętnie wyskoczę na coś do picia i porozmawiam o projektach.
Przed PicoPixel spędziłem kilka lat w jednej z największych firm maklerskich. Przez pewien czas pracowałem też w startupie przejętym przez Apple, gdzie robiłem kilka prototypów Watch. Tam zaczęła się chęć powrotu bliżej hardware, która ostatecznie doprowadziła do zbudowania tego projektu.
Chętnie usłyszę, co budujesz i jakie zmiany chciałbyś zobaczyć w PicoPixel. Odezwij się.
Otwarta beta
Szczerze o tym, gdzie jesteśmy.
PicoPixel jest w otwartej becie i obecnie jest budowany oraz utrzymywany przez jednego dewelopera. Zestaw widżetów aktywnie rośnie, wsparcie LVGL v9.x jest planowane, a nowe funkcje pojawiają się regularnie, w tym niedawno uruchomiony tryb Animation z keyframingiem na osi czasu.
Podczas skalowania infrastruktury mogą pojawiać się tymczasowe ograniczenia. Twoja cierpliwość i feedback znaczą bardzo wiele. Jeśli coś zauważysz, śmiało się odezwij.
Zacznij budować swój interfejs LVGL za darmo
Projektuj embedded UI wizualnie, podglądaj je w symulatorze LVGL na żywo i eksportuj produkcyjny kod C. Bez instalacji. Bez karty kredytowej. Otwórz PicoPixel w przeglądarce i zacznij projektować.
Zacznij. To darmowe!