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

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

मेट्रिक

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

workspace.getMetricsManager().getToolboxMetrics();

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

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

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

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

workspace.getMetricsManager().getFlyoutMetrics();

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

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

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

SVG मेट्रिक

workspace.getMetricsManager().getSvgMetrics();

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

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

मेट्रिक देखें

workspace.getMetricsManager().getViewMetrics(opt_getWorkspaceCoordinates);

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

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

सबसे ऊपर बाईं ओर, फ़ाइल फ़ोल्डर के ऑरिजिन से जुड़ी जानकारी है. जैसे-जैसे हम फ़ाइल को खींचकर, नीचे जाते हैं के चारों तरफ़ व्यूपोर्ट की ऊपर और बाईं ओर मौजूद है अपडेट किया गया.

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

कुल मेट्रिक

workspace.getMetricsManager().getAbsoluteMetrics();

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

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

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

workspace.getMetricsManager().getContentMetrics(opt_getWorkspaceCoordinates);

कॉन्टेंट की मेट्रिक में height, width, top, और left शामिल हैं बाउंडिंग बॉक्स की इमेज का इस्तेमाल करें.

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

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

workspace.getMetricsManager().getScrollMetrics(opt_getWorkspaceCoordinates);

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

ब्लॉकली फ़ाइल फ़ोल्डर, जिसके आस-पास नीले रंग का एक बड़ा बॉक्स है.

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

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

workspaceCoordinate = pixelCoordinates / workspace.scale

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

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

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

इसका एक उदाहरण लगातार टूलबॉक्स प्लगिन या Fixed Edges प्लगिन में देखा जा सकता है.