PicoPixel

PicoPixel में लाइब्रेरी और दोबारा इस्तेमाल होने वाले LVGL कंपोनेंट

फ़ाइल की लाइब्रेरी प्रकाशित करके उसके एसेट टीम के दूसरे प्रोजेक्ट में इस्तेमाल करें। जानें कि लाइब्रेरी में क्या रहता है, उसे कैसे जोड़ें और अपडेट करें, और वह सार्वजनिक क्यों नहीं होती।

PIPicoPixel
librarycomponentssharingreuselvglpicopixel
आखिरी अपडेट2026-05-31
01/09

परिचय

हर PicoPixel फ़ाइल की अपनी लाइब्रेरी होती है। उसमें इस्तेमाल होने वाले रंग, फ़ॉन्ट, इमेज, एनिमेटेड इमेज और कंपोनेंट Assets पैनल में मिलते हैं। सामान्य रूप से यह लाइब्रेरी उसी फ़ाइल तक सीमित रहती है। फ़ाइल प्रकाशित करने पर टीम के सदस्य उसकी लाइब्रेरी अपने प्रोजेक्ट से जोड़ सकते हैं और उसके एसेट इस्तेमाल कर सकते हैं।

PicoPixel के Assets पैनल में इमेज, रंग, फ़ॉन्ट और स्पीडोमीटर कंपोनेंट वाली लोकल लाइब्रेरी। कैनवास पर Library Basic उदाहरण का स्पीडोमीटर दिखता है।
▸ फ़ाइल की लोकल लाइब्रेरी में सभी एसेट एक जगह मिलते हैं। प्रकाशित करके उन्हें टीम के साथ साझा करें।

इस गाइड में लाइब्रेरी का काम, उसे प्रकाशित करने का मतलब और उसे दूसरे प्रोजेक्ट से जोड़ने का तरीका समझें। सबसे ज़रूरी बात:

WARNING

Publish करने से आपका काम सार्वजनिक नहीं होता। लाइब्रेरी केवल आपकी टीम के लिए उपलब्ध होती है। वह इंटरनेट पर पोस्ट नहीं होती, सार्वजनिक सूची में नहीं आती और टीम से बाहर कोई उसे नहीं देख सकता। सामग्री टीम से बाहर केवल आपके जानबूझकर साझा करने पर जाती है; गाइड के अंत में इसके तरीके बताए गए हैं।

02/09

लाइब्रेरी क्या है?

लाइब्रेरी किसी फ़ाइल के दोबारा इस्तेमाल किए जा सकने वाले एसेट का समूह है। Assets पैनल में फ़ाइल के अपने एसेट local library के नीचे दिखते हैं। यह हिस्सा हमेशा मौजूद रहता है और शुरुआत में खुला होता है।

दूसरी टीम लाइब्रेरी जोड़ने पर वह इसके नीचे अपने नाम के अलग हिस्से में दिखती है, जैसे Animation Examples। अब फ़ाइल के अपने एसेट और दूसरी लाइब्रेरी के एसेट दोनों वहीं से कैनवास पर खींच सकते हैं।

NOTE

इसे एक अलमारी के दो खाने समझें: local library में इस फ़ाइल की चीज़ें हैं और जुड़ी हुई लाइब्रेरी में टीम की दूसरी फ़ाइल से ली गई चीज़ें। डिज़ाइन छोड़े बिना दोनों इस्तेमाल करें।

03/09

लाइब्रेरी में क्या रख सकते हैं?

फ़ाइल के Assets पैनल की सभी चीज़ें प्रकाशित लाइब्रेरी के साथ उपलब्ध होती हैं:

  • Images: फ़ाइल में जोड़ी गई स्थिर तस्वीरें।
  • Animated images: कई फ़्रेम से बने एनिमेशन।
  • Components: दोबारा इस्तेमाल होने वाले LVGL विजेट।
  • Colors: सहेजे गए रंग।
  • Fonts: डिवाइस पर इस्तेमाल के लिए तैयार किए गए फ़ॉन्ट।

प्रकाशित करने पर टीम इन्हें अलग-अलग फ़ाइलों के बीच बार-बार कॉपी किए बिना इस्तेमाल कर सकती है।

कंपोनेंट क्या है?

कंपोनेंट एक या कई विजेट से बना ऐसा हिस्सा है जिसे फिर इस्तेमाल किया जा सकता है। अकेला बटन या लेबल एक विजेट है। कंपोनेंट में कई विजेट और लेयर साथ हो सकते हैं, जैसे शीर्षक, आइकन और वैल्यू वाला कार्ड। पूरा कार्ड एक इकाई की तरह किसी भी स्क्रीन पर रखा जा सकता है।

