🙎🏻 🙍🏾 🤚🏿 लेआउट के बिना लेआउट 👱🏿 🤲🏼 🤟🏼

स्विंग लाइब्रेरी लगभग 15 साल पहले दिखाई दी थी और इन सभी 15 वर्षों में हर कोई जो जावा में प्रोग्रामिंग शुरू करता है, वही सवाल पूछता है:
- मैं इन सभी लेआउट प्रबंधक की जांच के बिना खेतों में फॉर्म के साथ बटन क्यों नहीं जोड़ सकता हूं?

मानक JRE में तत्वों की व्यवस्था करने के लिए एक दर्जन से अधिक कक्षाएं शामिल हैं (फ्लोलेयौट, GroupLayout, आदि), नए लिंकर जैसे MigLayout लगातार दिखाई देते हैं, लेकिन स्थिति में सुधार नहीं होता है।

इस तरह से फॉर्म बनाने के विकल्पों पर विचार करें:

स्क्रीनशॉट से पता चलता है कि कुछ फ़ील्ड फॉर्म के आकार के आधार पर चौड़ाई को बदलते हैं, बटन विंडो की सीमाओं से बंधे होते हैं अर्थात लेआउट घटकों के निरंतर आकार / स्थिति की एक तुच्छ सेटिंग नहीं है।

नेटबींस मैटिस जैसे दृश्य संपादक का उपयोग करना

फॉर्म उदाहरण:

ड्राइंग द्वारा उत्पन्न कोड पर विचार करें:

javax.swing.GroupLayout layout = new javax.swing.GroupLayout(getContentPane()); getContentPane().setLayout(layout); layout.setHorizontalGroup( layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING) .addGroup(layout.createSequentialGroup() .addContainerGap() .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.TRAILING, false) .addComponent(jLabel1, javax.swing.GroupLayout.DEFAULT_SIZE, 126, Short.MAX_VALUE) .addComponent(jLabel2, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE) .addComponent(jLabel3, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE)) .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED) .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING, false) .addComponent(jButton1) .addComponent(jPasswordField1) .addComponent(jTextField2) .addComponent(jTextField1)) .addContainerGap(149, Short.MAX_VALUE)) ); layout.setVerticalGroup( layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING) .addGroup(layout.createSequentialGroup() .addContainerGap() .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE) .addComponent(jTextField1, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE) .addComponent(jLabel1)) .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.UNRELATED) .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE) .addComponent(jTextField2, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE) .addComponent(jLabel2)) .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.UNRELATED) .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE) .addComponent(jPasswordField1, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE) .addComponent(jLabel3)) .addGap(18, 18, 18) .addComponent(jButton1) .addContainerGap(166, Short.MAX_VALUE)) ); pack();

कोड भयानक है। यह पता लगाना बिल्कुल असंभव है कि आपके हाथों से कुछ कहाँ और कैसे बदलना है। और ये केवल एक बटन के साथ कुछ फ़ील्ड हैं। और अगर आपको फॉर्म को फिट करने के लिए घटकों के स्थान / आकार को गतिशील रूप से समायोजित करने की आवश्यकता है, तो कोड की मात्रा में काफी वृद्धि होगी।

लेआउट के बिना विकल्प

आप सेटलाइन (शून्य) विधि का उपयोग करके बस कंटेनर लिंकर को अक्षम कर सकते हैं और सेटस्लाइज और सेटलोकेशन का उपयोग करके मैन्युअल रूप से नियंत्रण आकार सेट कर सकते हैं, जैसे कि अच्छे पुराने विज़ुअल बेसिक में।
विधि अनाड़ी है लेकिन कभी-कभी यह अर्ध-स्वचालित लेआउट पर समय बिताने की तुलना में आसान है।

मेरा अपना विकल्प

मैंने अपने हाथों से फॉर्म के सरल और दृश्य ड्राइंग के लिए एक पुस्तकालय प्रकाशित किया। सोर्स कोड और उपयोग का उदाहरण https://code.google.com/p/layout-less/ पर डाउनलोड किया जा सकता है
परियोजना http://habrahabr.ru/blogs/java/127076/ पर लेख में वर्णित पुस्तकालय से बाध्यकारी का उपयोग करती है

पहले स्क्रीनशॉट से फॉर्म कोड इस तरह दिखता है:

  layoutless = new Layoutless(); int labelsWidth=150; layoutless .item(new ComponentBox() .component(jLabel1) .width(labelsWidth) .height(22) .x(0) .y(8+25*0) ) .item(new ComponentBox() .component(jTextField1) .width(layoutless.width().minus(labelsWidth).minus(16).minus(50)) .height(22) .x(labelsWidth+8) .y(8+25*0) ) .item(new ComponentBox() .component(jButton2) .width(49) .height(21) .x(layoutless.width().minus(58)) .y(8+25*0) ) .item(new ComponentBox() .component(jLabel2) .width(labelsWidth) .height(22) .x(0) .y(8+25*1) ) .item(new ComponentBox() .component(jTextField2) .width(layoutless.width().minus(labelsWidth).minus(16)) .height(22) .x(labelsWidth+8) .y(8+25*1) ) .item(new ComponentBox() .component(jLabel3) .width(labelsWidth) .height(22) .x(0) .y(8+25*2) ) .item(new ComponentBox() .component(jPasswordField1) .width(layoutless.width().minus(labelsWidth).minus(16)) .height(22) .x(labelsWidth+8) .y(8+25*2) ) .item(new ComponentBox() .component(jButton1) .width(90) .height(27) .x(labelsWidth+8) .y(layoutless.height().minus(40)) ) .item(new ComponentBox() .component(iconLabel) .width(128) .height(128) .x(0) .y(layoutless.height().minus(140)) ) ; this.add(layoutless, BorderLayout.CENTER);

- खेतों के लेआउट का वर्णन काफी पठनीय है।

इसके अलावा:
- खेतों के आकार और स्थिति को गतिशील रूप से कंटेनर या अन्य चर की सीमाओं से बांधा जा सकता है
- घटक एक दूसरे को ओवरलैप कर सकते हैं (कुंजी के साथ चित्र देखें)

लेआउट के बिना लेआउट

नेटबींस मैटिस जैसे दृश्य संपादक का उपयोग करना

लेआउट के बिना विकल्प

मेरा अपना विकल्प

More articles: