🛅 👩‍🎓 🍺 जावा अनुप्रयोगों के इंटरफेस में सुधार 🐧 🤹🏽 🙌🏾

शुभ दोपहर, अभिभावक!

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

इसलिए, इस पोस्ट में मैंने स्विंगिंग और ग्राफिक्स के साथ काम करने के बारे में मेरी राय में सबसे महत्वपूर्ण और महत्वपूर्ण क्षणों को बताने की कोशिश की - घटकों को कैसे बनाया जाए, इंटरफ़ेस को कैसे स्टाइल किया जाए, जो करने लायक नहीं है, और बहुत कुछ ...

बादलों में बदल गया

मुझे लगता है कि कई लोगों को जावा में अध्ययन करने या विकसित करने से रोका जा रहा है सवालों के द्वारा "कैसे अपने आवेदन के डिजाइन और यादगार बनाने के लिए?" स्थिति पर कम से कम आंशिक रूप से प्रकाश डालें।

इसलिए, आज मैं इन सवालों का जवाब देने और "ग्रे" इंटरफेस, घटकों की कमी, उनके "डरावने" डिजाइन और अन्य चीजों के बारे में भ्रम को दूर करने की कोशिश करूंगा जो कि किसी भी डेवलपर ने संभवतः भर में आ गए हैं। वास्तव में, पर्याप्त सरलता या जवाब खोजने की इच्छा के पास नहीं - इसका कुछ भी नहीं आएगा। लेकिन यह ठीक वही है जो मुझे इस भाषा की ओर आकर्षित करता है, क्योंकि पर्याप्त ज्ञान और, इससे भी महत्वपूर्ण बात यह है कि इच्छा, यह जल्दी और आसानी से महसूस करना संभव है कि आपको क्या चाहिए, क्योंकि आपके लिए प्रदान की गई संभावनाएं वास्तव में काफी व्यापक हैं।

हमारे पास क्या है?

शायद यह मूल बातें से शुरू होने के लायक है, जिससे शुरू होकर "उच्च मामलों" पर चर्चा करना संभव होगा।

यदि आप स्विंग और लाफ जैसी चीजों के बारे में अच्छी तरह जानते हैं और वे कैसे काम करते हैं, तो मेरा सुझाव है कि आप व्यर्थ में समय बर्बाद न करें और सीधे विषय के अगले अध्याय पर जाएं।

तो, जावा एप्लिकेशन इंटरफ़ेस का निर्माण स्विंग लाइब्रेरी पर आधारित है, जिसमें सभी बुनियादी घटक शामिल हैं जो विभिन्न ऑपरेटिंग सिस्टम में पाए जा सकते हैं। वे अलग दिख सकते हैं, थोड़ा अलग कार्यात्मक विशेषताएं हैं (विभिन्न ऑपरेटिंग सिस्टम पर), लेकिन संक्षेप में - वे एक ही उद्देश्य को पूरा करते हैं। ये बटन (JButton), टेक्स्ट फ़ील्ड (JTextField, JPasswordField), लेबल (JLabel), टेक्स्ट क्षेत्र (JTextArea, JEditorPane), स्क्रॉल (JScrollBar, JScrollPane), आदि जैसे घटक हैं।

"बुनियादी विन्यास" में झूला आपको कई अलग-अलग लाफ्स (लुक एंड फील) का उपयोग करने की अनुमति देता है, आप उन्हें "स्विंग स्किन्स" भी कह सकते हैं, अपने आवेदन के सभी घटकों की उपस्थिति को "एक ही बार में" बदलने के लिए - मेटल लाफ (मानक जावा शैली, निम्बस) एलएएफ (सिर्फ एक अलग विशिष्ट शैली), सिस्टम एलएएफ (आपके ओएस की शैली)। हालांकि, कई अलग-अलग लिखे गए लाफ्स पूर्ण पुस्तकालयों में सजाए गए हैं जो किसी भी परियोजना में आसानी से और जल्दी से उपयोग किए जा सकते हैं।
प्रत्येक व्यक्तिगत घटक में एक यूआई वर्ग निर्दिष्ट करने की क्षमता है जो यह निर्धारित करता है कि इसे कैसे प्रस्तुत किया जाएगा और कभी-कभी - इसकी कार्यक्षमता क्या होगी, यह सभी कार्यान्वयन पर निर्भर करता है। आपके आवेदन में उपलब्ध घटकों के पूरे पेड़ के लिए LaF स्वयं UI को परिभाषित करता है। आप लाफ का उपयोग कर सकते हैं और साथ ही व्यक्तिगत घटकों की शैली को यूआई सेट करके बदल सकते हैं। आप एक विशिष्ट लाफ (सिस्टम, उदाहरण के लिए) सेट कर सकते हैं और फिर, यदि आवश्यक हो, तो व्यक्तिगत तत्वों के यूआई को बदल दें।

यहाँ विभिन्न कस्टम LaFs के साथ कुछ संसाधन दिए गए हैं जिन्हें आप जल्दी से उपयोग में ला सकते हैं:

सबसे प्रसिद्ध और विस्तृत शैलियों में से कुछ

टिनी लाफ - विंडोज एक्सपी की क्लासिक शैली का एक एनालॉग

Quaqua LaF - मैक ओएस एक्स इंटरफ़ेस का एक एनालॉग जो घटकों को अनुकूलित करने के लिए कई विशेषताओं के साथ है

पदार्थ का कंद

सिंथेटिका लाफ

मिश्र धातु की ढेरी

JGoodies

एकाधिक शैली सेट

