O PicoPixel — przeglądarkowy edytor LVGL
Czym jest PicoPixel?
Przeglądarkowe narzędzie wizualne stworzone specjalnie do interfejsów urządzeń wbudowanych opartych na LVGL.
Przeciągaj widżety na obszar roboczy z dokładnością do piksela, ustawiaj ich wygląd bez pisania kodu, 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 urządzeń wbudowanych.
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
Dokładny podgląd wyglądu na urządzeniu dzięki WebAssembly
Kursory współpracowników, komentarze i linki do 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: opiekunom projektu, członkom społeczności zgłaszającym problemy i piszącym sterowniki oraz każdemu deweloperowi, który wybiera LVGL. Dziękujemy.
Frontend PicoPixel powstał jako fork Penpot. Jesteśmy głęboko wdzięczni zespołowi i społeczności Penpot za fundament, który stworzyła ich praca open source. Chcemy opublikować naszą wersję, gdy tylko PicoPixel osiągnie stabilne wydanie.
Dostosowanie PicoPixel do LVGL wymagało rozległych zmian w pierwotnej bazie kodu, w tym wielu wyspecjalizowanych rendererów, które przekształcają uniwersalną platformę projektową w natywny dla LVGL edytor i symulator. Bez tej głębokiej pracy architektonicznej PicoPixel pozostałby podstawowym pluginem LVGL, zamiast stać się wyspecjalizowaną platformą, którą jest dziś.
Zespół LVGL odezwał się z samymi życzliwymi słowami i gratulacjami, gdy PicoPixel wystartował.
Zespół uznał PicoPixel za cenne uzupełnienie ekosystemu i ucieszył się z powstania kolejnego narzędzia dla LVGL.
Dlaczego go stworzyliśmy
Budowanie UI dla urządzeń wbudowanych 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.
Twórcy oprogramowania urządzeń wbudowanych powinni mieć równie wygodne narzędzia wizualne jak twórcy aplikacji internetowych i mobilnych. Dlatego PicoPixel oferuje projektowanie przez przeciąganie, symulator pokazujący wygląd interfejsu na urządzeniu oraz współpracę zespołową w czasie rzeczywistym.
Jak to działa
Od projektu do sprzętu w sześciu krokach.
Projektuj
Przeciągaj widżety LVGL na obszar roboczy z dokładnością do piksela i ustawiaj ich wygląd bez pisania kodu.
Skonfiguruj 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 C dla LVGL (pliki .c i .h) bez zależności od zamkniętych bibliotek.
Wgraj
Dodaj wyeksportowane pliki do projektu ESP-IDF, Arduino albo PlatformIO i wgraj na sprzęt.
Rozwijaj projekt
Współpracuj z zespołem w czasie rzeczywistym dzięki wbudowanej kontroli wersji.
Kilka słów od Eda
Obecnie buduję zestaw wskaźników i spędzam sporą część czasu między Tokio a Shenzhen. Jeśli tworzysz własne urządzenia 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 pracowałem nad kilkoma prototypami Watch. Właśnie wtedy zatęskniłem za pracą ze sprzętem. Z tej chęci powrotu ostatecznie narodził się PicoPixel.
Chętnie usłyszę, co budujesz i jakie zmiany chciałbyś zobaczyć w PicoPixel. Odezwij się.
Otwarta beta
Na jakim etapie jesteśmy
PicoPixel jest w otwartej becie. Obecnie rozwija i utrzymuje go jeden programista. Stale przybywa widżetów, obsługa LVGL v9.x jest planowana, a nowe funkcje pojawiają się regularnie, w tym niedawno uruchomiony tryb Animation z klatkami kluczowymi na osi czasu.
W miarę rozbudowy infrastruktury mogą pojawiać się tymczasowe ograniczenia. Twoja cierpliwość i opinie znaczą bardzo wiele. Jeśli coś zauważysz, śmiało się odezwij.
Zacznij budować swój interfejs LVGL za darmo
Projektuj interfejsy urządzeń wbudowanych 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 za darmo!