हर कंपोनेंट की एक मुख्य प्रति होती है। उसमें बदलाव करके उसकी दूसरी प्रतियाँ भी अपडेट कर सकते हैं, उन फ़ाइलों में भी जो यह लाइब्रेरी इस्तेमाल करती हैं। दूसरी फ़ाइलों में अपडेट कब लागू करना है, यह नीचे बताया गया है। इससे कंट्रोल एक बार बनाना, कई जगह इस्तेमाल करना और एक जगह से सँभालना संभव होता है।

TIP

बार-बार वही हेडर, मापन कार्ड या लेबल वाला स्विच बना रहे हों तो उसे कंपोनेंट बनाएँ। इससे अलग-अलग स्क्रीन पर उसका रूप एक जैसा रखना आसान होगा।

04/09

फ़ाइल को लाइब्रेरी के रूप में प्रकाशित करें

Publish करने से फ़ाइल आपकी टीम की साझा लाइब्रेरी बन जाती है।

PicoPixel के Libraries डायलॉग में बाईं ओर मौजूदा फ़ाइल के लिए Publish बटन और दाईं ओर जोड़ने के लिए Animation Examples तथा New File 7 जैसी लाइब्रेरी।
▸ बाईं ओर अपनी लाइब्रेरी प्रकाशित करें; दाईं ओर टीम की प्रकाशित लाइब्रेरी जोड़ें।
  1. Assets पैनल में Add library दबाकर Libraries डायलॉग खोलें। पहले से लाइब्रेरी या कंपोनेंट जुड़े हों तो बटन Manage library कहलाता है।
  2. LIBRARIES टैब में LIBRARIES IN THIS FILE के नीचे File library देखें। उसके पास Publish बटन है।
  3. Publish दबाएँ।

अब बटन Unpublish हो जाएगा। फ़ाइल के प्रकाशित होने का छोटा लाइब्रेरी चिह्न कार्यक्षेत्र के हेडर में ऊपर दाईं ओर और Dashboard के फ़ाइल कार्ड पर भी दिखता है।

NOTE

बाद में Unpublish करने पर पुष्टि माँगी जाती है। कनेक्शन हटाने से पहले PicoPixel लाइब्रेरी के एसेट इस्तेमाल करने वाली हर फ़ाइल में उनकी कॉपी रख देता है। इससे वे फ़ाइलें अपने ज़रूरी एसेट नहीं खोतीं।

05/09

टीम की लाइब्रेरी कहाँ मिलेगी?

  • Dashboard खोलें।
  • बाएँ साइडबार में Sources के नीचे Libraries चुनें।

यहाँ मौजूदा टीम की सभी प्रकाशित लाइब्रेरी मिलती हैं। दूसरी टीम चुनेंगे तो उसकी लाइब्रेरी दिखेंगी। सदस्य यहाँ देखकर तय कर सकते हैं कि कौन-से तैयार एसेट उपलब्ध हैं।

PicoPixel का Libraries डैशबोर्ड, जिसमें दो लाइब्रेरी और उनकी इमेज, एनिमेटेड इमेज, फ़ॉन्ट तथा कंपोनेंट का विवरण है।
▸ Libraries पेज पर टीम की सभी प्रकाशित लाइब्रेरी और उनके एसेट का सार मिलता है।
06/09

दूसरी फ़ाइल में लाइब्रेरी इस्तेमाल करें

  1. वह फ़ाइल खोलें जिसमें काम करना है।
  2. Assets में Add library या Manage library दबाएँ।
  3. SHARED LIBRARIES में लाइब्रेरी ढूँढें और उसके पास + दबाएँ। लंबी सूची में Search shared libraries से खोजें।

अब लाइब्रेरी Assets में local library के नीचे अपने नाम से दिखेगी। उसके कंपोनेंट, इमेज, रंग और फ़ॉन्ट डिज़ाइन में खींचकर इस्तेमाल करें।

जुड़ी हुई लाइब्रेरी अपडेट करें

लाइब्रेरी के मालिक के कंपोनेंट या रंग बदलने पर आपकी फ़ाइल अपने-आप नहीं बदलती। Libraries डायलॉग के UPDATES टैब में नए बदलाव दिखते हैं। तैयार होने पर Update दबाकर उन्हें लागू करें। कोई बदलाव नहीं है तो टैब वही बताएगा।