# 1 सेट करें - जावा अनुप्रयोगों के लिए विभिन्न प्रसिद्ध लाफ को समर्पित एक साइट
सेट # 2 - विभिन्न लाफ की सूची वाला एक छोटा लेख
सेट # 3 - एक और लाफ लेख

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

तृतीय-पक्ष विकास

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

इसलिए, लिखने / इंटरफ़ेस तत्वों को बदलने की लिखावट के विवरण पर आगे बढ़ने से पहले, मैं उपलब्ध, समर्थित और काफी लोकप्रिय पुस्तकालयों को लाना तर्कसंगत मानता हूं। तो, आइए देखें कि इस क्षेत्र में क्या विकास मौजूद हैं (मैं आपको समीक्षा के लिए इन साइटों पर जाने की सलाह देता हूं):

SWT ( साइट ) ( मैनुअल / डॉक्स ) ( उदाहरण ) ( डाउनलोड )
लाइसेंस: ईपीएल
समर्थित प्लेटफ़ॉर्म: Windows / Linux / MacOSX / Solaris और कुछ अन्य
एसडब्ल्यूटी विभिन्न ऑपरेटिंग सिस्टम के देशी घटकों के सुविधाजनक उपयोग के लिए एक आवरण है। स्विंग और एसडब्ल्यूटी घटकों को सीधे जोड़ना संभव नहीं होगा, लेकिन इसके लिए डिज़ाइन किए गए कई पुस्तकालय हैं (उदाहरण के लिए यह एक )।

स्विंगएक्स ( साइट ) ( मैनुअल / डॉक ) ( डाउनलोड )
लाइसेंस: LGPL 2.1
समर्थित प्लेटफ़ॉर्म: सभी जावा समर्थित प्लेटफ़ॉर्म
स्विंग-घटकों के विस्तारित सेट के साथ एक काफी पुरानी और प्रसिद्ध लाइब्रेरी। फिलहाल, यह परियोजना कुछ प्रकार की संक्रमणकालीन स्थिति में है।

Jide ( साइट ) ( मैनुअल / डॉक ) ( डाउनलोड डेमो )
लाइसेंस: Classpath अपवाद के साथ वाणिज्यिक / GPL
समर्थित प्लेटफ़ॉर्म: सभी जावा समर्थित प्लेटफ़ॉर्म
विभिन्न घटकों की व्यापक रेंज प्रदान करने वाले सर्वश्रेष्ठ व्यावसायिक पुस्तकालयों में से एक।

इसके साथ ही

संभवतः आप अधिक जटिल तत्वों (फ्लैश / वीडियो, आदि) का उपयोग करके अनुप्रयोगों को विकसित करने के लिए उपयोगी मेरे पिछले लेख में वर्णित पुस्तकालयों को पा सकते हैं। मैं केवल एक और पुस्तकालय जोड़ सकता हूं जिसे मैंने कई परियोजनाओं में भी इस्तेमाल किया है - जावालेयर - यह आपको एमपी 3 फ़ाइलें और एमपी 3-स्ट्रीम खेलने की अनुमति देता है। इसका उपयोग करना आसान है, किसी भी मूल चीजों की आवश्यकता नहीं है, क्रॉस-प्लेटफ़ॉर्म और मशीन संसाधनों को नहीं खाती है।

बेशक, कुछ अन्य पुस्तकालय (वाणिज्यिक और मुक्त दोनों) हैं, लेकिन वे या तो पुराने हैं या बहुत कम उपयोगी चीजें हैं। तो, आपने पहले ही देखा कि लाफ का क्या उपयोग किया जा सकता है, जो विभिन्न पुस्तकालयों में अलग-अलग तैयार किए गए घटक हैं, लेकिन अंत में - आप अभी भी संतुष्ट नहीं हैं - कुछ घटकों की गलत शैली है जैसा कि आप चाहेंगे, पुस्तकालय पहले से ही दस बार पुराने हो चुके हैं, घातक पुस्तकालयों के अंदर त्रुटि, समर्थन सुस्त देता है ... क्या करना है? निश्चित रूप से - अपने हाथों में एक मुफ्त डिजाइनर और कोड ले लो! ...

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

आपका UI लिखना

सबसे पहले, मैं इस बिंदु पर थोड़ा समय लूंगा, क्योंकि कुछ मुश्किल घटक हमेशा आवश्यक नहीं होते हैं, बल्कि मानक वाले होते हैं। यह ऐसे मामलों में है कि आपको जे-घटक के लिए अपने छोटे यूआई-वर्ग को लिखने का सहारा लेना चाहिए, खासकर जब से सभी मानक स्विंग-घटक, बिना किसी अपवाद के, बेसिक-यूआई कक्षाएं होती हैं जो आपको घटक के लिए जल्दी और आसानी से अपनी शैली बनाने की अनुमति देती हैं। मैं JSlider के लिए UI बनाने का एक छोटा सा उदाहरण दूंगा।

सबसे पहले, एक वर्ग बनाएं जो बेसिकस्लाइडरयूआई से आगे निकल जाए, और मौजूदा छवियों के साथ इसकी उपस्थिति का वर्णन करें:

