ब्लॉकली > blockRendering > ड्रॉर

ब्लॉक रेंडरिंग.ड्रॉर क्लास

एक ऑब्जेक्ट जो दी गई रेंडरिंग जानकारी के आधार पर ब्लॉक बनाता है.

हस्ताक्षर:

export declare class Drawer 

कंस्ट्रक्टर

निर्माता मॉडिफ़ायर ब्यौरा
(कंस्ट्रक्टर)(ब्लॉक, जानकारी) Drawer क्लास का एक नया इंस्टेंस बनाता है

प्रॉपर्टी

प्रॉपर्टी मॉडिफ़ायर टाइप ब्यौरा
block_ BlockSvg
constants_ protected ConstantProvider
info_ RenderInfo
inlinePath_ स्ट्रिंग
outlinePath_ स्ट्रिंग
topLeft_ निर्देशांक

तरीके

तरीका मॉडिफ़ायर ब्यौरा
draw()

ब्लॉक को फ़ाइल फ़ोल्डर में ड्रॉ करें. "ड्रॉइंग" इसका मतलब है, स्क्रीन पर SVG पाथ के एलिमेंट और मूविंग फ़ील्ड, आइकॉन, और कनेक्शन सेट करना.

पाथ के हिस्सों को "चरणों" के अरे में पुश किया जाता है, जिन्हें इसके बाद स्पेस के साथ जोड़कर सीधे ब्लॉक पर सेट कर दिया जाता है. इससे यह पक्का हो जाता है कि चरणों को स्पेस से अलग किया गया है, ताकि उन्हें आसानी से पढ़ा जा सके. हालांकि, ऐसा करना ज़रूरी नहीं है.

drawBottom_() protected ब्लॉक के निचले किनारे के लिए चरण जोड़ें. इसके बाद, अगले कनेक्शन के लिए नॉच जोड़ा जा सकता है.
drawConnectionHighlightPath(measurable) दिए गए कनेक्शन को हाइलाइट करने के लिए पाथ दिखाता है.
drawInlineInput_(input) protected इनलाइन इनपुट के लिए चरण जोड़ें.
drawInternals_() protected ब्लॉक के अंदरूनी हिस्से बनाएं: इनलाइन इनपुट, फ़ील्ड, और आइकॉन. ये प्लेसमेंट के लिए बाहरी पाथ पर निर्भर नहीं होते.
drawJaggedEdge_(row) protected छोटे किए गए ब्लॉक पर, किसी पंक्ति के नुकीले किनारे के लिए चरण जोड़ें.
drawLeft_() protected ब्लॉक की बाईं ओर के लिए चरण जोड़ें. इनमें आउटपुट कनेक्शन भी शामिल हो सकता है
drawOutline_() protected ब्लॉक की आउटलाइन बनाएं. यह एक निरंतर पथ है.
drawRightSideRow_(row) protected किसी ऐसी पंक्ति की दाईं ओर के लिए चरण जोड़ें जिसमें वैल्यू या स्टेटमेंट इनपुट कनेक्शन नहीं हैं.
drawStatementInput_(row) protected स्टेटमेंट के इनपुट के लिए चरण जोड़ें.
drawTop_() protected हैट और गोल किनारों जैसे विवरण को ध्यान में रखते हुए ब्लॉक के ऊपरी कोने के लिए चरण जोड़ें.
drawValueInput_(row) protected बाहरी वैल्यू के इनपुट के लिए चरण जोड़ें. इसे ब्लॉक के साइड में नॉच के तौर पर दिखाया जाता है.
layoutField_(fieldInfo) protected किसी फ़ील्ड या आइकॉन की नई जगह को उसके SVG रूट में पुश करें.
positionExternalValueConnection_(row) protected RTL और पैरंट ब्लॉक और चाइल्ड ब्लॉक के बीच के छोटे से गैप को ध्यान में रखते हुए, कनेक्शन को किसी एक्सटर्नल वैल्यू इनपुट पर रखें. इससे पैरंट ब्लॉक का डार्क पाथ दिखाया जा सकेगा.
positionInlineInputConnection_(input) protected RTL और पैरंट ब्लॉक और चाइल्ड ब्लॉक के बीच के छोटे से गैप को ध्यान में रखते हुए, कनेक्शन को किसी इनलाइन वैल्यू इनपुट पर रखें. इससे पैरंट ब्लॉक का डार्क पाथ दिखाया जा सकेगा.
positionNextConnection_() protected अगले कनेक्शन को किसी ब्लॉक पर रखें.
positionOutputConnection_() protected आउटपुट कनेक्शन को किसी ब्लॉक पर रखें.
positionPreviousConnection_() protected पिछले कनेक्शन को किसी ब्लॉक पर रखें.
positionStatementInputConnection_(row) protected RTL और पैरंट ब्लॉक और चाइल्ड ब्लॉक के बीच के छोटे से गैप को ध्यान में रखते हुए, कनेक्शन को स्टेटमेंट इनपुट पर रखें. इससे पैरंट ब्लॉक का डार्क पाथ दिखाया जा सकेगा.
recordSizeOnBlock_() protected साइज़ की जानकारी को वापस ब्लॉक में सेव करें. रेंडर करने से जुड़ी ज़्यादातर जानकारी को, रेंडर के आखिर में हटाया जा सकता है. जिस किसी भी चीज़ को आस-पास रखना है उसे इस फ़ंक्शन में सेट किया जाना चाहिए.
updateConnectionHighlights() protected यह दिखाने के लिए पाथ ऑब्जेक्ट को अपडेट करता है कि ब्लॉक पर कौनसे कनेक्शन हाइलाइट किए गए हैं.