Netbeans/C2/Handling-Images-in-a-Java-GUI-Application/Hindi
From Script | Spoken-Tutorial
Revision as of 16:15, 29 January 2015 by Shruti arya (Talk | contribs)
Time | Narration |
00:01 | नमस्कार दोस्तों, |
00:02 | Netbeans IDE का उपयोग करके Handling Images in a Java GUI Application पर इस ट्यूटोरियल में आपका स्वागत है। |
00:10 | हम समझते हैं कि आपको netbeans की सामान्य जानकारी है। |
00:15 | हम समझते हैं कि आपको JFrame form. पर text fields, buttons, menus, आदि का पता होगा। |
00:22 | यदि नहीं, तो कृपया Netbeans पर संबंधित ट्यूटोरियल्स के लिए स्पोकन ट्यूटोरियल की वेबसाइट पर जाएँ। |
00:29 | इस ट्यूटोरियल में, हम इमैज को हैंडल करने के बारे में विस्तार से सीखेंगे। |
00:34 | और सैंपल GUI एप्लिकेशन में उन पर कार्य करेंगे। |
00:39 | इसके लिए, मैं लिनक्स ऑपरेटिंग सिस्टम ऊबंटु v11.04 और Netbeans IDE v7.1.1 का उपयोग कर रही हूँ। |
00:52 | जावा एप्लिकेशन में इमैज को हैंडल और एक्सेस करने के लिए getResource() मेथड का उपयोग करना मानक तरीका है। |
00:59 | हम सीखेंगे कि अपने एप्लिकेशन में कोड को इमैज के साथ तैयार करने के लिए IDE's GUI बिल्डर का उपयोग कैसे करें। |
01:07 | और एक इमैज प्रदर्शित करने के लिए Jlabel के साथ एक सरल Jframe कैसे बनाएँ। |
01:13 | इस ट्यूटोरियल में हम सीखेंगे |
01:15 | एप्लिकेशन फॉर्म बनाना, |
01:18 | इमैज के लिए पैकेज को जोडना, |
01:20 | लेबल पर इमैज को प्रदर्शित करना |
01:22 | mouse-events और pop-ups बनाना |
01:25 | एप्लिकेशन को बनाना और रन करना। |
01:28 | अब अपने सैंपल एप्लिकेशन को बनाने के लिए IDE पर जाते हैं। |
01:33 | File मैन्यू से New Project. चुनें। |
01:37 | Categories के अंदर, Java चुनें , Projects के अंदर Java Application चुनें और Next. पर क्लिक करें। |
01:46 | Project Name फिल्ड में , टाइप करें ImageDisplayApp |
01:54 | Create Main Class चेकबॉक्स को खाली करें। |
01:58 | निश्चित कर लें कि Set as Main Project चेकबॉक्स चयनित है। |
02:03 | Finish पर क्लिक करें। प्रोजेक्ट आपके IDE में बन गया है। |
02:08 | इस भाग में, हम 'Jframe form बनायेंगे और फॉर्म के लिए Jlabel जोडेंगे। |
02:14 | पहले Jframe form बनाते हैं। |
02:17 | Projects विंडो में , ImageDisplayApp नोड को खोलें। |
02:23 | Source Packages नोड पर राइट क्लिक करें औऱ New, Jframe form चुनें। |
02:30 | Class Name फिल्ड में, टाइप करें ImageDisplay |
02:37 | Package फिल्ड में, टाइप करें org.me.myimageapp |
02:45 | और Finish पर क्लिक करें। |
02:48 | अब Jlabel. को जोडते हैं। |
02:52 | Palette में, IDE की दाईं तरफ Label कंपोनेंट को चुनें और Jframe पर खींचे। |
03:01 | अभी के लिए, अपका फॉर्म कुछ इस तरह का दिखना चाहिए। |
03:06 | जब आप एप्लिकेशन में इमैज या अन्य रिसोर्स का उपयोग करते हैं,आमतौर पर आप रिसोर्स के लिए अलग जावा पैकेज बनाते हैं। |
03:15 | आपके लोकल फाइल सिस्टम में, पैकेज फोल्डर के साथ मेल खाता है। |
03:19 | Projects विंडो में, org.me.myimageapp नोड पर राइट क्लिक करें और New > Java Package. चुनें। |
03:30 | New Package Wizard, में org.me.myimageapp के लिए .resources जोडें। |
03:40 | अतः नये पैकेज को अब org.me.myimageapp.resources. कहा जाता है। |
03:47 | Finish. पर क्लिक करें। |
03:49 | Projects विंडो में, आपको org.me.myimageapp.resources के भीतर इमैज दिखाई देनी चाहिए। जब आप इमैज जोड़ते हैं। |
03:59 | एप्लिकेशन में, इमैज को Jlabel कंपोनेंट के भीतर अंतःस्थापित किया जायेगा। |
04:04 | अब लेबल में इमैज को जोडते हैं। |
04:08 | GUI designer में, लेबल चुनें जिसे आपने फॉर्म के लिए जोडा है। |
04:14 | Properties विंडो में, palette के नीचे, विंडो के दाईं तरफ, Icon प्रोपर्टीज पर स्क्रोल करें। |
04:23 | ellipsis (...) या दाईं तरफ तीन डोट्स पर क्लिक करें। |
04:30 | Icon Property' डायलॉग बॉक्स में, Import to Project. पर क्लिक करें। |
04:34 | file chooser में, अपने इमैज वाले फोल्डर में नेविगेट करें जिसे आप उपयोग करना चाहते हैं। |
04:42 | Next. पर क्लिक करें। |
04:45 | wizard के Select Target Folder पैज में, Resources फोल्डर को चुनें। |
04:49 | और Finish. पर क्लिक करें। |
04:52 | Finish, पर क्लिक करने के बाद, IDE आपके प्रोजेक्ट में इमैज को कॉपी करता है। |
04:57 | इसलिए, जब आप एप्लिकेशन को बनाते और रन करते हैं, इमैज वितरण योग्य JAR फाइल में शामिल हो जाती है। |
05:07 | यहाँ 'OK पर क्लिक करें। |
05:11 | और अपने प्रोजेक्ट नोड पर राइट क्लिक करें औऱ ' Clean and Build विकल्प चुनें। |
05:18 | अब आप Files मैन्यू में जा सकते हैं, और build फोल्डर के अंदर, |
05:29 | dist फोल्डर के अंदर, आप jar फाइल देख सकते हैं। |
05:33 | यह imagedisplay क्लास में इमैज को एक्सेस करने के लिए कोड को तैयार करता है। |
05:38 | यह आपके फॉर्म के Design view में लेबल पर आपके इमैज को भी प्रदर्शित करता है। |
05:43 | इस स्तर पर, आप फॉर्म की दिखावट में सुधार करने के लिए कुछ सरल चीजें कर सकते हैं। |
05:48 | Properties विंडो में, Text प्रॉपर्टी चुनें। |
05:56 | औऱ jLabel1 डिलीट करें। |
06:04 | वह वैल्यू GUI Builder द्वारा लेबल के लिए प्रदर्शित टेक्स्ट के रूप में तैयार की गई थी। |
06:10 | हालांकि, आप टेक्स्ट के बजाय एक इमैज प्रदर्शित करने के लिए लेबल का उपयोग कर रहे हैं। |
06:15 | अतः इस टेक्स्ट की आवश्यकता नहीं है। |
06:18 | अब label को फॉर्म पर बीच में लाने के लिए खीचें। |
06:26 | GUI Designer में, Source टेब क्लिक करें। |
06:30 | लाइन के लिए नीचे स्क्रोल करें जो दर्शाती है Generated Code |
06:33 | कोड को प्रदर्शित करने के लिए Generated Code लाइन के बाईं ओर plus sign (+) पर क्लिक करें, जिसे GUI Designer ने तैयार किया है। |
06:42 | यहाँ, की-लाइन यह है। |
06:49 | क्योंकि आपने jLabel1 आइकन प्रोपर्टी के लिए Property editor का उपयोग किया है, तो IDE ने setIcon मेथड तैयार किया है। |
06:57 | उस मेथड का पैरामीटर ImageIcon के एक नामरहित आंतरिक क्लास पर getResource() मेथड के लिए एक कॉल शामिल करता है। |
07:10 | एक बार आपकी इमैज जुड गयी, Design view में इमैज पर राइट क्लिक करें। |
07:19 | Events > Mouse > mouseClicked. पर क्लिक करें। |
07:24 | व्यू 'Source मोड में चला जाता है। |
07:28 | यहाँ आप माउस क्लिक पर अपने कार्य को अनुकूलित करने के लिए कोड जोड़ सकते हैं। |
07:33 | pop-up तैयार करने के लिए कोड की कुछ लाइनें जोडें, जब इमैज GUI में क्लिक किया जाता है। |
08:00 | मैंने अब पॉप-अप तैयार करने के लिए कोड की कुछ लाइनें प्रविष्ट की हैं। |
08:05 | पहले मैंने pop-up के लिए एक नया Jframe बनाया। |
08:12 | और मैंने डिफॉल्ट क्लोज ऑपरेशन सेट किया। |
08:15 | औऱ अंत में pop-up. के लिए टेक्स्ट प्रदान किया। |
08:24 | कोड की इन लाइनों को जोडने के बाद, फ़ाइल की शुरुआत में दो स्टेटमेंट्स को जोड़कर आवश्यक पैकेज इंपोर्ट करें। |
08:36 | import javax.swing.*; |
08:45 | और import java.awt.*; जोडें। |
08:53 | यह इस प्रोग्राम के लिए आवश्यक जरूरी पैकेज को इंपोर्ट करेगा। |
08:59 | अब एप्लिकेशन को बनाएँ और रन करें। |
09:02 | हमने इमैज को एक्सेस और प्रदर्शित करने के लिए तैयार किया है। |
09:07 | इमैज एक्सेस हुआ है कि नहीं सुनिश्चित करने के लिए एप्लिकेशन को बनाएँ औऱ रन करें। |
09:12 | सबसे पहले, हमें प्रोजेक्ट Main class. सेट करने की आवश्यकता है। |
09:16 | जब आप Main class सेट करते हैं, तो IDE जानता है कि किस क्लास को रन करना है। जब आप प्रोजेक्ट को रन करते हैं। |
09:21 | इसके अलावा, यह सुनिश्चित करता है कि एप्लिकेशन JAR फाइल में Main class एलिमेंट तैयार होता है जब आप एप्लिकेशन का निर्माण करते हैं। |
09:33 | यहाँ प्रोजेक्ट विंडो में ImageDisplayApp प्रोजेक्ट नोड पर राइट क्लिक करें। और Properties' चुनें। |
09:41 | Project Properties डायलॉग बॉक्स में, बाईँ ओर Run श्रेणी चुनें। |
09:47 | Browse बटन पर क्लिक करें, जो कि Main Class फिल्ड के बाद है। |
09:51 | org.me.myimageapp.ImageDisplay चुनें और Select Main Class पर क्लिक करें। |
10:01 | यहाँ OK पर क्लिक करें। |
10:05 | अब Project नोड पर राइट क्लिक करें औऱ Clean & Build चुनें। |
10:11 | आप Files विंडो में एप्लिकेशन की 'Build प्रॉपर्टीज को देख सकते हैं। |
10:20 | Build फोल्डर compiled क्लास को सम्मिलित करता है। |
10:23 | dist फोल्डर एक निष्पादन योग्य JAR फाइल सम्मिलित करता है, जिसमें कंपाइल क्लास औऱ इमैज शामिल है। |
10:32 | अब टूल बार से Run चुनें। |
10:34 | हमारा आउटपुट विंडो इमैज के साथ खुलता है। |
10:39 | मैं अब इस इमैज पर क्लिक करुँगी। |
10:42 | और आप pop-up को शीर्ष पर देख सकते हैं, जो इमैज के विवरण को दिखा रहा है। |
10:50 | अब, नियत कार्य के लिए |
10:54 | चार इमैज के साथ एक अन्य GUI बनाएँ, जैसा कि इस ट्यूटोरियल में दिखाया गया है, |
11:01 | प्रत्येक इमैज के लिए, विभिन्न events निर्दिष्ट करें जैसे keyboard event, mouse-motion event, mouse-click event, mouse-wheel event |
11:12 | मैंने पहले ही नियत-कार्य बना दिया है। |
11:17 | नियत-कार्य प्रोजेक्ट को रन करें। |
11:20 | आपका नियत-कार्य कुछ इस तरह से दिखना चाहिए। |
11:26 | मैंने यहाँ अपने नियत-कार्य के लिए keyboard-events और mouse events बनाया है। |
11:34 | अतः, संक्षेप में |
11:36 | हमने Jframe फॉर्म बनाया है, |
11:39 | इमैज के लिए पैकेज जोडा है |
11:41 | लेबल पर इमैज प्रदर्शित की है। |
11:44 | औऱ mouse events और pop-ups भी बनाया है। |
11:49 | स्क्रीन पर दिखाए गए लिंक पर उपलब्ध वीडियो देखें। |
11:53 | यह स्पोकन ट्यूटोरियल को सारांशित करता है। |
11:56 | अच्छी बैंडविड्थ न मिलने पर आप इसे डाउनलोड करके देख सकते हैं। |
12:02 | स्पोकन ट्यूटोरियल प्रोजेक्ट टीम स्पोकन ट्यूटोरियल का उपयोग करके कार्यशालाएँ भी चलाती है। |
12:07 | ऑनलाइन टेस्ट पास करने वालों को प्रमाण-पत्र भी देते हैं। |
12:11 | अधिक जानकारी के लिए contact@ spoken HYPHEN tutorial DOT org पर लिखें। |
12:19 | स्पोकन ट्यूटोरियल प्रोजेक्ट टॉक-टू-अ टीचर प्रोजेक्ट का हिस्सा है। |
12:23 | यह भारत सरकार के एमएचआरडी के “आईसीटी के माध्यम से राष्ट्रीय साक्षरता मिशन” द्वारा समर्थित है। |
12:30 | इस मिशन पर अधिक जानकारी निम्न लिंक पर उपलब्ध है
spoken HYPHEN tutorial DOT org SLASH NMEICT HYPHEN Intro |
12:42 | यह स्क्रिप्ट प्रभाकर द्वारा अनुवादित है, आई आई टी बॉम्बे से मैं श्रुति आर्य आपसे विदा लेती हूँ। |
12:46 | हमसे जुड़ने के लिए धन्यवाद। |