पेज-व्यापी स्वचालित लेआउट के दौरान draw.io कंटेनर और उसकी सामग्री को एक साथ रखने के लिए, स्वचालित लेआउट कंटेनर का उपयोग करें। draw.io इसे एक आकृति मानता है और इसकी आंतरिक व्यवस्था को जस का तस रखता है। चयन मायने रखता है: केवल लेआउट कंटेनर चुनने पर इसके बजाय उनके आंतरिक लेआउट बदल जाते हैं। उन्नत लेआउट आकृतियाँ और लेआउट कंटेनर, आरेख को पुनर्व्यवस्थित करने के लिए लेआउट लागू करें

यह मार्गदर्शिका Mac पर कई छोटे, समाहित आरेखों को इस तरह व्यवस्थित करने के बारे में है कि हर आरेख एक साथ बना रहे। उदाहरणों में Container A, A1 और A2 जैसे तटस्थ लेबल उपयोग किए गए हैं। आधिकारिक डेस्कटॉप रिलीज़ पेज पर वर्तमान संस्करण 32.6.1 सूचीबद्ध है, जिसमें macOS पैकेज उपलब्ध है; वर्तमान दस्तावेज़ के मेनू इस्तेमाल करते समय डेस्कटॉप का मौजूदा बिल्ड उपयोग करें। रिलीज़ 32.6.1

कौन-सा कंटेनर आंतरिक लेआउट बनाए रखता है?

पहले तय करें कि आपके आरेख में “एक साथ” रखने का क्या अर्थ है। बच्चों को पैरेंट के भीतर रखना, उनकी आपसी स्थितियाँ बनाए रखना और उन बच्चों को स्वचालित रूप से व्यवस्थित करना अलग-अलग ज़रूरतें हैं।

साधारण कंटेनर समावेशन स्थापित करता है। कोई आकृति जोड़ने के लिए उसे कंटेनर के ऊपर खींचें और उसकी रूपरेखा बैंगनी होने पर छोड़ें। कई नोड्स के पीछे सिर्फ़ एक बड़ा आयत बनाने से यह संबंध स्थापित नहीं होता। कनेक्टर पैरेंट-कंटेनर की सीमाओं को पार कर सकते हैं। कंटेनर आकृतियों पर संक्षिप्त/विस्तृत करने की सुविधा चालू या बंद करें

सामान्य लेआउट दस्तावेज़ के अनुसार, लेआउट चलने पर साधारण कंटेनर की सामग्री उसी के भीतर व्यवस्थित होती है। कम-से-कम दो आकृतियों वाले एक कंटेनर को चुनने से कार्रवाई उसकी सामग्री तक सीमित रहती है। इसलिए साधारण कंटेनर समावेशन के लिए उपयोगी है, लेकिन इस व्यवहार से यह सुनिश्चित नहीं होता कि उसकी मौजूदा आंतरिक व्यवस्था अपरिवर्तित रहेगी। आरेखों को जल्दी व्यवस्थित करने के लिए लेआउट लागू करें

स्वचालित लेआउट कंटेनर यहाँ आवश्यक दस्तावेज़ित सीमा प्रदान करते हैं: पूरे आरेख पर लेआउट लागू करने के दौरान, उनकी आंतरिक आकृतियों और कनेक्टरों को पुनर्व्यवस्थित नहीं किया जाता और हर कंटेनर को एक आकृति माना जाता है। उन्नत लेआउट आकृतियाँ और लेआउट कंटेनर

