किसी भी प्रभावी ढंग से उपयोग करने के लिए जीयूआई टूलकिट, आपको इसके लेआउट प्रबंधक (या ज्यामिति प्रबंधक) को समझना होगा। Qt में, आपके पास HBoxes और VBoxes हैं, Tk में आपके पास पैकर और आपके पास जूते हैं ढेर और बहता है. यह गूढ़ लगता है लेकिन इस पर लिखा है - यह बहुत सरल है।
जैसा कि नाम से ही स्पष्ट है एक स्टैक करता है। वे खड़ी चीजों को ढेर कर देते हैं। यदि आप एक स्टैक में तीन बटन लगाते हैं, तो वे लंबवत रूप से ढेर हो जाएंगे, एक दूसरे के ऊपर। यदि आप विंडो में कमरे से बाहर भागते हैं, तो विंडो के दाईं ओर एक स्क्रॉलबार दिखाई देगा, जिससे आप विंडो के सभी तत्वों को देख सकेंगे।
ध्यान दें कि जब यह कहा जाता है कि बटन स्टैक के "अंदर" हैं, तो इसका मतलब है कि वे स्टैक में पारित ब्लॉक के अंदर बनाए गए थे तरीका. इस स्थिति में, तीन बटन बनाए जाते हैं, जबकि ब्लॉक के अंदर स्टैक विधि को पारित किया जाता है, इसलिए वे स्टैक के "अंदर" हैं।
एक प्रवाह चीजों को क्षैतिज रूप से पैक करता है। यदि एक प्रवाह के अंदर तीन बटन बनाए जाते हैं, तो वे एक दूसरे के बगल में दिखाई देंगे।
प्रवाह के बारे में समझने के लिए एक और महत्वपूर्ण बात है। यदि आप क्षैतिज रूप से अंतरिक्ष से बाहर भागते हैं, तो जूते कभी भी क्षैतिज स्क्रॉल पट्टी नहीं बनाएंगे। इसके बजाय, जूते एप्लिकेशन के "अगली पंक्ति" पर नीचे के तत्वों का निर्माण करेंगे। यह तब होता है जब आप किसी वर्ड प्रोसेसर में एक पंक्ति के अंत तक पहुँचते हैं। वर्ड प्रोसेसर एक स्क्रॉलबार नहीं बनाता है और आपको पृष्ठ को टाइप करने देता है, इसके बजाय यह शब्दों को अगली पंक्ति में रखता है।
अब तक, हमने स्टैक और प्रवाह बनाते समय कोई आयाम नहीं दिया है; उन्होंने बस उतनी ही जगह ली है जितनी उन्हें जरूरत थी। हालाँकि, आयाम उसी तरह दिए जा सकते हैं जिस तरह से आयाम दिए गए हैं Shoes.app विधि कॉल। यह उदाहरण एक प्रवाह बनाता है जो खिड़की की तरह चौड़ा नहीं है और इसमें बटन जोड़े जाते हैं। एक सीमा शैली भी दी जाती है ताकि यह पता लगाया जा सके कि प्रवाह कहाँ है।
आप लाल सीमा द्वारा देख सकते हैं कि प्रवाह खिड़की के किनारे तक सभी तरह से विस्तार नहीं करता है। जब तीसरा बटन बनने जा रहा है, तो इसके लिए पर्याप्त जगह नहीं है, इसलिए जूते अगली पंक्ति में चले जाते हैं।
फ़्लो और स्टैक में केवल एक अनुप्रयोग के दृश्य तत्व शामिल नहीं होते हैं, वे अन्य प्रवाह और स्टैक भी हो सकते हैं। प्रवाह और ढेर को मिलाकर, आप सापेक्ष तत्वों के जटिल लेआउट को आसानी से बना सकते हैं।
यदि आप एक वेब डेवलपर हैं, तो आप यह नोट कर सकते हैं कि यह CSS लेआउट इंजन के समान है। यह जानबूझकर किया गया है। जूते वेब से काफी प्रभावित होते हैं। वास्तव में, जूते में मूल दृश्य तत्वों में से एक "लिंक" है और आप जूते के अनुप्रयोगों को "पृष्ठों" में भी व्यवस्थित कर सकते हैं।
इस उदाहरण में, 3 स्टैक युक्त एक प्रवाह बनाया जाता है। यह एक 3 कॉलम लेआउट बनाएगा, जिसमें प्रत्येक कॉलम में तत्वों को लंबवत रूप से प्रदर्शित किया जाएगा (क्योंकि प्रत्येक कॉलम एक स्टैक है)। ढेर की चौड़ाई पिछले उदाहरणों की तरह पिक्सेल चौड़ाई नहीं है, बल्कि 33% है। इसका अर्थ है कि प्रत्येक कॉलम आवेदन में उपलब्ध क्षैतिज स्थान का 33% हिस्सा लेगा।