संरेखित फ़्लोचार्ट बॉक्स

फ़्लोचार्ट बिल्कुल एक ही कारण से नौसिखिया दिखता है: बक्से जो लगभग पंक्तिबद्ध होते हैं। टिकज़ संरचनात्मक रूप से समस्या से बचता है, क्योंकि प्रत्येक बॉक्स को दूसरे के सापेक्ष रखा जाता है, इसलिए बक्से का एक स्तंभ नेत्रगोलक के बजाय निर्माण द्वारा एक अक्ष साझा करता है। दूसरा घटक एक नामित शैली है, इसलिए सभी बक्से अपने आकार और न्यूनतम आकार पर सहमत हैं। यहाँ एक ऊर्ध्वाधर तीन-चरणीय प्रवाह है:

\usetikzlibrary{positioning,arrows.meta}

\begin{tikzpicture}[
 box/.style={draw, rounded corners, align=center, minimum width=2.8cm},
 node distance=10mm and 14mm
]
\node[box] (i) {Input};
\node[box, below=of i] (p) {Process};
\node[box, below=of p] (o) {Output};
\draw[-Latex] (i) -- (p);
\draw[-Latex] (p) -- (o);
\end{tikzpicture}

एक बार एक शैली को परिभाषित करना

box/.style={...} पंक्ति box नामक पुन: प्रयोज्य शैली बनाती है। इसकी सामग्री सामान्य नोड विकल्प हैं: ड्रा नोड को एक सीमा देता है, गोल कोने इसे नरम बनाता है, संरेखित = केंद्र नोड के अंदर बहु-पंक्ति पाठ को केंद्र में रखता है, और न्यूनतम चौड़ाई = 2.8 सेमी प्रत्येक बॉक्स को कम से कम उस चौड़ाई पर मजबूर करता है ताकि छोटे लेबल छोटे बक्से में सिकुड़ न जाएं। तब से, \node[box] पूरे सेट को लागू करता है। जब आप भरण रंग या बड़ी चौड़ाई चाहते हैं, तो एक पंक्ति बदलें और पूरा चार्ट अपडेट हो जाएगा। यह एक आरेख है जिसे आप बनाए रखते हैं, न कि वह जिसे आप दोबारा बनाते हैं।

दो दिशाओं में दूरी

नोड दूरी = 10 मिमी और 14 मिमी पोजिशनिंग लाइब्रेरी द्वारा उपयोग किए जाने वाले डिफ़ॉल्ट अंतराल को सेट करता है: पहला मान ऊर्ध्वाधर दूरी है, दूसरा क्षैतिज। उस स्थान पर, below=of i प्रोसेस बॉक्स को इनपुट बॉक्स से 10 मिमी नीचे, किनारे से किनारे तक, और पूरी तरह से उस पर केंद्रित रखता है। एक दूसरा स्तंभ right=of p का उपयोग करेगा और किनारे पर 14 मिमी उतरेगा। क्योंकि प्रत्येक प्लेसमेंट एक मौजूदा नोड से श्रृंखलाबद्ध होता है, एक चरण डालने का अर्थ है एक नोड जोड़ना और एक below=of संदर्भ को अपडेट करना। नीचे की ओर सब कुछ इसके साथ बदल जाता है। आप प्रति नोड की दूरी को ओवरराइड भी कर सकते हैं, जैसा कि i से नीचे=15मिमी में है।

सीढ़ियाँ जुड़ना

प्रत्येक \draw[-Latex] (i) -- (p); एक नामित नोड से दूसरे तक एक तीर खींचता है, -Latex के साथ गंतव्य छोर पर arrows.meta लाइब्रेरी से एक ठोस तीर का चयन करता है। तीर नोड सीमाओं पर स्वचालित रूप से जुड़ते हैं। निर्णय शाखा के लिए, विशिष्ट एंकरों से ड्रा करें, उदाहरण के लिए दाईं ओर से निकलने के लिए (p.east), और चार्ट को कोनों की आवश्यकता होने पर - ++(2,0) |- जैसे मोड़ के साथ रूट करें।

इन इन-पेज पूर्वावलोकनों में टिकज़ आउटपुट प्रस्तुत नहीं होता है, इसलिए इसे देखने के लिए स्निपेट संकलित करें। फ़्लोचार्ट में क्लासिक गलती “सिर्फ एक बार” पूर्ण निर्देशांक वाले कुछ बॉक्स रखना है: वे बॉक्स वे होते हैं जो अगले संपादन के बाद गलत तरीके से संरेखित हो जाते हैं। प्रत्येक प्लेसमेंट को सापेक्ष रखें, और अंतर्निहित प्लेसमेंट विकल्पों के लिए नोड्स और तीर देखें।