O PicoPixel

Czym jest PicoPixel?

PicoPixel to przeglądarkowe narzędzie do wizualnego projektowania interfejsów embedded opartych na LVGL. Przeciągaj i upuszczaj widżety na pikselowo dokładne płótno — przyciski, etykiety, suwaki, przełączniki, łuki, wykresy, listy rozwijane, rolki, pola wyboru, pola tekstowe, widoki zakładek, kontenery i obrazy — stylizuj je wizualnie, podłączaj obsługę zdarzeń za pomocą wizualnego edytora zdarzeń, zarządzaj zasobami wielokrotnego użytku (widżetami, obrazami, czcionkami i kolorami) i eksportuj gotowy kod C dla platformy docelowej. Pomyśl o tym jak o Figmie dla interfejsów embedded.

Kluczowe możliwości obejmują współpracę w czasie rzeczywistym z podglądem kursorów i adnotacjami, symulator LVGL na żywo oparty na WebAssembly renderujący Twój projekt piksel po pikselu tak jak na docelowym urządzeniu, wbudowaną kontrolę wersji ze szczegółową historią sesji, udostępnialne linki do symulatora do przeglądów i narzędzia do zarządzania typografią. Wszystko działa w przeglądarce — bez instalacji.

PicoPixel generuje standardowy kod C dla LVGL 8.x, który działa na każdej platformie z portem LVGL — w tym ESP32, STM32, Arduino, Raspberry Pi Pico, NXP, Renesas i systemach opartych na Linuksie. Wyeksportowany kod współpracuje z ESP-IDF, Arduino IDE i PlatformIO. Niezależnie czy prototypujesz panel inteligentnego domu, budujesz przemysłowy HMI, czy projektujesz interfejs urządzenia przenośnego, PicoPixel zapewnia taki sam wizualny przepływ pracy, jaki projektanci webowi uważają za oczywisty. PicoPixel jest darmowy — również do projektów komercyjnych.

Dlaczego go stworzyliśmy

Budowanie interfejsów dla urządzeń embedded tradycyjnie oznaczało ręczne kodowanie współrzędnych pikseli i zmaganie się z niskopoziomowymi bibliotekami graficznymi — pisanie kodu C, wgrywanie, sprawdzanie wyświetlacza, poprawianie, wgrywanie ponownie. Wierzymy, że programiści embedded zasługują na takie samo wizualne doświadczenie projektowe, jakim cieszą się twórcy aplikacji webowych i mobilnych. PicoPixel wypełnia tę lukę edytorem przeciągnij i upuść, symulatorem na żywo pokazującym dokładnie jak Twój interfejs będzie wyglądał na urządzeniu oraz przepływem pracy umożliwiającym zespołom wspólne projektowanie w czasie rzeczywistym.

Jak to działa

PicoPixel zmienia rozwój LVGL z procesu opartego na kodzie w wizualny przepływ pracy przeciągnij i upuść. Proces składa się z sześciu kroków: Projektuj swój interfejs, przeciągając widżety LVGL na pikselowo dokładne płótno i stylizując je wizualnie. Podłącz interakcje za pomocą wizualnego edytora zdarzeń — połącz naciśnięcia przycisków z nawigacją między ekranami, zmiany suwaków z aktualizacją etykiet i więcej, wszystko bez pisania kodu C. Podgląd interfejsu w symulatorze LVGL na żywo opartym na WebAssembly — to prawdziwy silnik renderujący, nie makieta. Eksportuj gotowy kod LVGL C (pliki .c i .h) bez żadnych zależności zastrzeżonych. Integruj i wgraj dodając wyeksportowane pliki do swojego projektu ESP-IDF, Arduino lub PlatformIO. Na koniec współpracuj i iteruj ze swoim zespołem w czasie rzeczywistym, korzystając z wbudowanej kontroli wersji. Zobacz pełny opis krok po kroku.

Jak wypada PicoPixel na tle konkurencji

Trzy główne edytory wizualne dla LVGL to PicoPixel, SquareLine Studio i EEZ Studio. PicoPixel działa w przeglądarce bez instalacji, podczas gdy SquareLine Studio i EEZ Studio to aplikacje desktopowe. PicoPixel jest jedynym edytorem LVGL oferującym współpracę w czasie rzeczywistym, wbudowaną kontrolę wersji i udostępnialne linki do podglądu symulatora. Jest darmowy bez ograniczeń funkcji — również do użytku komercyjnego — w porównaniu z płatnymi planami SquareLine Studio czy modelem open source (GPL-3.0) EEZ Studio.

PicoPixel eksportuje czysty kod C dla LVGL bez dodatkowego boilerplate'u czy zastrzeżonych zależności. Obecnie obsługuje LVGL 8.x, a wsparcie dla v9.x jest planowane. Pokrycie widżetów rośnie, ponieważ PicoPixel jest w otwartej becie — SquareLine Studio i EEZ Studio mają dziś bardziej rozbudowane biblioteki widżetów. EEZ Studio oferuje dodatkowo wizualne programowanie oparte na przepływach (EEZ Flow) i jest w pełni open source. SquareLine Studio ma większą ugruntowaną społeczność i bardziej rozbudowaną dokumentację dla konkretnych platform. Zobacz pełne porównanie.

Otwarta beta i ograniczenia

PicoPixel jest w otwartej becie i jest obecnie tworzony i utrzymywany przez jednego programistę, Eda. Zestaw widżetów aktywnie się rozwija, wsparcie dla LVGL v9.x jest planowane, a niektóre funkcje jak animacje i przejścia są wciąż w planie rozwoju. Mogą występować tymczasowe ograniczenia w miarę skalowania infrastruktury. Twoja cierpliwość i opinie są dla nas bezcenne — jeśli natkniesz się na jakikolwiek problem, nie wahaj się z nami skontaktować.

Skontaktuj się

Masz pytania, pomysły lub chcesz z nami współpracować? Chętnie Cię wysłuchamy. Skontaktuj się przez naszą stronę kontaktową.