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 urządzeń wbudowanych. Pozwala projektować interfejsy, sprawdzać je w symulatorze na żywo i eksportować gotowy kod C bez ręcznego pisania kodu 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 C dla LVGL, 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 rozbudowanym 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 sposób pracy w PicoPixel?
Najpierw projektujesz interfejs w edytorze i konfigurujesz interakcje w edytorze zdarzeń. Następnie sprawdzasz działanie w symulatorze LVGL, eksportujesz gotowy kod C i dodajesz go do oprogramowania urządzenia. 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 obsługa v9.x jest planowana. 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?
Obecnie nie można importować surowego kodu C dla LVGL ani projektów z innych edytorów. Obsługa importu projektów EEZ Studio jest planowana. Import projektów SquareLine Studio nie jest obsługiwany ani planowany, a decyzja o obsłudze innych formatów edytorów nie została jeszcze podjęta. Możesz eksportować, udostępniać i importować pliki projektów .picopixel, które zawierają pełny projekt LVGL.
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ę dołączonych 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 Czcionki pozwala tworzyć zestawy czcionek LVGL i nimi zarządzać, a Biblioteka zasobów przechowuje widżety, obrazy, czcionki i kolory do ponownego wykorzystania. Dowiedz się więcej z naszego przewodnika po czcionkach LVGL lub wypróbuj szablon czcionek, aby odkryć dołączone 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 C dla LVGL (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 zależności od zamkniętych bibliotek.
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 funkcje obsługi 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 C dla LVGL. Animacje są dostępne we wszystkich planach PicoPixel, także w darmowym. Każdy projekt może zawierać do 100 animacji. Ten limit chroni przed nadużyciami i jest taki sam w każdym planie.
Techniczne
Czy mogę użyć PicoPixel do budowy interfejsu dotykowego ESP32?
Oczywiście. PicoPixel generuje standardowy kod C dla LVGL, 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 interfejs dotykowy w edytorze, sprawdź go w symulatorze i wyeksportuj 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 przeglądarkowa 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 zależności od zamkniętych bibliotek, 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 popularność PicoPixel rośnie szybciej, niż się spodziewaliśmy, i bardzo cieszy nas odzew społeczności. Płatne plany są już dostępne dla zespołów i użytkowników potrzebujących większej pojemności. Darmowy plan Community nadal oferuje edytor, symulator na żywo, eksport kodu i wiele innych funkcji. Płatne plany są tylko dla tych, którzy potrzebują większej przestrzeni dyskowej, więcej projektów, większych zespołów i wyższych limitów przychodów z działalności komercyjnej. Zapoznaj się z naszą stroną cennika, 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ą cennika, aby poznać szczegóły.
Jakie są ceny planów?
Osoby indywidualne mają do wyboru plany Starter (10 USD/mies.) i Pro (20 USD/mies.). Plany zespołowe kosztują od 100 USD/mies. za Startup do 450 USD/mies. za Enterprise. Przy płatności rocznej dostępne są rabaty. Plany różnią się dostępną przestrzenią dyskową, liczbą projektów i członków zespołu oraz limitami przychodów z działalności komercyjnej. Dotychczasowe konta zachowają wcześniejsze warunki. Zapoznaj się ze stroną cennika, 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 zależności od zamkniętych bibliotek. 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ą cennika, aby poznać szczegóły.
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!