public class MySliderUI extends BasicSliderUI { public static final ImageIcon BG_LEFT_ICON = new ImageIcon ( MySliderUI. class .getResource ( "icons/bg_left.png" ) ); public static final ImageIcon BG_MID_ICON = new ImageIcon ( MySliderUI. class .getResource ( "icons/bg_mid.png" ) ); public static final ImageIcon BG_RIGHT_ICON = new ImageIcon ( MySliderUI. class .getResource ( "icons/bg_right.png" ) ); public static final ImageIcon BG_FILL_ICON = new ImageIcon ( MySliderUI. class .getResource ( "icons/bg_fill.png" ) ); public static final ImageIcon GRIPPER_ICON = new ImageIcon ( MySliderUI. class .getResource ( "icons/gripper.png" ) ); public static final ImageIcon GRIPPER_PRESSED_ICON = new ImageIcon ( MySliderUI. class .getResource ( "icons/gripper_pressed.png" ) ); public MySliderUI ( final JSlider b ) { super ( b ); // b.addChangeListener ( new ChangeListener() { public void stateChanged ( ChangeEvent e ) { b.repaint (); } } ); b.addMouseListener ( new MouseAdapter() { public void mousePressed ( MouseEvent e ) { b.repaint (); } public void mouseReleased ( MouseEvent e ) { b.repaint (); } } ); } // protected Dimension getThumbSize () { return new Dimension ( GRIPPER_ICON.getIconWidth (), GRIPPER_ICON.getIconHeight () ); } // public void paintThumb ( Graphics g ) { int positionX = thumbRect.x + thumbRect.width / 2; int positionY = thumbRect.y + thumbRect.height / 2; g.drawImage ( isDragging () ? GRIPPER_PRESSED_ICON.getImage () : GRIPPER_ICON.getImage (), positionX - GRIPPER_ICON.getIconWidth () / 2, positionY - GRIPPER_ICON.getIconHeight () / 2, null ); } // «» public void paintTrack ( Graphics g ) { if ( slider.getOrientation () == JSlider.HORIZONTAL ) { // g.drawImage ( BG_LEFT_ICON.getImage (), trackRect.x, trackRect.y + trackRect.height / 2 - BG_LEFT_ICON.getIconHeight () / 2, null ); g.drawImage ( BG_MID_ICON.getImage (), trackRect.x + BG_LEFT_ICON.getIconWidth (), trackRect.y + trackRect.height / 2 - BG_MID_ICON.getIconHeight () / 2, trackRect.width - BG_LEFT_ICON.getIconWidth () - BG_RIGHT_ICON.getIconWidth (), BG_MID_ICON.getIconHeight (), null ); g.drawImage ( BG_RIGHT_ICON.getImage (), trackRect.x + trackRect.width - BG_RIGHT_ICON.getIconWidth (), trackRect.y + trackRect.height / 2 - BG_RIGHT_ICON.getIconHeight () / 2, null ); // g.drawImage ( BG_FILL_ICON.getImage (), trackRect.x + 1, trackRect.y + trackRect.height / 2 - BG_FILL_ICON.getIconHeight () / 2, thumbRect.x + thumbRect.width / 2 - trackRect.x - BG_LEFT_ICON.getIconWidth (), BG_FILL_ICON.getIconHeight (), null ); } else { // jar' } } }

जैसा कि आप देख सकते हैं, प्रतिपादन के लिए सभी आवश्यक चर बेसिक-यूआई वर्ग में मौजूद हैं और हम उन्हें सीधे उपयोग कर सकते हैं:
thumbRect - फ्लू आयत
trackRect - स्लाइडर के "पथ" की आयत
वास्तव में, अधिकांश आवश्यक रिड्रेसिंग बेसिक-यूआई वर्ग के कारण होते हैं, और आपको इसके बारे में चिंता करने की आवश्यकता नहीं है (उदाहरण के लिए, जब आप ड्रैपर पर क्लिक करते हैं या इसे खींचते हैं)।

इस UI में, मैंने थोड़ा धोखा दिया और कैलकुलेटट्रैक () विधि को फिर से परिभाषित नहीं किया, जो स्लाइडर के "पथ" के आयामों को निर्धारित करता है। मैं सिर्फ उपलब्ध आकारों के केंद्र में प्रदान की गई छवियों को केंद्रित करता हूं। लेकिन यह स्वाद का मामला है। एक और सवाल यह है कि फ्लू और पथ के आकार के आधार पर पहले से तय आकार की गणना की जाएगी, बस इस मामले में, फ्लू पथ की तुलना में बहुत अधिक है।

तो, इस तरह के एक सरल तरीके से, हमें एक बिल्कुल नया दिखने वाला स्लाइडर मिला। अब आवेदन में इसका उपयोग करने के लिए, बस इसे किसी भी JSlider के लिए UI के रूप में सेट करें:

JSlider mySlider = new JSlider (); mySlider.setUI ( new GuiSliderUI ( mySlider ) );

और हम यहाँ इस तरह के एक स्टाइलिस स्लाइडर प्राप्त करते हैं:

एक उदाहरण और ग्राफिक्स के साथ पूर्ण कोड यहां लिया जा सकता है (यह स्लाइडर के ऊर्ध्वाधर संस्करण को भी लागू करता है, मूल जावा कक्षाएं जार के अंदर हैं)।

बेशक, प्रत्येक व्यक्तिगत बेसिक-यूआई (BasicButtonUI, BasicTextFieldUI, BasicTableUI, BasicTabbedPaneUI, आदि) के पास घटक भागों को रेंडर करने की अपनी ख़ासियत है, हालांकि, वहाँ कुछ भी जटिल नहीं है और यह पता लगाना मुश्किल नहीं होगा, खासकर जब से JDK स्रोत कोड में सभी उपलब्ध विधियाँ काफी विस्तृत हैं। टिप्पणी की और वर्णन किया।

यूआई के बारे में तार्किक रूप से बातचीत समाप्त करने के लिए, मैं जोड़ूंगा कि सभी ज्ञात जे-घटकों के लिए, बेसिक-यूआई के अलावा, विभिन्न एलएएफ के लिए कार्यान्वयन हैं, उदाहरण के लिए: विंडोजस्लाइडरयूआई, मेटलस्लाइडरयूआई और अन्य। आमतौर पर उन्हें पुस्तकालय के नाम या इसके उद्देश्य (देशी ओएस घटकों के लिए, उदाहरण के लिए, ओस्मानकंपोनेंटयूआई) के अनुसार बुलाया जाता है। कभी-कभी एक सामान्य एलएएफ को स्थापित किए बिना उनका उपयोग करना संभव है, लेकिन हमेशा नहीं - यह संभव है या नहीं यह पूरी तरह से पुस्तकालय के कार्यान्वयन पर निर्भर करता है (यदि, उदाहरण के लिए, एलएएफ स्थापित करते समय, शैलियों को लोड किया जाता है जिसके बिना व्यक्तिगत यूआई केवल काम नहीं करते हैं)।

इसलिए, इस उदाहरण में, मैंने एक साफ-सुथरे दृश्य घटक बनाने के लिए तैयार ग्राफिक्स का उपयोग किया, लेकिन आप केवल मानक जावा उपकरण, या ग्राफिक्स 2 डी टूल्स का उपयोग करके एक उत्कृष्ट दृश्य घटक आकर्षित कर सकते हैं - इस पर बाद में चर्चा की जाएगी ...

ग्राफिक्स 2 डी के साथ काम करें

उपरोक्त अध्याय में, मैंने केवल लापरवाही से ग्राफिक्स के साथ काम करने का उल्लेख किया है, और यह ठीक इसके साधनों के साथ था कि स्लाइडर के व्यक्तिगत हिस्से खींचे गए थे। लेकिन यह केवल उन संभावनाओं के शीर्ष पर है जो Grahics2D हमें प्रदान करता है।

मैं ध्यान देता हूं कि "पेंट" (साथ ही "पेंटकंपोनेंट", "प्रिंट" और अन्य) के सभी तरीकों में ग्राफिक्स आता है, न कि Grahics2D, हालांकि, आप इसे Grahics2D पर डालने से डर नहीं सकते, अगर कोई J- के साथ काम करता है घटक या इसके उत्तराधिकारी। ऐसा क्यों है? ये, इसलिए बोलने के लिए, पुराने भागों के छोटे अवशेष हैं जिनसे स्विंग बढ़ी थी और मुझे नहीं लगता कि इस समय इसके बारे में गहराई से जाना है। यह समस्या स्विंग आंतरिक डिवाइस पर स्किपरी लेख में अधिक विस्तार से कवर की गई है।

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

तो हमारे पास क्या है? Graphics2D हमें क्या सुविधाएँ देता है?
मैं मुख्य लोगों की सूची दूंगा:

आदिम रूपों के साथ काम करें (दीर्घवृत्त, आयत, चाप, वक्र, बहुभुज और अन्य)
पाठ के साथ काम करना (ड्राइंग, पाठ के आकार की गिनती, आदि)
छवियों के साथ काम करें (फोंट, रेंडरिंग, स्केल, परिवर्तन आदि के साथ काम करें)
तैयार आकृतियों / प्रपत्रों को भरने की क्षमता को अनुकूलित करने की क्षमता
स्ट्रोक को अनुकूलित करने की क्षमता
प्रदान की गई वस्तुओं को बदलने की क्षमता (घूमना, पैमाने, कतरनी, अनुवाद)
प्रतिपादन को कुछ क्षेत्रों तक सीमित करने की क्षमता (क्लिप)
"संयोजन" ग्राफिक्स (समग्र) के विभिन्न तरीकों को कॉन्फ़िगर करने की क्षमता
प्रतिपादन गुणवत्ता को अनुकूलित करने की क्षमता (संकेत देना)
प्रिंट विकल्प

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

मैंने पहले से ही अपने यूआई को लिखने का एक छोटा सा उदाहरण दिया था, लेकिन इंटरफ़ेस को अनुकूलित करने के लिए अन्य विकल्प हैं। प्रत्येक व्यक्तिगत जे-घटक पेंट () विधि का उपयोग करके अपना स्वयं का लाइटवेट प्रतिपादन प्रस्तुत करता है, जिसे आसानी से पुनर्परिभाषित और बदला जा सकता है। सीधे (हमेशा नहीं, लेकिन सबसे अधिक बार) यह बेहतर है कि इसका उपयोग न करें (मैं विवरण में नहीं जाऊंगा, क्योंकि यह एक अलग विषय के लिए एक संपूर्ण विषय है)। अगले उदाहरण के लिए, हम paintComponent () विधि का उपयोग करते हैं। आइए देखें कि इसे कैसे लगाया जा सकता है ...

मैं एक उदाहरण के साथ शुरू करूँगा - सामग्री की अनुपस्थिति में एक दृश्य प्रतिक्रिया के साथ एक पाठ क्षेत्र:

JTextField field = new JTextField() { private boolean lostFocusOnce = false ; private boolean incorrect = false ; { // addFocusListener ( new FocusAdapter() { public void focusLost ( FocusEvent e ) { lostFocusOnce = true ; incorrect = getText ().trim ().equals ( "" ); repaint (); } } ); addCaretListener ( new CaretListener() { public void caretUpdate ( CaretEvent e ) { if ( lostFocusOnce ) { incorrect = getText ().trim ().equals ( "" ); } } } ); } protected void paintComponent ( Graphics g ) { super.paintComponent ( g ); // if ( incorrect ) { Graphics2D g2d = ( Graphics2D ) g; // g2d.setRenderingHint ( RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON ); // Insets insets; if ( getBorder () == null ) { insets = new Insets ( 2, 2, 2, 2 ); } else { insets = getBorder ().getBorderInsets ( this ); } // GeneralPath gp = new GeneralPath ( GeneralPath.WIND_EVEN_ODD ); gp.moveTo ( insets.left, getHeight () - insets.bottom ); for ( int i = 0; i < getWidth () - insets.right - insets.left; i += 3 ) { gp.lineTo ( insets.left + i, getHeight () - insets.bottom - ( ( i / 3 ) % 2 == 1 ? 2 : 0 ) ); } // g2d.setPaint ( Color.RED ); g2d.draw ( gp ); } } };

मुद्रण और फ़ील्ड द्वारा फ़ोकस खोने पर सामग्री की उपस्थिति की दोहरी जाँच की जाती है। किसी अन्य घटक पर स्विच करने पर, हम देखेंगे कि JTextField के लिए हमारा जोड़ कैसे प्रस्तुत किया गया है:

पूर्ण उदाहरण कोड यहां पाया जा सकता है ।

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

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

8 छवियों 16x16 को एक आधार के रूप में लिया गया है - 4 चेकबॉक्स पृष्ठभूमि राज्य और 4 जैकडॉव राज्य (5 वास्तव में, लेकिन हम पांचवां प्रोग्राम जोड़ देंगे):

मानक चेकबॉक्स, निश्चित रूप से, एनिमेटेड राज्यों के लिए स्प्राइट्स सेट करने की क्षमता नहीं है, इसके अलावा, हमें विभिन्न रूपों में पृष्ठभूमि पर जैकडाव छवियों को ओवरले करने की आवश्यकता है। ऐसा करने के लिए, एक अलग विधि जोड़ें:

public static List <ImageIcon> BG_STATES = new ArrayList <ImageIcon> (); public static List <ImageIcon> CHECK_STATES = new ArrayList <ImageIcon> (); static { // for ( int i = 1; i <= 4; i++ ) { BG_STATES.add ( new ImageIcon ( MyCheckBox. class .getResource ( "icons/states/" + i + ".png" ) ) ); } // "" CHECK_STATES.add ( new ImageIcon ( new BufferedImage ( 16, 16, BufferedImage.TYPE_INT_ARGB ) ) ); // for ( int i = 1; i <= 4; i++ ) { CHECK_STATES.add ( new ImageIcon ( MyCheckBox. class .getResource ( "icons/states/c" + i + ".png" ) ) ); } } private Map< String , ImageIcon> iconsCache = new HashMap< String , ImageIcon> (); private synchronized void updateIcon () { // final String key = bgIcon + "," + checkIcon; if ( iconsCache.containsKey ( key ) ) { // setIcon ( iconsCache. get ( key ) ); } else { // BufferedImage b = new BufferedImage ( BG_STATES. get ( 0 ).getIconWidth (), BG_STATES. get ( 0 ).getIconHeight (), BufferedImage.TYPE_INT_ARGB ); Graphics2D g2d = b.createGraphics (); g2d.drawImage ( BG_STATES. get ( bgIcon ).getImage (), 0, 0, BG_STATES. get ( bgIcon ).getImageObserver () ); g2d.drawImage ( CHECK_STATES. get ( checkIcon ).getImage (), 0, 0, CHECK_STATES. get ( checkIcon ).getImageObserver () ); g2d.dispose (); ImageIcon icon = new ImageIcon ( b ); iconsCache.put ( key, icon ); setIcon ( icon ); } }

यह कई राज्य संक्रमण संचालकों को जोड़ने के लिए बना हुआ है और हम उनके बीच एक एनिमेटेड संक्रमण प्राप्त करते हैं:

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

इस प्रकार, तत्वों को अनुकूलित करने के कई तरीके हैं (यहां तक कि मैं शायद नहीं जानता / उनमें से कुछ के बारे में नहीं जानता)। चुनने का कौन सा तरीका स्थिति पर निर्भर करता है - क्या प्राप्त करने की आवश्यकता है, मौजूदा घटक में क्या बदलाव किए जा सकते हैं, आदि।

इस अध्याय के अंत में, मैं एनीमेशन के साथ पूरी तरह से संशोधित यूआई बटन का एक और उदाहरण दूंगा, व्यक्तिगत कोनों को गोल करने की क्षमता, शैली को अनुकूलित करने की क्षमता और कुछ अन्य सुधार। यहां अंतिम रूप के साथ कुछ स्क्रीनशॉट हैं (बेशक, एनीमेशन यहां दिखाई नहीं दे रहा है):

मैं झूठ नहीं बोलूंगा, इस यूआई बटन को बहुत समय लगा, लेकिन यह ग्राफिक्स 2 डी और स्विंग के शुद्ध साधनों का उपयोग करके एक डिजाइनर की मदद और संकेत के बिना बनाया गया था। यदि आप रुचि रखते हैं तो आप इस यूआई के पूर्ण पाठ्यक्रम और डेमो को डाउनलोड और अध्ययन कर सकते हैं। यह ग्राफिक्स 2 डी सुविधाओं की एक काफी विस्तृत श्रृंखला का उपयोग करता है और कुछ चालें लागू करता है जो अक्सर उपयोगी हो सकते हैं।

इसलिए, मुझे लगता है कि ग्राफिक्स के बारे में पर्याप्त बात है - मैं भविष्य के विषयों में इसके बारे में और अधिक विस्तार से बात करूंगा, और अब मैं आपको कुछ दिलचस्प सामग्री दूंगा जो मैंने स्विंग और ग्राफिक्स 2 डी के साथ "संचार" की काफी लंबी अवधि में प्राप्त की है।

DnD और GlassPane

मुझे लगता है कि पहला - आप सभी जानते हैं, साथ ही साथ इससे जुड़ी समस्याएं भी हैं। दूसरे के रूप में, आपने संभवतः ग्लासपाने के बारे में सुना है, या आपने इस प्राचीन छवि को देखा होगा (जो अभी भी प्रासंगिक है, वैसे) मानक फ़्रेमों की विभिन्न परतों की व्यवस्था के बारे में। वहाँ क्या है और मुझे यह क्यों याद आया? और तो और, डीएनडी और ग्लासपैन कैसे संबंधित हैं, आप पूछते हैं? यह वास्तव में उन्हें कैसे जोड़ना है और इसके बारे में क्या हो सकता है और मैं इस अध्याय में बताना चाहता हूं।

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

JLabel label = new JLabel ( " DnD" ); label.setTransferHandler ( new TransferHandler() { public int getSourceActions ( JComponent c ) { return TransferHandler.COPY; } public boolean canImport ( TransferSupport support ) { return false ; } protected Transferable createTransferable ( JComponent c ) { return new StringSelection ( ( ( JLabel ) c ).getText () ); } } ); label.addMouseListener ( new MouseAdapter() { public void mousePressed ( MouseEvent e ) { if ( SwingUtilities.isLeftMouseButton ( e ) ) { JComponent c = ( JComponent ) e.getSource (); TransferHandler handler = c.getTransferHandler (); handler.exportAsDrag ( c, e, TransferHandler.COPY ); } } } );

अब इस लेबल के पाठ को इंटरफ़ेस से सीधे किसी अन्य स्थान पर खींचना संभव है जहां ड्रॉप के माध्यम से पाठ डालना संभव है।
वास्तव में - TransferHandler इस बात का ध्यान रखता है कि ड्रैग के दौरान कंपोनेंट क्या डेटा देता है और उस पर ड्रैग करते समय कंपोनेंट आने वाले डेटा का उपयोग कैसे करता है।

लेकिन क्या होगा अगर आपको खींचने और छोड़ने पर उपयोगकर्ता की क्रियाओं के अनुक्रम को ट्रैक करने की आवश्यकता होती है?
ऐसा करने के लिए, श्रोता को फांसी देने का एक अलग अवसर है:

DragSourceAdapter dsa = new DragSourceAdapter() { public void dragEnter ( DragSourceDragEvent dsde ) { // - } public void dragExit ( DragSourceEvent dse ) { // - } public void dropActionChanged ( DragSourceDragEvent dsde ) { // } public void dragOver ( DragSourceDragEvent dsde ) { // } public void dragMouseMoved ( DragSourceDragEvent dsde ) { // } public void dragDropEnd ( DragSourceDropEvent dsde ) { // } }; DragSource.getDefaultDragSource ().addDragSourceListener ( dsa ); DragSource.getDefaultDragSource ().addDragSourceMotionListener ( dsa );

अंतिम क्षण रहता है - ग्लासपैन की भूमिका का संकेत देने के लिए। GlassPane, वास्तव में, आपको किसी अन्य कंटेनर की तरह, घटकों को अपने आप स्थिति / आकर्षित करने की अनुमति देता है, लेकिन इसकी ख़ासियत यह है कि यह दिखाई देने पर सभी स्विंग घटकों के शीर्ष पर स्थित है। यानी यदि हम इस पर कुछ भी आकर्षित करते हैं, तो यह इसके नीचे पूरे इंटरफ़ेस को कवर करेगा। यह आपको घटकों को मुख्य कंटेनर की परवाह किए बिना कहीं भी रखने की अनुमति देता है, कोई भी दृश्य प्रभाव पैदा करता है और अन्य दिलचस्प चीजें करता है।

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

वैसे, इस विषय पर एक दिलचस्प लाइब्रेरी है, जो एक ही समय में अतिरिक्त स्क्रॉल कार्यक्षमता और कई अन्य उपहार प्रदान करती है - जेएक्सलेयर ( ऑफ साइट ) ( विवरण # 1 विवरण # 2 विवरण # 3 )। दुर्भाग्य से, जावा साइट पर होस्ट किए गए प्रोजेक्ट अब सबसे अच्छी स्थिति में नहीं हैं, इसलिए आपको व्यक्तिगत संसाधनों का उल्लेख करना होगा।

इसलिए अब हम वह सब कुछ एकजुट करेंगे जो मैंने पहले ही इस अध्याय में वर्णित किया है और अंत में कुछ पूर्ण किया है। उदाहरण के लिए - विंडो के अंदर घटकों के साथ ड्रेज पैनल प्रदर्शित करना:

जब लेबल के पीछे पैनल को खींचते हैं, तो पैनल की एक पारभासी प्रति दिखाई देती है, जहां पैनल को ड्रैग के अंत में रखा जाएगा। आप ESC कुंजी का उपयोग करके आंदोलन को रद्द भी कर सकते हैं।
एक काम करने का उदाहरण और स्रोत कोड यहां लिया जा सकता है ।

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

AWTUtilities

चूंकि JDK6 ने लंबे समय से 7ki से कुछ भविष्य के नवाचारों को शामिल किया है, इसलिए मैं उन्हें अनदेखा नहीं कर सकता, क्योंकि उनकी मदद से बहुत कुछ है जो बहुत कम प्रयास के साथ किया जा सकता है।
इसलिए, हम AWTUtilities से कई तरीकों में रुचि रखते हैं:

AWTUtilities.setWindowShape (विंडो, आकृति) - आपको किसी भी विंडो को एक विशिष्ट आकार (चाहे वह एक सर्कल या एक मुश्किल बहुभुज हो) सेट करने की अनुमति देता है। प्रपत्र को सही ढंग से सेट करने के लिए, खिड़की को मूल शैली (सेटंडकोरेटेड (सच)) से सजाया नहीं जाना चाहिए।
AWTUtilities.setWindowOpacity (विंडो, फ्लोट) - आपको 0 (पूरी तरह से पारदर्शी) से 1 (अपारदर्शी) तक खिड़की की पारदर्शिता निर्धारित करने की अनुमति देता है। खिड़की को देशी शैली से सजाया जा सकता है।
AWTUtilities.setWindowOpaque (विंडो, बूलियन) - आपको पृष्ठभूमि प्रदर्शन और खिड़की की सजावट को पूरी तरह से छिपाने की अनुमति देता है, लेकिन इस पर रखा गया कोई भी घटक दिखाई देगा। इस पैरामीटर की सही सेटिंग के लिए, खिड़की, साथ ही पैराग्राफ 1 में, एक देशी शैली के साथ सजाया नहीं जाना चाहिए।

यह हमें क्या देता है? वास्तव में - संभावनाओं की एक काफी विस्तृत श्रृंखला। आपके आवेदन की खिड़कियां किसी भी मुश्किल रूपों में सेट की जा सकती हैं, जिनकी आपको ज़रूरत है, आवेदन के बीच में छेद बनाएं, खिड़की के लिए कस्टम छाया बनाएं, पॉपअप बनाएं जो अच्छे लगते हैं, आदि, आदि।

अगर हम बारीकियों पर आगे बढ़ते हैं - मैं वास्तव में कभी भी setWindowShape का उपयोग नहीं करता हूं, क्योंकि खिड़की को दिया जाने वाला फ़ॉर्म कड़ाई से किनारे के आसपास होता है और बहुत अच्छा नहीं दिखता है। SetWindowOpaque बचाव के लिए आता है - खिड़की के डिजाइन और पृष्ठभूमि को छिपाकर, आप कस्टम कंटेनर के साथ किसी भी कंटेनर का उपयोग बिल्कुल किसी भी विंडो को बनाने के लिए कर सकते हैं। मैं उपयोग का एक छोटा सा उदाहरण दूंगा (यह पोस्ट के पिछले अध्यायों से कुछ ट्रिक्स का उपयोग करता है):

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

AWTUtilities का उपयोग करने में एकमात्र अप्रिय छोटी चीज लिनक्स-सिस्टम पर अस्थिर काम है। यानी हर जगह नहीं और हमेशा सही ढंग से खिड़कियों की पारदर्शिता को पूरा नहीं करता है। निश्चित नहीं है कि यह वर्तमान JDK या OS के साथ कोई समस्या है।

अपने इंटरएक्टिव घटक बनाना

मैंने पहले से ही अपने आवेदन के इंटरफ़ेस के लिए घटकों, UI और कुछ "ट्विस्ट" बनाने के बारे में सतही रूप से बात की है, लेकिन क्या होगा अगर हमें किसी घटक में एक कार्यात्मक भाग जोड़ने या कुछ कार्यक्षमता और स्टाइल के साथ अपना खुद का नया घटक बनाने की आवश्यकता है? मानक घटकों को स्टाइल करने के लिए और उन्हें एक नए घटक के अलग-अलग हिस्सों को बनाने के लिए एक लंबा और थकाऊ काम है, सभी अधिक तब जब घटकों में से एक में थोड़ा सा बदलाव पूरे सर्किट को लेता है। यह ऐसे मामलों में है कि यह आपके घटक को "खरोंच से" बनाने के लायक है।

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

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

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

घटक प्रदान किया गया है, लेकिन स्थिर है और यह केवल एक छवि है। हमें माउस और विभिन्न हॉटकी के साथ उन्हें नियंत्रित करने की क्षमता को संभालने की आवश्यकता है।
ऐसा करने के लिए, सबसे पहले, आपको उपयुक्त श्रोताओं (माउस लिस्टनर / माउसमोशन लिस्टनर / की-लिटनर) को स्वयं घटक में जोड़ना होगा और व्यक्तिगत कार्यों को संभालना होगा।

अपनी उंगलियों पर सब कुछ समझाने के लिए नहीं, मैं एक घटक का एक उदाहरण दूंगा जो आपको नेत्रहीन को आकार देने की अनुमति देता है, जो इसे पारित कर दिया गया है:

यहां आप स्रोत कोड के साथ एक कामकाजी उदाहरण ले सकते हैं।

इस घटक को बनाते समय, मैं कई महत्वपूर्ण बिंदुओं को उजागर करूंगा:

हम घटक की कार्यक्षमता और उपस्थिति का निर्धारण करते हैं - इस मामले में, यह उस पर रखी गई छवि के साथ क्षेत्र है, छवि के चारों ओर एक सीमा और कोनों में 4 पुनर्जीवन है। प्रत्येक पुनर्विक्रेता आपको छवि का आकार बदलने की अनुमति देता है। केंद्र द्वारा इसे "हथियाना" क्षेत्र के चारों ओर छवि को स्थानांतरित करना भी संभव है।
हम घटक के काम करने के लिए आवश्यक सभी मापदंडों को निर्धारित करते हैं - इस मामले में, छवि खुद और इसके "संदर्भ" अंक (ऊपरी बाएं और निचले कोने)। इसमें कई प्रकार के चर भी होते हैं जिन्हें आकार बदलने और चित्रण को कार्यान्वित करते समय आवश्यक होगा।
हम घटक के लिए एक रिक्त लपेट रहे हैं (अधिमानतः एक अलग वर्ग यदि आप इसे एक से अधिक बार उपयोग करने का इरादा रखते हैं) - इस मामले में, हम ImageResizeComponent वर्ग बनाते हैं, प्रतिपादन के लिए आवश्यक सभी मापदंडों को परिभाषित करते हैं, paintComentent () विधि को फिर से परिभाषित करते हैं और सामग्री आकर्षित करते हैं। हम getPreferredSize () विधि को भी फिर से परिभाषित करते हैं ताकि घटक स्वयं अपने "वांछित" आकार को निर्धारित कर सके।
हम घटक के कार्यात्मक भाग को लागू करते हैं - इस मामले में, हमारे माउस एडेप्टर हमारे लिए आकार बदलने और आंदोलन को लागू करने के लिए पर्याप्त होगा। — — , — . , — mouseMoved() .

कुछ भी जटिल नहीं है, है ना? अन्य घटकों के "बटन" भागों के कार्यान्वयन के साथ, यह अभी भी आसान है - बस यह जांचें कि आपको बटन क्षेत्र में क्लिक करना था। ईवेंट ट्रैकिंग के समानांतर, आप घटक के प्रदर्शन को भी बदल सकते हैं (जैसा कि पुनर्विक्रेताओं पर उदाहरण में किया गया है)। सामान्य तौर पर, आप वह सब कुछ कर सकते हैं जिसके लिए पर्याप्त कल्पना है।

बेशक, मैंने घटकों को बनाते समय अपने कदमों का वर्णन किया - वे अनिवार्य नहीं हैं और आसानी से विस्तारित और पूरक हो सकते हैं।

याद रखना महत्वपूर्ण है

स्विंग में इंटरफ़ेस तत्वों के साथ काम करते समय कई चीजें सार्थक होती हैं - मैं उन्हें इस अलग छोटे अध्याय में दे दूंगा।

/ Event Dispatch «» . Event Dispatch :
SwingUtilities.invokeLater ( new Runnable() { public void run () { // } } );
, , listener' (ActionListener/MouseListener .) .
paint- , .
— paint , , setEnabled(enabled). paint . ( ). .
Event Dispatch . SwingUtilities.invokeLater().
, , . /. , Event Dispatch .
repaint() ( repaint(Rectangle) – ), repaint Event Dispatch . revalidate() ( Event Dispatch ). updateUI() ( ), , UI UI LaF'.
पूरे एप्लिकेशन की एक पूर्ण एलएएफ स्थापना कार्य के दौरान आपके किसी भी मैन्युअल रूप से सेट किए गए यूआई घटकों को रद्द कर देगी और उन यूआई के शीर्ष पर स्थापित करेगी जो एलएएफ स्थापित करता है। इसलिए, किसी भी विंडो को खोलने और दृश्य तत्वों को प्रदर्शित करने से पहले एप्लिकेशन डाउनलोड करते समय लाफ को स्थापित करना बेहतर होता है।

इन सरल बिंदुओं का पालन करने से आपको एप्लिकेशन इंटरफ़ेस में अप्रत्याशित "ब्रेक" या गतिरोध की घटना के बारे में चिंता नहीं करने की अनुमति मिलेगी।
मुझे लगता है कि इस सूची को कुछ और बिंदुओं के साथ पूरक किया जा सकता है, लेकिन वे पहले से ही बहुत विशिष्ट / वैकल्पिक होंगे।

परिणाम

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

मैं यह भी जोड़ना चाहूंगा कि शायद लेख का शीर्षक बहुत जोर से लग सकता है और पूरी तरह से खुलासा नहीं किया जा सकता है - वास्तव में, मैं अभी भी एक डिजाइनर या एक प्रयोज्य विशेषज्ञ नहीं हूं। मैं सिर्फ आपको ऐसे टूल / तरीके प्रदान करता हूं जो एप्लिकेशन इंटरफ़ेस का विस्तार और सुधार करेंगे। स्लाइडर / बटन के लिए ग्राफिक्स बनाने या घटकों की सामान्य शैली का निर्धारण करने के लिए सबसे महत्वपूर्ण (आवश्यक रूप से सभी) का हिस्सा नहीं है और एप्लिकेशन हमेशा डिजाइनर के पास ही रहता है - जाने का कोई रास्ता नहीं है।

यहाँ एक "बोतल" में लेख के सभी उदाहरण दिए गए हैं । प्रारंभिक विंडो से, आप वांछित उदाहरण का चयन कर सकते हैं:

साथ ही इस अंतिम "सामान्य" उदाहरण के स्रोत कोड ।

अंत में, मैं कई स्रोत देना चाहता हूं (जिनमें से कुछ पहले से ही लेख में उल्लिखित हैं) जो यहां वर्णित विषयों का अध्ययन करने में मदद कर सकते हैं या बस आपकी रुचि हो सकती है:

मुझे उम्मीद है कि लेख की सामग्री आपके लिए कम से कम आंशिक रूप से उपयोगी थी।
यदि कोई खामियां या त्रुटियां हैं, तो मुझे इसे पूरा करने और इसे ठीक करने में खुशी होगी। पठनीय कोड हाइलाइटिंग

के लिए सोर्स कोड हाइलाइटर के लिए विशेष धन्यवाद ।

Update1: अपलोड की गई एक नई जार के रूप में संशोधन छवि का आकार बदलने घटक
Update2: अपलोड की गई एक नई जार सुधार के साथ एक कस्टम संवाद की और फीका-इन / छिपे हुए
Update3: अपलोड की गई आम जार सब के साथ लेख का उदाहरण और अलग सभी स्रोतों

जावा अनुप्रयोगों के इंटरफेस में सुधार