Wizualny edytor LVGL typu przeciągnij i upuść.
Często zadawane pytania
Wszystko, co musisz wiedzieć o PicoPixel. Nie znalazłeś odpowiedzi? Skontaktuj się z nami.
Ogólne
Czym jest PicoPixel?
PicoPixel to przeglądarkowy wizualny edytor dla LVGL — popularnej biblioteki graficznej open source dla wyświetlaczy wbudowanych. Pozwala projektować, podglądać w symulatorze na żywo i eksportować gotowy kod C bez ręcznego pisania szablonów układu. Zobacz jak to działa.
Czy muszę coś instalować?
Nie. PicoPixel działa w całości w przeglądarce — nie ma aplikacji desktopowej, wtyczki ani SDK do instalacji. Otwórz adres edytora, zaloguj się przez GitHub lub Google i zacznij projektować.
Które przeglądarki są obsługiwane?
PicoPixel najlepiej działa w najnowszych wersjach Chrome, Edge i Firefox. Safari jest obsługiwane, ale mogą występować drobne różnice w renderowaniu niektórych widżetów LVGL.
Czy PicoPixel jest open source?
Kod źródłowy edytora jest prywatny, ale generuje on kod dla LVGL, który jest open source na licencji MIT.
Jakie platformy i płytki obsługuje PicoPixel?
PicoPixel generuje standardowy kod LVGL C, który działa na dowolnej platformie z portem LVGL — w tym ESP32 (wszystkie warianty, w tym ESP32-P4), STM32, Arduino, Raspberry Pi Pico, NXP, Renesas i systemach opartych na Linuksie. Testowaliśmy na płytkach LILYGO, M5Stack, Waveshare, Guition, Elecrow i Adafruit.
Czym PicoPixel różni się od SquareLine Studio?
PicoPixel działa w przeglądarce (bez instalacji), obsługuje współpracę zespołową w czasie rzeczywistym i zawiera symulator LVGL na żywo oparty na WebAssembly. SquareLine Studio to aplikacja desktopowa, która wymaga płatnej licencji do użytku komercyjnego. PicoPixel jest bezpłatny do projektów komercyjnych bez ograniczeń. Szczegółowe porównanie znajdziesz na stronie porównania edytorów LVGL.
Jak PicoPixel wypada na tle innych edytorów LVGL?
Oferujemy szczegółowe porównanie PicoPixel, SquareLine Studio i EEZ Studio obejmujące funkcje, ceny, współpracę, eksport kodu i więcej. Zobacz pełne porównanie edytorów LVGL.
Jak wygląda typowy przepływ pracy w PicoPixel?
Przepływ pracy to: zaprojektuj interfejs wizualnie na kanwie, podłącz interakcje za pomocą wizualnego edytora zdarzeń, podgląd w symulatorze LVGL na żywo, eksport gotowego kodu C i integracja z projektem firmware. Szczegółowy przewodnik krok po kroku znajdziesz na stronie Jak działa PicoPixel.
Edytor i funkcje
Jaką wersję LVGL obsługuje PicoPixel?
PicoPixel aktualnie obsługuje LVGL 8.x, a wsparcie dla v9.x jest planowane. Generowany kod używa standardowych wywołań API LVGL, więc kompiluje się poprawnie z najnowszym wydaniem 8.x.
Czy mogę zaimportować istniejący projekt LVGL?
Jeszcze nie — edytor obsługuje obecnie tworzenie projektów od podstaw. Import istniejących plików źródłowych LVGL jest na naszej liście planów i jest jedną z najczęściej zgłaszanych funkcji.
Jak działa podgląd na żywo?
PicoPixel kompiluje LVGL do WebAssembly i uruchamia go bezpośrednio w przeglądarce. To, co widzisz w podglądzie, to prawdziwy silnik renderowania LVGL — nie makieta — więc wynik odpowiada docelowemu sprzętowi piksel po pikselu.
Czy mogę używać niestandardowych czcionek i obrazów?
Tak. Możesz przesyłać niestandardowe pliki czcionek i zasoby graficzne bezpośrednio w edytorze. Tryb roboczy Typografia pozwala tworzyć i zarządzać zestawem czcionek, a Biblioteka zasobów przechowuje widżety, obrazy, czcionki i kolory wielokrotnego użytku. Zobacz wszystkie funkcje edytora.
Czy PicoPixel ma symulator LVGL na żywo?
Tak. PicoPixel kompiluje LVGL do WebAssembly i uruchamia go bezpośrednio w przeglądarce. Symulator renderuje projekt za pomocą prawdziwego silnika LVGL, więc to, co widzisz, odpowiada docelowemu sprzętowi. Nakładki interakcji pokazują, co można dotknąć i przewijać. Możesz także generować udostępniane linki do symulatora dla klientów lub członków zespołu.
Czy wiele osób może edytować projekt jednocześnie?
Tak. PicoPixel obsługuje wspólną edycję w czasie rzeczywistym — jeden z pięciu trybów roboczych. Wielu członków zespołu może pracować nad tym samym projektem jednocześnie, zostawiać opinie z adnotacjami i widzieć wzajemne zmiany na żywo.
Jaki kod eksportuje PicoPixel?
PicoPixel eksportuje plik zip zawierający czysty, gotowy do produkcji kod LVGL C (pliki .c i .h). Wynik obejmuje konfigurację widżetów, stylizację, układ, wiązania zdarzeń i odniesienia do zasobów — wszystko przy użyciu standardowych wywołań API LVGL bez zastrzeżonych zależności.
Czy PicoPixel ma wizualny edytor zdarzeń?
Tak. Edytor zdarzeń pozwala podpinać obsługę zdarzeń LVGL wizualnie — przeciągaj akcje na widżety do nawigacji między ekranami, zmian stylów, aktualizacji wartości i więcej — bez pisania kodu C. PicoPixel automatycznie generuje callbacki zdarzeń LVGL podczas eksportu. Zobacz wszystkie funkcje.
Czy PicoPixel ma wbudowaną kontrolę wersji?
Tak. PicoPixel zawiera wbudowaną kontrolę wersji z punktami kontrolnymi, szczegółową historią sesji (Akcje sesji) i możliwością przywrócenia dowolnego poprzedniego stanu. Zewnętrzny system kontroli wersji nie jest potrzebny do pracy nad projektem UI.
Czym są tryby robocze?
Edytor PicoPixel ma pięć trybów roboczych: Współpraca (edycja zespołowa w czasie rzeczywistym), Kontrola wersji (punkty kontrolne i historia), Zasoby (biblioteka widżetów i zasobów wielokrotnego użytku), Symulator (podgląd LVGL na żywo z nakładkami interakcji) i Typografia (zarządzanie czcionkami). Każdy tryb skupia edytor na konkretnym przepływie pracy.
Techniczne
Czy mogę użyć PicoPixel do budowy interfejsu dotykowego ESP32?
Oczywiście. PicoPixel generuje standardowy kod LVGL C, który działa z dowolnym wariantem ESP32 — w tym ESP32-S3, ESP32-P4 i innymi. Eksport został przetestowany na płytkach Waveshare i Guition ESP32-P4. Zaprojektuj układ dotykowy wizualnie, podgląd w symulatorze i eksportuj kod do ESP-IDF, Arduino lub PlatformIO. Dowiedz się więcej o PicoPixel dla ESP32.
Czy PicoPixel działa offline?
PicoPixel to aplikacja webowa wymagająca połączenia z internetem. Posiada automatyczny zapis, więc Twoja praca jest chroniona nawet w przypadku utraty połączenia. Jeśli praca całkowicie offline jest konieczna, zobacz nasze porównanie edytorów — znajdziesz tam alternatywy desktopowe.
Jakie widżety LVGL obsługuje PicoPixel?
PicoPixel obsługuje podstawowy zestaw widżetów LVGL, w tym przyciski, etykiety, suwaki, przełączniki, listy rozwijane, rolki, łuki, paski, wykresy, obrazy, pola wyboru, pola tekstowe, widoki zakładek, kontenery i inne. Zestaw widżetów rośnie — nowe widżety są aktywnie dodawane.
Czy PicoPixel działa z ESP-IDF, Arduino i PlatformIO?
Tak. Wyeksportowany kod używa standardowych wywołań API LVGL bez zastrzeżonych zależności, więc integruje się z dowolnym systemem budowania obsługującym LVGL — w tym ESP-IDF, Arduino IDE i PlatformIO. Zobacz przewodnik integracji z ESP32 z instrukcjami krok po kroku.
Jakie rozdzielczości wyświetlacza obsługuje PicoPixel?
Możesz ustawić dowolną rozdzielczość wyświetlacza w PicoPixel, aby dopasować ją do docelowego sprzętu — od małych okrągłych wyświetlaczy 240x240 (GC9A01) przez 320x240 SPI TFT, panele 800x480 i większe. Symulator na żywo renderuje w wybranej rozdzielczości.
Ceny i plany
Czy PicoPixel jest darmowy?
Tak. PicoPixel jest bezpłatny — także do projektów komercyjnych. Karta kredytowa nie jest wymagana. PicoPixel jest tworzony i utrzymywany przez jednego programistę, więc wraz z rozwojem platformy mogą zostać wprowadzone płatne plany na pokrycie kosztów przechowywania i usług. Zawsze będzie dostępny darmowy plan.
Czy zawsze będzie darmowy plan?
Tak. Zawsze będzie dostępny hojny darmowy plan z podstawowymi funkcjami edycji i eksportu. Wygenerowany kod jest bezpłatny do użytku komercyjnego bez ograniczeń, niezależnie od planu.
Jak będzie wyglądał cennik?
Wraz ze skalowaniem platformy zostaną wprowadzone opcjonalne płatne plany — głównie dla funkcji korporacyjnych, takich jak rozszerzona współpraca w czasie rzeczywistym i więcej miejsca na dane. Szczegóły ogłosimy z wyprzedzeniem na naszym Discord i w mediach społecznościowych. Naszym celem jest utrzymanie PicoPixel dostępnym dla hobbystów i konkurencyjnym dla profesjonalnych zespołów.
Czy mogę używać kodu wygenerowanego przez PicoPixel w produktach komercyjnych?
Tak. Wyeksportowany kod używa standardowych wywołań API LVGL bez zastrzeżonych zależności ani ograniczeń licencyjnych. Możesz swobodnie używać kodu wygenerowanego przez PicoPixel w produktach komercyjnych bez żadnych kosztów.
Masz jeszcze pytania?
Chętnie od Ciebie usłyszymy. Napisz do nas, a odpowiemy tak szybko, jak to możliwe.
Skontaktuj się z nami