Najlepszy edytor LVGL i kreator GUI 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.

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 znacznie bardziej przystępny cenowo, z hojnym darmowym planem i konkurencyjnymi cenami płatnych pakietów. 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?

Nie możesz importować surowego kodu LVGL C ani projektów z innych edytorów, takich jak SquareLine Studio czy EEZ Studio. Możesz jednak eksportować, udostępniać i importować pliki projektów .picopixel, które zawierają pełny projekt LVGL. Import z zewnętrznych 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. PicoPixel zawiera też bibliotekę wbudowanych czcionek, dzięki czemu możesz je konwertować do użytku w projekcie LVGL jednym kliknięciem zamiast ręcznie szukać i konwertować czcionki. Pełna obsługa Unicode jest dostępna dla języków takich jak arabski, hebrajski, chiński, japoński, koreański i inne. Tryb roboczy Czcionki pozwala tworzyć i zarządzać zestawem czcionek LVGL, a Biblioteka zasobów przechowuje widżety, obrazy, czcionki i kolory wielokrotnego użytku. Dowiedz się więcej z naszego przewodnika po czcionkach LVGL lub wypróbuj szablon czcionek, aby odkryć wbudowane czcionki z obsługą wielu języków.

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. Wielu członków zespołu może pracować nad tym samym projektem jednocześnie, zostawiać komentarze i adnotacje oraz widzieć wzajemne zmiany na żywo. Wbudowana kontrola wersji pozwala tworzyć punkty kontrolne do śledzenia zmian, a powiadomienia informują Cię, gdy kolega z zespołu zostawi opinię na temat Twojej pracy.

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 trzy tryby: Budowanie, Odniesienie i Animacja. Tryb Budowanie służy do umieszczania i projektowania widżetów LVGL, zarządzania zasobami oraz budowania interfejsu. Tryb Odniesienie pozwala dodawać tekst i obrazy poza ekranem LVGL jako notatki dla siebie lub zespołu — nie są to treści LVGL, nie są eksportowane i nie są przenoszone przy udostępnianiu plików .picopixel. Tryb Animacja zapewnia zaawansowany edytor klatek kluczowych oparty na osi czasu do tworzenia niestandardowych animacji właściwości widżetów, takich jak pozycja, rozmiar i przezroczystość.

Czy PicoPixel ma edytor animacji?

Tak. PicoPixel zawiera potężny tryb Animation z pełnym edytorem klatek kluczowych na osi czasu. Możesz animować właściwości widżetów, takie jak pozycja, rozmiar i przezroczystość, tworzyć własne krzywe animacji i układać złożone sekwencje wielościeżkowe. Animacje są podglądane na żywo w symulatorze i eksportowane jako część kodu LVGL C. W przeciwieństwie do innych edytorów PicoPixel nie blokuje animacji za płatnymi pakietami — ani w darmowym, ani w płatnym. Istnieje realistyczny limit 100 animacji na projekt, aby chronić przed nadużyciami, ale nie ma ograniczeń zależnych od pakietu.

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 lub postępuj zgodnie z naszym samouczkiem ESP32 LVGL UI krok po kroku, aby zacząć.

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 darmowy i zawsze taki pozostanie. Karta kredytowa nie jest wymagana. Od czasu premiery PicoPixel rośnie w nieoczekiwanym tempie i jesteśmy zachwyceni reakcją społeczności. Płatne plany są już dostępne dla zespołów i użytkowników potrzebujących większej skali. Darmowy plan Community pozostaje hojny, obejmując podstawową edycję, symulator na żywo, eksport kodu i wiele innych. Płatne plany są tylko dla tych, którzy potrzebują większej przestrzeni dyskowej, więcej projektów, większych zespołów i progów użycia komercyjnego. Zapoznaj się z naszą stroną cenową, aby poznać szczegóły aktualnych planów.

Czy zawsze będzie darmowy plan?

Tak. Darmowy plan Community obejmuje podstawową edycję, symulator na żywo, eksport kodu i do 10 projektów. Komercyjne wykorzystanie wygenerowanego kodu jest dostępne w niektórych płatnych planach. Zapoznaj się z naszą stroną cenową, aby poznać szczegóły.

Jak będzie wyglądał cennik?

Płatne plany obejmują zakres od Starter (10 USD/mies.) do Pro (20 USD/mies.) dla osób indywidualnych oraz od Startup (100 USD/mies.) do Enterprise (450 USD/mies.) dla zespołów, z dostępnymi rabatami rocznymi. Plany skalują przestrzeń dyskową, limity projektów, miejsca w zespole i progi użycia komercyjnego. Wszystkie istniejące konta zostaną objęte ochroną. Zapoznaj się ze stroną cenową, aby uzyskać pełny przegląd.

Czy mogę używać kodu wygenerowanego przez PicoPixel w produktach komercyjnych?

Wyeksportowany kod używa standardowych wywołań API LVGL bez zastrzeżonych zależności. W pakiecie Pro i wyższych możesz swobodnie używać kodu wygenerowanego przez PicoPixel w produktach komercyjnych. Pakiety Community i Starter są przeznaczone wyłącznie do użytku osobistego, edukacyjnego i hobbystycznego i nie obejmują praw do użytku komercyjnego. Zapoznaj się z naszą stroną cenową, aby poznać szczegóły.

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!

Przeczytaj FAQ · Skontaktuj się