ब्लॉकली > 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 |
यह दिखाने के लिए पाथ ऑब्जेक्ट को अपडेट करता है कि ब्लॉक पर कौनसे कनेक्शन हाइलाइट किए गए हैं. |