आपका वांछित परिणाम उपयुक्त शुरुआती विकल्प ज़रूरी शर्त
आंतरिक पुनर्व्यवस्था की अनुमति देते हुए नोड्स को पैरेंट के भीतर रखना साधारण कंटेनर लेआउट लागू करने से पहले वास्तविक समावेशन स्थापित करें।
हर कंटेनर का आंतरिक लेआउट बनाए रखते हुए पेज को पुनर्व्यवस्थित करना स्वचालित लेआउट कंटेनर पूरे आरेख पर लेआउट चलाएँ।
दिखने वाली सीमा के भीतर नोड्स को लगातार व्यवस्थित करना Advanced लाइब्रेरी की स्वचालित लेआउट आकृति आंतरिक संपादनों के जवाब में इसका अपना लेआउट बदलता है।
हाथ से बनाई गई सटीक व्यवस्था को एक साथ ले जाना आकृतियों और कनेक्टरों को समूहित करें समूह को साथ ले जाने की सुविधा दस्तावेज़ित है; केवल समूहित करने से यह गारंटी नहीं मिलती कि हर स्वचालित लेआउट आंतरिक स्थितियाँ बनाए रखेगा।

यह तालिका कंटेनर आकृतियों, स्वचालित लेआउट कंटेनरों और समूहों के दस्तावेज़ित अंतरों के आधार पर निर्णय लेने में मदद करती है।

ऐसा छोटा कंटेनर बनाएँ जो एक साथ बना रहे

दिखाई देने वाली घेराबंदी के लिए, स्वचालित फ़्लो लेआउट आकृति से शुरू करें। इससे साधारण आयत के लेआउट कंटेनर की तरह व्यवहार करने पर निर्भर नहीं रहना पड़ता।

आंतरिक आरेख बनाएँ

  1. अपने Mac पर draw.io Desktop में आरेख खोलें।
  2. बाएँ पैनल में Advanced आकृति लाइब्रेरी खोजें। अगर यह मौजूद नहीं है, तो More Shapes पर क्लिक करें, General आकृति लाइब्रेरी चुनें और Apply पर क्लिक करें।
  3. कैनवास पर क्षैतिज या ऊर्ध्वाधर फ़्लो लेआउट आकृति खींचें।
  4. इसकी शुरुआती आकृतियों का उपयोग करके A1, A2 और A3 लेबल वाली एक छोटी जुड़ी हुई शृंखला बनाएँ।
  5. शृंखला बढ़ाने के लिए, किसी नोड पर माउस ले जाएँ और दिशात्मक तीर पर क्लिक करके एक और नोड की प्रतिलिपि बनाएँ और उसे जोड़ें। उसका नाम बदलने के लिए लेबल पर दो बार क्लिक करें।

फ़्लो लेआउट कंटेनर में, हर दिशात्मक तीर उस नोड से जुड़ी आकृति बनाता है जिस पर आपने माउस रखा था; उसकी जगह लेआउट तय करता है। ट्री कंटेनरों में भाई-बहनों और बच्चों के नियम अलग होते हैं। स्वचालित लेआउट आकृतियाँ अपने कंटेनर का आकार भी सामग्री के अनुसार बदलती हैं। ये चरण आधिकारिक स्वचालित लेआउट आकृतियों की मार्गदर्शिका पर आधारित हैं।

B1, B2 और B3 नोड्स वाली दूसरी स्वचालित फ़्लो लेआउट आकृति बनाएँ। ये उदाहरण के लिए दिए गए लेबल हैं, नामकरण की अनिवार्य परंपरा नहीं। दो कंटेनर होने से पूरे कंटेनर को ले जाने और उसके बच्चों को पुनर्व्यवस्थित करने के बीच अंतर करना आसान होता है।

संपादन के दौरान हर लेआउट कंटेनर के भीतर कम-से-कम एक तत्व रखें। दस्तावेज़ में चेतावनी दी गई है कि आखिरी समाहित तत्व हटाने से लेआउट कंटेनर भी हट जाता है। किसी मौजूदा अनुभाग को फिर से बनाते समय, बदली हुई सामग्री मौजूद होने तक एक शुरुआती तत्व बनाए रखें। उन्नत लेआउट आकृतियाँ और लेआउट कंटेनर

दिखाई देने वाली या पारदर्शी सीमा चुनें

