परिचय
PicoPixel, LVGL के लिए विज़ुअल एडिटर है। इसमें Figma जैसा कार्यक्षेत्र, दोबारा इस्तेमाल होने वाले कंपोनेंट, लाइब्रेरी, एसेट और टीम के साथ काम करने के साधन हैं। डिज़ाइन बनाने से लेकर उसे डिवाइस पर चलाने तक, पूरी प्रक्रिया LVGL प्रोजेक्ट के लिए तैयार की गई है।
UI बनाने के बाद C कोड एक्सपोर्ट करके लगभग किसी भी LVGL चलाने वाले डिवाइस पर इस्तेमाल कर सकते हैं। अभी PicoPixel LVGL 8.x के लिए है; LVGL 9 सपोर्ट की योजना है।
टेम्पलेट, UI किट, उदाहरण, स्प्राइट, विजेट और पूरे ऐप से शुरुआत करना आसान हो जाता है। कुछ PicoPixel टीम ने बनाए हैं, कुछ समुदाय ने। अपना काम साझा करना हो तो टेम्पलेट भेजने का तरीका देखें।
टेम्पलेट क्या होता है?
टेम्पलेट एक सामान्य .picopixel फ़ाइल है, ठीक वैसी जिसे आप अपने कार्यक्षेत्र से एक्सपोर्ट करते हैं।
इसमें स्क्रीन, LVGL विजेट, दोबारा इस्तेमाल होने वाले कंपोनेंट, रंग, फ़ॉन्ट, इमेज, एनिमेटेड इमेज, स्प्राइट और दूसरे एसेट हो सकते हैं। इसे खोलने पर आप सब कुछ बदल सकते हैं, गैरज़रूरी हिस्से हटा सकते हैं, दूसरी फ़ाइल में हिस्से कॉपी कर सकते हैं, टीम लाइब्रेरी बना सकते हैं या LVGL C कोड एक्सपोर्ट कर सकते हैं।
टेम्पलेट केवल स्क्रीनशॉट नहीं है। यह संपादन योग्य PicoPixel प्रोजेक्ट है, जिसे आप अपने काम का हिस्सा बना सकते हैं।
टेम्पलेट कहाँ मिलेंगे?
PicoPixel की टेम्पलेट गैलरी में प्रोजेक्ट के प्रकार से फ़िल्टर करें। किसी प्रोजेक्ट का विवरण खोलें, उसमें शामिल चीज़ें देखें और तय करें कि उसे अपने कार्यक्षेत्र में कैसे लाना है।
यही फ़ाइलें GitHub पर भी मिलती हैं:
सीधे फ़ाइल डाउनलोड करनी हो, पुराने बदलाव देखने हों या .picopixel फ़ाइल को अपने दूसरे एसेट के साथ रखना हो तो GitHub उपयोगी है।
शुरुआत के लिए सही फ़ाइल चुनें
- Full App: पूरे ऐप का प्रोजेक्ट। भविष्य में कुछ फ़ाइलों के साथ फ़र्मवेयर बाइनरी भी हो सकती है, ताकि सीधे फ़्लैश कर सकें। अभी UI फ़ाइल खोलें, बदलें और अपने फ़र्मवेयर के लिए कोड एक्सपोर्ट करें।
- Example: किसी प्रक्रिया, विजेट, लेआउट या इंटरैक्शन को समझाने वाला छोटा प्रोजेक्ट।
- UI Kit: कंपोनेंट, स्टाइल, स्क्रीन और एसेट का समूह, जिसे कई उत्पादों के लिए ढाल सकते हैं।
- Template: तैयार स्क्रीन या लेआउट, जिसे अपने इंटरफ़ेस के अनुसार बदल सकते हैं।
- Sprite: कई स्थितियों वाला एनिमेटेड LVGL विजेट। स्प्राइट गाइड में और जानें।
- Animated Image: फ़्रेम से बनने वाले LVGL एनिमेशन की फ़ाइल या उदाहरण। Animated Image गाइड देखें।
- Widget: अपनी ज़रूरत के अनुसार बनाया गया LVGL विजेट या कंपोनेंट, जिसे बड़े UI में जोड़ सकते हैं।
कोई व्यवहार सीखना हो तो Example, बार-बार इस्तेमाल के लिए हिस्से चाहिए तो UI Kit और अपने डिज़ाइन जैसी तैयार स्क्रीन चाहिए तो Template चुनें।
फ़ाइल खोलें या इम्पोर्ट करें
गैलरी में प्रोजेक्ट पर क्लिक करने से उसका विवरण, प्रीव्यू, तस्वीरें और फ़ाइल खोलने के बटन दिखते हैं।
फ़ाइल लाने के तीन तरीके हैं:
- Open in PicoPixel दबाकर सीधे एडिटर में खोलें।
- Download .picopixel दबाकर अपने कंप्यूटर पर सहेजें। बाद में इम्पोर्ट करें, बैकअप रखें या फ़र्मवेयर प्रोजेक्ट के साथ साझा करें।
- GitHub से
.picopixelफ़ाइल डाउनलोड करें और PicoPixel में खींचकर छोड़ें या एडिटर से इम्पोर्ट करें।
अब यह किसी दूसरे PicoPixel प्रोजेक्ट जैसी ही है। नाम बदलें, कॉपी बनाएँ, स्क्रीन संपादित करें, एसेट बदलें, फ़ॉन्ट और रंग तय करें और तैयार होने पर एक्सपोर्ट करें।
फ़ाइल के हिस्से दोबारा इस्तेमाल करें
आप पूरी फ़ाइल को शुरुआती प्रोजेक्ट बना सकते हैं या केवल उसके कुछ हिस्से ले सकते हैं। Assets टैब में इमेज, रंग, फ़ॉन्ट, एनिमेटेड इमेज के फ़्रेम सेट और कंपोनेंट देखें।
फ़ाइल में दोबारा इस्तेमाल होने वाले विजेट या कंपोनेंट हों तो उसे टीम लाइब्रेरी बनाकर दूसरी फ़ाइलों से जोड़ें। यह UI किट और विजेट पैक के लिए खास तौर पर उपयोगी है: मूल फ़ाइल को लाइब्रेरी रखें और अलग-अलग UI में उसके कंपोनेंट लें।
लाइब्रेरी और दोबारा इस्तेमाल होने वाले LVGL कंपोनेंट की गाइड में लोकल, प्रकाशित और जुड़ी हुई लाइब्रेरी तथा अपडेट की पूरी प्रक्रिया पढ़ें।
डिवाइस के लिए एक्सपोर्ट करें
UI तैयार होने पर LVGL C कोड एक्सपोर्ट करें और अपने बोर्ड के फ़र्मवेयर में जोड़ें। यह लगभग किसी भी LVGL-सक्षम डिवाइस पर चल सकता है, बशर्ते फ़र्मवेयर और LVGL कॉन्फ़िगरेशन इस्तेमाल किए गए विजेट और एसेट के लिए तैयार हों।
मेमोरी का ध्यान रखें। बड़ी इमेज, एनिमेशन के फ़्रेम, स्प्राइट, बड़े फ़ॉन्ट और जटिल लेआउट छोटे बोर्ड की उपलब्ध RAM या फ़्लैश से अधिक जगह माँग सकते हैं। एडिटर में सब सही दिखे लेकिन डिवाइस पर नहीं, तो LVGL कॉन्फ़िगरेशन, इमेज का आकार, रंग की गहराई, हीप मेमोरी और डिस्प्ले बफ़र जाँचें।
टेम्पलेट शुरुआत के लिए हैं, हर हार्डवेयर पर चलने की गारंटी नहीं। खासकर स्प्राइट, एनिमेटेड इमेज और बड़े फ़ॉन्ट इस्तेमाल करते समय बोर्ड की RAM और फ़्लैश जाँचें।
साझा करना और अनुमति
समुदाय के टेम्पलेट टीम और उपयोगकर्ता दोनों बनाते हैं। अपनी फ़ाइल भेजने के लिए टेम्पलेट भेजने की गाइड पढ़ें। इससे समीक्षा के लिए फ़ाइल का पता, निर्माता का नाम, विवरण और अनुमतियाँ सही तरह मिलेंगी।
सेवा की शर्तें और गोपनीयता नीति पढ़ें। केवल वही सामग्री भेजें जिसके आप मालिक हैं या जिसे साझा करने की अनुमति है। यह इमेज, आइकन, फ़ॉन्ट, स्क्रीनशॉट और ब्रांड सामग्री पर भी लागू है।
किसी सार्वजनिक टेम्पलेट या दूसरी सामग्री में समस्या हो तो रिपोर्ट करने का तरीका देखें।
आगे क्या पढ़ें
- टेम्पलेट गैलरी: उपलब्ध
.picopixelफ़ाइलें देखें। - टेम्पलेट भेजें: समुदाय के साथ अपनी फ़ाइल साझा करें।
- लाइब्रेरी और कंपोनेंट: अलग-अलग फ़ाइलों में कंपोनेंट इस्तेमाल करें।
- स्प्राइट क्या है?: कई स्थितियों वाले विजेट समझें।
- Animated Image विजेट: फ़्रेम से बनने वाले एनिमेशन सीखें।