07/09

गोपनीयता: लाइब्रेरी सार्वजनिक नहीं होती

यहाँ Publish का मतलब टीम के लिए उपलब्ध कराना है।

WARNING

प्रकाशित लाइब्रेरी केवल आपकी टीम के साथ साझा होती है। उसे खोलने के लिए साइन इन और टीम की पहुँच चाहिए। कोई सार्वजनिक लिंक या सूची नहीं बनती और टीम से बाहर के लोग उसे नहीं खोल सकते।

सामग्री बाहर भेजने के दो तरीके हैं, और दोनों आप चुनते हैं:

  1. खुद .picopixel फ़ाइल एक्सपोर्ट करके भेजें। कार्यक्षेत्र के मेनू से Export .picopixel करने पर फ़ाइल आपके कंप्यूटर पर आती है। फिर ईमेल या दूसरे माध्यम से उसे साझा करना आपके हाथ में है। यह PicoPixel से बाहर होता है।
  2. PicoPixel टीम को समीक्षा के लिए भेजें। पूरे समुदाय से साझा करना चाहें तो app.picopixel.io/#/settings/submit-template पर भेजें। गैलरी में प्रकाशित करने से पहले टीम हर प्रोजेक्ट की समीक्षा करती है। फ़ॉर्म और अनुमतियों के लिए टेम्पलेट भेजने की गाइड पढ़ें।

इन कदमों के बिना आपकी फ़ाइलें और लाइब्रेरी टीम के भीतर रहती हैं।

08/09

समुदाय के टेम्पलेट और तैयार लाइब्रेरी

PicoPixel की टेम्पलेट गैलरी में टीम और समुदाय के बनाए टेम्पलेट, UI किट, उदाहरण, स्प्राइट, एनिमेटेड इमेज और पूरे ऐप मिलते हैं। हर एक सामान्य .picopixel फ़ाइल है, जिसे खोलकर अपने प्रोजेक्ट के अनुसार बदल सकते हैं।

PicoPixel की टेम्पलेट गैलरी में Full App, Example, UI Kit, Template, Sprite, Animated Image और Widget फ़िल्टर तथा चार उदाहरण प्रोजेक्ट के कार्ड।
▸ गैलरी से तैयार प्रोजेक्ट, UI किट और कंपोनेंट लेकर काम शुरू करें।

खोले गए किसी भी टेम्पलेट को लाइब्रेरी बना सकते हैं। प्रकाशित करने पर टीम को उसके कंपोनेंट, फ़ॉन्ट, रंग और इमेज मिलते हैं। इससे नया प्रोजेक्ट शुरू करना या मौजूदा डिज़ाइन में तैयार हिस्से जोड़ना आसान होता है।

पूरी प्रक्रिया के लिए टेम्पलेट, UI किट और पूरे ऐप इस्तेमाल करने की गाइड देखें।

09/09

आगे क्या पढ़ें

आगे पढ़ें

आगे और सीखें।

PicoPixel में pet कैसे इस्तेमाल करें thumbnail
PICOPIXEL

PicoPixel में pet कैसे इस्तेमाल करें

Pet कई मोड वाले तैयार एनिमेटेड स्प्राइट हैं। गैलरी से चुनकर प्रोजेक्ट में जोड़ें और तय करें कि डेटा आने, तापमान बढ़ने या दूसरी घटनाओं पर कौन-सा एनिमेशन चले।

pets · sprites · picopixel
PicoPixel के टेम्पलेट, UI किट और पूरे ऐप कैसे इस्तेमाल करें thumbnail
PICOPIXEL

PicoPixel के टेम्पलेट, UI किट और पूरे ऐप कैसे इस्तेमाल करें

टेम्पलेट, UI किट, उदाहरण, स्प्राइट, विजेट और पूरे ऐप की फ़ाइलें ढूँढें। उन्हें खोलें, डाउनलोड करें, इम्पोर्ट करें और अपने डिवाइस के लिए बदलकर LVGL C कोड एक्सपोर्ट करें।

templates · ui-kits · full-apps
PicoPixel LVGL MCP Server Setup Guide thumbnail
PICOPIXEL

PicoPixel LVGL MCP Server Setup Guide

Set up the PicoPixel LVGL MCP server for Claude, ChatGPT, Codex, or Cursor. Learn agent settings, reusable components, colors, fonts, and assets.

LVGL MCP · MCP server setup · AI UI design