Advanced लेआउट आकृतियों के चारों ओर एक स्विमलेन होता है, जिसकी सीमा से कनेक्शन जोड़े जा सकते हैं। Arrange > Insert > Layout के ज़रिए बनाए गए कंटेनर की सीमा पारदर्शी होती है; कनेक्टरों को इसके बजाय उसकी आंतरिक आकृतियों से जोड़ना पड़ता है। यह इस आधार पर चुनें कि बाहरी आरेख को कंटेनर से जोड़ना है या किसी खास नोड से। उन्नत लेआउट आकृतियाँ और लेआउट कंटेनर

पारदर्शी विकल्प के लिए, Arrange > Insert > Layout चुनें और कोई लेआउट चुनें। नोड के दिशात्मक तीरों पर आकृतियाँ छोड़कर आंतरिक आरेख बनाएँ। ऊपर बाईं ओर का क्रॉस किए हुए तीर वाला हैंडल लेआउट कंटेनर को ले जाता है। स्वचालित लेआउट जोड़ें

आंतरिक लेआउट बदले बिना बाहरी लेआउट लागू करें

बाहरी लेआउट चलाने से पहले, हर कंटेनर की आंतरिक व्यवस्था पूरी करें और अपने आरेख के अनुभागों का संबंध दिखाने वाले कनेक्शन जोड़ें। उदाहरण के लिए, अगर संबंध दोनों अनुभागों के समग्र रूप से जुड़ा है, तो Container A की दिखाई देने वाली सीमा को Container B की दिखाई देने वाली सीमा से जोड़ें।

फिर यह क्रम अपनाएँ:

  1. चयन हटाने के लिए कैनवास के किसी खाली हिस्से पर क्लिक करें।
  2. Arrange > Layout खोलें।
  3. उपयुक्त प्रीसेट चुनें, जैसे बाएँ से दाएँ संबंध के लिए Horizontal Flow।
  4. इसके स्पेसिंग विकल्प देखें और Apply पर क्लिक करें।
  5. कंटेनरों की स्थितियों और उनके भीतर के नोड्स, दोनों की जाँच करें।

क्षैतिज फ़्लो कनेक्टरों से दर्शाई गई बाएँ से दाएँ दिशा में आकृतियों को व्यवस्थित करता है। इसका Node Spacing किसी पंक्ति या स्तंभ के भीतर का अंतर नियंत्रित करता है, जबकि Rank Spacing क्रमिक पंक्तियों या स्तंभों के बीच का अंतर नियंत्रित करता है। लेबल या कनेक्शन को अधिक जगह चाहिए तो संबंधित स्पेसिंग बढ़ाएँ। फ़्लो लेआउट

चयन हटाना अहम है। अगर केवल लेआउट कंटेनर चुने गए हैं, तो Arrange > Layout पेज को पुनर्व्यवस्थित करने के बजाय उनके सक्रिय आंतरिक लेआउट बदल देता है। किसी मौजूदा कंटेनर के विकल्प जान-बूझकर बदलने के लिए उसे चुनें और Arrange > Layout > Edit Layout चुनें। आरेख को पुनर्व्यवस्थित करने के लिए लेआउट लागू करें

इस काल्पनिक उदाहरण को स्वीकृति-जाँच के रूप में उपयोग करें: बाहरी लेआउट लागू होने पर A1, A2 और A3 की आंतरिक व्यवस्था जस की तस रहनी चाहिए, और तीनों B नोड्स की भी। उनके पैरेंट कंटेनर खिसक सकते हैं। यह जाँच लेआउट कंटेनरों को एक आकृति मानने के दस्तावेज़ित व्यवहार पर आधारित है; यह यहाँ किए गए डेस्कटॉप परीक्षण की रिपोर्ट नहीं है। उन्नत लेआउट आकृतियाँ और लेआउट कंटेनर

अधिक सेटिंग बदलने से पहले बदलावों का कारण जानें

कंटेनर के भीतर बच्चे पुनर्व्यवस्थित हो जाते हैं

