मेट्रिक मैनेजर

मेट्रिक मैनेजर ब्लॉकली फ़ाइल फ़ोल्डर. इस गाइड में, मेट्रिक मैनेजर से मिलने वाली मेट्रिक के हर सेट का मतलब बताया गया है. मेट्रिक मैनेजर के बारे में ज़्यादा जानने के लिए, साल 2021 की मेट्रिक की अहम जानकारी भी देखी जा सकती है.

मेट्रिक

टूलबॉक्स मेट्रिक

workspace.getMetricsManager().getToolboxMetrics();

टूलबॉक्स मेट्रिक, कैटगरी टूलबॉक्स के height, width, और position से बनी होती हैं. इसमें उस फ़्लाइआउट पर मौजूद जानकारी शामिल नहीं होती, जो टूलबॉक्स पर अटैच किया हुआ है.

ऐरो के साथ Blockly वर्कस्पेस, जिसमें टूलबॉक्स की चौड़ाई और ऊंचाई दिख रही है.

टूलबॉक्स का position, Blockly.utils.toolbox.Position टाइप का है.

फ़्लाइआउट मेट्रिक

workspace.getMetricsManager().getFlyoutMetrics();

फ़्लाईआउट मेट्रिक, फ़्लाईआउट टूलबॉक्स के height, width, और position से बनी होती हैं. यह ध्यान देना ज़रूरी है कि यह फ़्लाइआउट पर क्लिक करें. यह सिर्फ़ फ़्लाईआउट टूलबॉक्स पर लागू होता है, जैसा कि नीचे दी गई फ़ोटो में दिखाया गया है.

ब्लॉकली फ़ाइल फ़ोल्डर, जिसमें ऐरो के साथ फ़्लायआउट की चौड़ाई और ऊंचाई दिख रही है.

फ़्लायआउट का position, Blockly.utils.toolbox.Position की तरह का है.

SVG मेट्रिक

workspace.getMetricsManager().getSvgMetrics();

एसवीजी मेट्रिक, वर्कस्पेस के पैरंट एसवीजी के width और height से बनी होती हैं. मुख्य फ़ाइल फ़ोल्डर के लिए, यह blocklySvg क्लास वाला SVG है. इस SVG में, दिखने वाला वर्कस्पेस और टूलबॉक्स, दोनों शामिल हैं.

Blockly वर्कस्पेस, जिसके चारों ओर नीले रंग का रेक्टैंगल है.

मेट्रिक देखना

workspace.getMetricsManager().getViewMetrics(opt_getWorkspaceCoordinates);

व्यू मेट्रिक में height, width, top, और left शामिल होते हैं व्यूपोर्ट. व्यूपोर्ट, वर्कस्पेस का वह हिस्सा होता है जो दिखता है. यह इसमें दोनों तरह के टूलबॉक्स शामिल नहीं होते.

ब्लॉकली फ़ाइल फ़ोल्डर, जिसमें नीले रेक्टैंगल के चारों ओर एक रेक्टैंगल है. इसमें टूलबॉक्स शामिल नहीं है.

सबसे ऊपर बाईं ओर, वर्कस्पेस के ऑरिजिन के हिसाब से होता है. वर्कस्पेस में इधर-उधर खींचने और छोड़ने पर, व्यूपोर्ट की ऊपरी और बाईं पोज़िशन अपडेट हो जाती है.

Blockly वर्कस्पेस, जिसमें टूलबॉक्स शामिल नहीं है और सबसे ऊपर बाएं कोने से ऑफ़सेट किया गया ऑरिजिन दिखाया गया है.

एब्सोल्यूट मेट्रिक

workspace.getMetricsManager().getAbsoluteMetrics();

ऐब्सलूट मेट्रिक, व्यूपोर्ट के top और left ऑफ़सेट से मिलकर बनती हैं परेंग SVG से. आम तौर पर, यह वर्कस्पेस पर टूलबॉक्स की चौड़ाई या ऊंचाई होती है. यह इस बात पर निर्भर करता है कि टूलबॉक्स को वर्कस्पेस पर कहां रखा गया है.

टूलबॉक्स की दाईं ओर और वर्कस्पेस में सबसे ऊपर, नीली लाइन के साथ ब्लॉकली वर्कस्पेस. हॉरिज़ॉन्टल टूलबॉक्स के साथ Blockly का फ़ाइल फ़ोल्डर. फ़ाइल फ़ोल्डर के बाईं ओर और टूलबॉक्स के नीचे, नीली लाइन दिखती है.

सामग्री मीट्रिक्स

workspace.getMetricsManager().getContentMetrics(opt_getWorkspaceCoordinates);

कॉन्टेंट मेट्रिक, किसी भी ब्लॉक या Workspace की टिप्पणियों के चारों ओर मौजूद बाउंडिंग बॉक्स के height, width, top, और left से बनी होती हैं.

ब्लॉकली फ़ाइल फ़ोल्डर, जिसमें वर्कस्पेस के कॉन्टेंट के चारों ओर नीले रंग का बॉक्स है.

स्क्रोल मेट्रिक

workspace.getMetricsManager().getScrollMetrics(opt_getWorkspaceCoordinates);

स्क्रोल मेट्रिक, स्क्रोल किए जा सकने वाले हिस्से के height, width, top, और left से बनी होती हैं. ले जा सकने वाले फ़ाइल फ़ोल्डर में, स्क्रोल किया जा सकने वाला हिस्सा कॉन्टेंट होता है साथ ही, कुछ पैडिंग (जगह) शामिल करें.

Blockly वर्कस्पेस, जिसके चारों ओर एक बड़ा नीला बॉक्स है.

कोऑर्डिनेट सिस्टम

डिफ़ॉल्ट रूप से, मेट्रिक मैनेजर की मदद से कैलकुलेट की गई सभी मेट्रिक, पिक्सल कोऑर्डिनेट के तौर पर दिखती हैं. जहां लागू हो वहां मेट्रिक के तरीकों में true डालकर, कुछ मेट्रिक को Workspace के निर्देशांक में पाने का विकल्प होता है. उदाहरण के लिए, metricsManager.getViewMetrics(true).

workspaceCoordinate = pixelCoordinates / workspace.scale

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

ओवरराइडिंग मीट्रिक

ऐसे डेवलपर जो वर्कस्पेस के लिए अपनी मेट्रिक उपलब्ध कराना चाहते हैं वैकल्पिक मेट्रिक मैनेजर ऑब्जेक्ट को रजिस्टर कर सकता है, जो IMetricsManager इंटरफ़ेस या Blockly.MetricsManager तक विस्तार करता है.

इसका उदाहरण, Continuous Toolbox प्लग इन या Fixed Edges प्लग इन में देखा जा सकता है.