सर्वश्रेष्ठ ड्रैग-एंड-ड्रॉप LVGL एडिटर और GUI बिल्डर।
अक्सर पूछे जाने वाले सवाल
PicoPixel के बारे में वह सब कुछ जो आपको जानना चाहिए। जो खोज रहे हैं वह नहीं मिल रहा? संपर्क करें।
सामान्य
PicoPixel क्या है?
LVGL एम्बेडेड डिस्प्ले के लिए लोकप्रिय ओपन-सोर्स ग्राफ़िक्स लाइब्रेरी है। PicoPixel उसके लिए ब्राउज़र में चलने वाला विज़ुअल एडिटर है। इसमें लेआउट का दोहराव वाला कोड हाथ से लिखे बिना UI डिज़ाइन कर सकते हैं, लाइव सिम्युलेटर में आज़मा सकते हैं और तैयार C कोड एक्सपोर्ट कर सकते हैं। जानें यह कैसे काम करता है।
क्या कुछ इंस्टॉल करना होगा?
नहीं। PicoPixel पूरी तरह ब्राउज़र में चलता है। एडिटर खोलें, GitHub या Google से साइन इन करें और डिज़ाइन शुरू करें। डेस्कटॉप ऐप, प्लगइन या SDK इंस्टॉल करने की ज़रूरत नहीं है।
कौन-से ब्राउज़र इस्तेमाल कर सकते हैं?
Chrome, Edge और Firefox के नवीनतम संस्करणों में PicoPixel सबसे अच्छा काम करता है। Safari में भी चलता है, लेकिन कुछ LVGL विजेट थोड़े अलग दिख सकते हैं।
कौन-से प्लेटफ़ॉर्म और बोर्ड के साथ काम करता है?
PicoPixel मानक LVGL C कोड बनाता है, जो LVGL पोर्ट वाले प्लेटफ़ॉर्म पर चलता है। इनमें ESP32 (ESP32-P4 समेत सभी वेरिएंट), STM32, Arduino, Raspberry Pi Pico, NXP, Renesas और Linux आधारित सिस्टम शामिल हैं। हमने LILYGO, M5Stack, Waveshare, Guition, Elecrow और Adafruit के बोर्ड पर इसे जाँचा है। आपका हार्डवेयर LVGL चलाता है तो एक्सपोर्ट किया गया कोड उस पर काम करेगा।
PicoPixel, SquareLine Studio से कैसे अलग है?
PicoPixel ब्राउज़र में चलता है, टीम को एक ही समय पर साथ काम करने देता है और इसमें WebAssembly पर चलने वाला लाइव LVGL सिम्युलेटर है। SquareLine Studio डेस्कटॉप ऐप है और व्यावसायिक काम के लिए सशुल्क लाइसेंस चाहिए। PicoPixel में मुफ़्त प्लान पर भी कई सुविधाएँ मिलती हैं और सशुल्क प्लान किफ़ायती हैं। LVGL एडिटर की पूरी तुलना देखें।
दूसरे LVGL एडिटर से PicoPixel की तुलना कहाँ देखें?
हमने PicoPixel, SquareLine Studio और EEZ Studio की सुविधाओं, कीमतों, टीम के साथ काम करने के तरीकों और कोड एक्सपोर्ट की तुलना की है। पूरी तुलना देखें।
PicoPixel में काम करने की प्रक्रिया क्या है?
पहले कैनवास पर UI बनाएँ और इवेंट एडिटर से उसकी प्रतिक्रियाएँ तय करें। फिर लाइव LVGL सिम्युलेटर में आज़माएँ, तैयार C कोड एक्सपोर्ट करें और उसे अपने फ़र्मवेयर प्रोजेक्ट में जोड़ें। PicoPixel कैसे काम करता है में पूरी प्रक्रिया देखें।
एडिटर और सुविधाएँ
PicoPixel किस LVGL वर्शन के लिए कोड बनाता है?
अभी LVGL 8.x के लिए; v9.x सपोर्ट की योजना है। कोड मानक LVGL API इस्तेमाल करता है, इसलिए नवीनतम 8.x रिलीज़ के साथ आसानी से कंपाइल होता है।
क्या मौजूदा LVGL प्रोजेक्ट इम्पोर्ट कर सकता हूँ?
फिलहाल सीधे LVGL C कोड या दूसरे एडिटर के प्रोजेक्ट इम्पोर्ट नहीं कर सकते। EEZ Studio प्रोजेक्ट इम्पोर्ट करने की योजना है। SquareLine Studio प्रोजेक्ट इम्पोर्ट की सुविधा उपलब्ध नहीं है और इसकी योजना भी नहीं है। बाकी एडिटर के फ़ॉर्मेट पर अभी निर्णय नहीं हुआ है। अपने पूरे डिज़ाइन वाली .picopixel फ़ाइलें एक्सपोर्ट, साझा और इम्पोर्ट कर सकते हैं।
लाइव प्रीव्यू कैसे काम करता है?
PicoPixel LVGL को WebAssembly में कंपाइल करके सीधे ब्राउज़र में चलाता है। इसलिए प्रीव्यू में असली LVGL इंजन आपका डिज़ाइन बनाता है और नतीजा हार्डवेयर से पिक्सेल-दर-पिक्सेल मेल खाता है।
क्या अपने फ़ॉन्ट और इमेज इस्तेमाल कर सकता हूँ?
हाँ। एडिटर में अपनी फ़ॉन्ट फ़ाइलें और इमेज अपलोड कर सकते हैं। पहले से उपलब्ध फ़ॉन्ट की लाइब्रेरी भी है, जिन्हें एक क्लिक में LVGL के लिए तैयार कर सकते हैं। अरबी, हिब्रू, चीनी, जापानी और कोरियाई समेत कई भाषाओं के लिए Unicode सपोर्ट है। Fonts कार्यक्षेत्र में अलग-अलग LVGL फ़ॉन्ट बनाएँ और सँभालें। एसेट लाइब्रेरी में विजेट, इमेज, फ़ॉन्ट और रंग सहेजकर फिर इस्तेमाल करें। LVGL फ़ॉन्ट गाइड पढ़ें या कई भाषाओं वाला फ़ॉन्ट टेम्पलेट आज़माएँ।
क्या इसमें लाइव LVGL सिम्युलेटर है?
हाँ। PicoPixel असली LVGL इंजन को WebAssembly के ज़रिए ब्राउज़र में चलाता है। उसमें दिखने वाला डिज़ाइन आपके हार्डवेयर से मेल खाता है। स्क्रीन पर संकेत बताते हैं कि कहाँ टैप या स्क्रॉल कर सकते हैं। टीम या क्लाइंट को आज़माने देने के लिए सिम्युलेटर का लिंक भी भेज सकते हैं।
क्या कई लोग एक साथ प्रोजेक्ट बदल सकते हैं?
हाँ। टीम के कई सदस्य एक ही प्रोजेक्ट पर साथ काम कर सकते हैं, टिप्पणियाँ और नोट जोड़ सकते हैं तथा एक-दूसरे के बदलाव तुरंत देख सकते हैं। बिल्ट-इन वर्शन कंट्रोल में चेकपॉइंट सहेजकर बदलावों का रिकॉर्ड रखें। कोई साथी आपके काम पर राय दे तो सूचना भी मिलती है।
PicoPixel किस तरह का कोड एक्सपोर्ट करता है?
PicoPixel एक ज़िप फ़ाइल देता है, जिसमें पढ़ने और समझने में आसान LVGL C कोड (.c और .h फ़ाइलें) होता है। इसमें विजेट बनाना, उनका रूप और लेआउट तय करना तथा इवेंट और एसेट के संदर्भ जोड़ना शामिल है। सभी कॉल मानक LVGL API की हैं; किसी बंद-स्रोत लाइब्रेरी की ज़रूरत नहीं पड़ती।
क्या इसमें विज़ुअल इवेंट एडिटर है?
हाँ। Events Editor में विजेट पर एक्शन खींचकर जोड़ें और तय करें कि स्क्रीन, स्टाइल या वैल्यू कब बदले। C कोड लिखने की ज़रूरत नहीं है; एक्सपोर्ट के समय PicoPixel LVGL इवेंट कॉलबैक बना देता है। सभी सुविधाएँ देखें।
क्या वर्शन कंट्रोल पहले से शामिल है?
हाँ। चेकपॉइंट, सेशन के हर बदलाव का रिकॉर्ड (Session Actions) और पिछली स्थिति पर लौटने की सुविधा शामिल है। UI के लिए अलग वर्शन कंट्रोल सिस्टम नहीं चाहिए।
कार्यक्षेत्र के मोड क्या हैं?
एडिटर के तीन मोड हैं: Build, Reference और Animation। Build में LVGL विजेट रखें, उनका डिज़ाइन बनाएँ और एसेट सँभालें। Reference में LVGL स्क्रीन के बाहर अपने या टीम के नोट के लिए टेक्स्ट और इमेज रखें। ये LVGL डिज़ाइन का हिस्सा नहीं हैं, एक्सपोर्ट नहीं होते और .picopixel फ़ाइल साझा करने पर साथ नहीं जाते। Animation में टाइमलाइन पर कीफ़्रेम रखकर विजेट की जगह, आकार और अपारदर्शिता जैसी विशेषताएँ समय के साथ बदल सकते हैं।
क्या इसमें एनिमेशन एडिटर है?
हाँ। Animation मोड में पूरी टाइमलाइन और कीफ़्रेम एडिटर है। विजेट की जगह, आकार और अपारदर्शिता बदलें, अपनी एनिमेशन कर्व बनाएँ और कई ट्रैक साथ चलाएँ। एनिमेशन लाइव सिम्युलेटर में दिखते हैं और LVGL C कोड के साथ एक्सपोर्ट होते हैं। मुफ़्त और सशुल्क सभी प्लान में यह सुविधा समान है। दुरुपयोग रोकने के लिए हर प्रोजेक्ट में 100 एनिमेशन की सीमा है; प्लान के अनुसार कोई अलग रोक नहीं है।
तकनीकी
क्या ESP32 के लिए टचस्क्रीन UI बना सकता हूँ?
बिलकुल। PicoPixel मानक LVGL C कोड बनाता है, जो ESP32-S3, ESP32-P4 और दूसरे ESP32 वेरिएंट पर काम करता है। एक्सपोर्ट Waveshare और Guition के ESP32-P4 बोर्ड पर जाँचा गया है। अपना लेआउट बनाएँ, सिम्युलेटर में आज़माएँ और ESP-IDF, Arduino या PlatformIO के लिए कोड एक्सपोर्ट करें। ESP32 के लिए PicoPixel के बारे में पढ़ें या चरण-दर-चरण ESP32 ट्यूटोरियल से शुरू करें।
क्या PicoPixel ऑफ़लाइन चलता है?
नहीं। वेब ऐप को इंटरनेट चाहिए। काम अपने-आप सहेजा जाता है, जिससे कनेक्शन टूटने पर भी आपका काम सुरक्षित रहता है। ऑफ़लाइन सुविधा चाहते हैं तो हमें बताएँ। रक्षा और चिकित्सा जैसे संवेदनशील क्षेत्रों में अलग नेटवर्क की ज़रूरत हो तो अपने परिसर में चलाने का विकल्प है। पूरा ऐप आपके हार्डवेयर पर आपकी LDAP, SSO या OAuth पहचान व्यवस्था के साथ चलता है। गतिविधियों के पूरे रिकॉर्ड और आपके अनुसार ऑडिट लॉग भी मिलते हैं। इस विकल्प को देखना हो तो संपर्क करें।
कौन-से LVGL विजेट उपलब्ध हैं?
PicoPixel में Layout (Panel, Container), Media (Image, Animated Image, Sprite, Chart, Bar), Input (Label, Textarea, Roller, Dropdown) और Interact (Button, Arc, Slider, Switch, Checkbox, Spinbox) श्रेणियों के विजेट हैं। Sprite, PicoPixel की अपनी सुविधा है। यह Animated Image पर आधारित है और डिवाइस की स्थिति के अनुसार अलग एनिमेशन चला सकता है — जैसे चार्जिंग से पूरी बैटरी वाला एनिमेशन, या Stack-Chan का आराम करना, चलना और हाथ हिलाना। नए विजेट लगातार जोड़े जा रहे हैं।
क्या ESP-IDF, Arduino और PlatformIO के साथ काम करता है?
हाँ। एक्सपोर्ट में मानक LVGL API हैं और किसी बंद-स्रोत लाइब्रेरी पर निर्भरता नहीं है। इसलिए इसे LVGL वाले बिल्ड सिस्टम में जोड़ सकते हैं, जिनमें ESP-IDF, Arduino IDE और PlatformIO शामिल हैं। ESP32 गाइड में चरण-दर-चरण निर्देश हैं।
कौन-से डिस्प्ले रिज़ॉल्यूशन इस्तेमाल कर सकते हैं?
अपने हार्डवेयर के अनुसार कोई भी रिज़ॉल्यूशन रखें: 240x240 के छोटे गोल GC9A01 डिस्प्ले, 320x240 SPI TFT, 800x480 पैनल या उनसे बड़े डिस्प्ले। लाइव सिम्युलेटर भी चुने गए रिज़ॉल्यूशन में दिखाता है।
प्लान और कीमतें
क्या PicoPixel मुफ़्त है?
हाँ। PicoPixel इस्तेमाल के लिए मुफ़्त है और मुफ़्त बना रहेगा। क्रेडिट कार्ड ज़रूरी नहीं है। लॉन्च के बाद उम्मीद से तेज़ी से लोग जुड़े हैं और समुदाय की प्रतिक्रिया ने हमारा उत्साह बढ़ाया है। अधिक क्षमता चाहने वाली टीमों और उपयोगकर्ताओं के लिए सशुल्क प्लान अब उपलब्ध हैं। मुफ़्त Community प्लान में मुख्य एडिटिंग सुविधाएँ, लाइव सिम्युलेटर, कोड एक्सपोर्ट और दूसरी सुविधाएँ बनी रहेंगी। सशुल्क प्लान अधिक स्टोरेज, प्रोजेक्ट और टीम सदस्यों की जगह देते हैं; व्यावसायिक उपयोग की सीमाएँ भी प्लान के अनुसार होती हैं। मौजूदा विवरण प्लान और कीमतों के पेज पर देखें।
क्या मुफ़्त प्लान है?
हाँ। Community प्लान में मुख्य एडिटिंग सुविधाएँ, लाइव सिम्युलेटर, कोड एक्सपोर्ट और अधिकतम 10 प्रोजेक्ट मिलते हैं। बनाए गए कोड का व्यावसायिक उपयोग कुछ सशुल्क प्लान में मिलता है। प्लान का विवरण देखें।
प्लान की कीमतें कैसे तय हैं?
व्यक्तिगत प्लान Starter ($10/माह) से Pro ($20/माह) तक और टीम के प्लान Startup ($100/माह) से Enterprise ($450/माह) तक हैं। सालाना भुगतान पर छूट मिलती है। प्लान के साथ स्टोरेज, प्रोजेक्ट और टीम सदस्यों की सीमा बढ़ती है; व्यावसायिक उपयोग की सीमाएँ भी बदलती हैं। मौजूदा खातों की पुरानी शर्तें बनी रहेंगी। पूरा विवरण कीमतों के पेज पर देखें।
क्या बनाए गए कोड का व्यावसायिक उत्पाद में इस्तेमाल कर सकता हूँ?
Pro और उससे ऊपर के प्लान में हाँ। एक्सपोर्ट मानक LVGL API इस्तेमाल करता है और किसी बंद-स्रोत लाइब्रेरी पर निर्भर नहीं है। Community और Starter केवल निजी, शैक्षणिक और शौकिया इस्तेमाल के लिए हैं; उनमें व्यावसायिक उपयोग के अधिकार नहीं हैं। प्लान का विवरण देखें।
अपना LVGL इंटरफ़ेस मुफ़्त में बनाना शुरू करें
एम्बेडेड UI को सीधे कैनवास पर डिज़ाइन करें, लाइव LVGL सिम्युलेटर में आज़माएँ और तैयार C कोड एक्सपोर्ट करें। ब्राउज़र में PicoPixel खोलकर शुरू करें; कुछ इंस्टॉल करने या क्रेडिट कार्ड देने की ज़रूरत नहीं है।
मुफ़्त में शुरू करें