पहले कंटेनर का प्रकार और आपका चयन जाँचें। साधारण कंटेनर की सामग्री का लेआउट बदला जा सकता है। चुने गए स्वचालित लेआउट कंटेनर का सक्रिय लेआउट लेआउट कमांड से बदला जा सकता है। स्पेसिंग बदलने या आरेख फिर से बनाने से पहले पता करें कि इनमें से कौन-सी कार्रवाई हुई। आरेखों को जल्दी व्यवस्थित करने के लिए लेआउट लागू करें, आरेख को पुनर्व्यवस्थित करने के लिए लेआउट लागू करें

कंटेनर बड़ा या छोटा हो जाता है

आकार बदलने का यह अर्थ ज़रूरी नहीं कि समावेशन विफल हो गया। सामान्य लेआउट दस्तावेज़ कहता है कि लेआउट की गई सामग्री के अनुसार कंटेनरों का आकार बदलता है, भले ही Resize Nodes बंद हो। यह विकल्प अलग-अलग नोड्स का आकार बदलना नियंत्रित करता है; इससे कंटेनर की सीमा स्थिर रहने की गारंटी नहीं मिलती। आरेखों को जल्दी व्यवस्थित करने के लिए लेआउट लागू करें

सीमा का आकार बदलने पर बच्चे खिंच जाते हैं

समूह का आकार हाथ से बदलने के लिए, समूह चुनें और Style > Properties में Resize Children बंद करें। दस्तावेज़ित स्टाइल समकक्ष recursiveResize=0 है, जिसे समूह पर लागू किया जाता है। इससे अनुपात में आकार बदलना नियंत्रित होता है; दस्तावेज़ इसे स्वचालित लेआउट के दौरान स्थितियाँ बनाए रखने का स्विच नहीं बताता। बच्चों का आकार बदलना बंद करके समूहित आकृतियों का अलग-अलग आकार बदलें

आपको हाथ से बनाई गई सटीक व्यवस्था चाहिए

ऐसे अनुभाग के लिए, जहाँ हाथ से रखी गई ज्यामितीय व्यवस्था बिल्कुल वैसी ही रहनी चाहिए, उसकी आकृतियाँ और आंतरिक कनेक्टर चुनें, फिर Arrange > Group या Cmd+G का उपयोग करें। बने हुए समूह को खींचने से उसके सदस्य साथ चलते हैं। हाथ से साथ ले जाने का यह एक समर्थित तरीका है; समूह बनाने का दस्तावेज़ मनमाने समूहों को हर तरह के स्वचालित लेआउट में अपरिवर्तित रखने की सार्वभौमिक गारंटी नहीं देता। आकृतियों और कनेक्टरों को समूहित और अलग करें

लेआउट से अनुपयुक्त नतीजा मिलता है

दूसरे प्रीसेट से तुलना करने से पहले इसे पूर्ववत करने के लिए Cmd+Z दबाएँ। आधिकारिक मार्गदर्शिका सावधान करती है कि लेआउट आरेख की मौजूदा स्थिति का उपयोग करते हैं, इसलिए क्रम से कई लेआउट लागू करने पर एक जैसी संरचना लगातार नहीं मिलती। तुलनाएँ उपयोगी बनाने के लिए हर बार उसी शुरुआती व्यवस्था पर लौटें। आरेख को पुनर्व्यवस्थित करने के लिए लेआउट लागू करें

इस काम के लिए दो बातें स्पष्ट रूप से तय करें: हर कंटेनर के भीतर के नोड्स का लेआउट कौन संभालेगा और पेज को कौन-सा लेआउट व्यवस्थित करेगा। स्वचालित लेआउट कंटेनर इन दोनों कार्रवाइयों के बीच दस्तावेज़ित अलगाव प्रदान करते हैं। पहले आंतरिक अनुभाग बनाएँ, चयन हटाएँ, बाहरी लेआउट लागू करें और आगे बढ़ने से पहले परिणाम जाँचें।

स्रोत