Difference between revisions of "Netbeans/C2/Handling-Images-in-a-Java-GUI-Application/Gujarati"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with '{| Border=1 || Time || Narration |- | 00.01 |Hii everyone. |- | 00.02 | Welcome to this tutorial on '''Handling Images in a Java GUI Application using Netbeans IDE. ''' |-…')
 
Line 4: Line 4:
  
 
|| Narration
 
|| Narration
−
 
  
 
|-
 
|-
 
| 00.01
 
| 00.01
−
|Hii everyone.  
+
| નમસ્તે મિત્રો.  
  
 
|-
 
|-
 
| 00.02
 
| 00.02
−
| Welcome to this tutorial on '''Handling Images in a Java GUI Application using Netbeans IDE. '''
+
| '''Handling Images in a Java GUI Application using Netbeans IDE''' પરનાં આ ટ્યુટોરીયલમાં સ્વાગત છે. 
  
 
|-
 
|-
−
|00.10
+
| 00.10
−
|We assume that you have the basic working knowledge of Netbeans.  
+
| અમે એ માનીને ચાલીએ છીએ કે તમને નેટબીન્સ પર કામ કરવાની સામાન્ય જાણકારી છે.  
  
 
|-
 
|-
−
|00.15
+
| 00.15
−
|We also assume that you know to place '''text fields, buttons, menus,''' etc. on a '''JFrame form. '''
+
| સાથે જ એ માનીએ છીએ કે તમે '''JFrame''' ફોર્મ પર ટેક્સ્ટ ફીલ્ડો, બટનો, મેનુઓ, વગેરે. મુકવાનું જાણો છો.  
  
 
|-
 
|-
 
| 00.22
 
| 00.22
−
| If not, then please visit the Spoken Tutorial website for relevant tutorials on Netbeans.  
+
| જો નથી, તો કૃપા કરી નેટબીન્સ પર સંદર્ભિત ટ્યુટોરીયલો માટે સ્પોકન ટ્યુટોરીયલ વેબસાઈટની મુલાકાત લો.    
  
 
|-
 
|-
−
|00.29
+
| 00.29
−
|In this tutorial, we will learn in detail about handling images
+
| આ ટ્યુટોરીયલમાં, આપણે વિગતમાં જાણીશું ઈમેજો સંભાળવા વિશે   
  
 
|-
 
|-
 
| 00.34
 
| 00.34
−
|And perform actions on them, in a sample '''GUI''' application.  
+
| અને સેમ્પલ '''GUI''' એપ્લીકેશનમાં, તેના પર ક્રિયાઓ ભજવવા વિશે.    
−
 
+
  
 
|-
 
|-
−
|00.39
+
| 00.39
−
|For this demonstration, I am using the Linux Operating System Ubuntu v11.04 and Netbeans IDE v7.1.1  
+
| આ ડેમોનસ્ટ્રેશન માટે, હું લીનક્સ ઓપરેટીંગ સીસ્ટમ ઉબુન્ટુ આવૃત્તિ 11.04 અને નેટબીન્સ આઈડીઈ આવૃત્તિ 7.1.1 વાપરી રહ્યી છું   
  
 
|-
 
|-
 
| 00.52
 
| 00.52
−
|The standard way to handle and access images in a Java Application is by using the '''getResource()''' method.  
+
| જાવા એપ્લીકેશનમાં હાથે લેવાની અને ઈમેજો એક્સેસ કરવાની પ્રમાણભૂત પધ્ધત એટલે '''getResource()''' મેથડ.  
  
 
|-
 
|-
 
| 00.59
 
| 00.59
−
| We will learn how to use the IDE's GUI Builder to generate the code to include images in your application,  
+
| આપણે શીખીશું કે તમારી એપ્લીકેશનમાં ઈમેજોનો સમાવેશ કરવા માટે આઈડીઈ '''GUI''' બિલ્ડર વાપરીને કોડ કેવી રીતે ઉત્પન્ન કરવું,
  
 
|-
 
|-
−
|01.07
+
| 01.07
−
|and create a simple Jframe with one Jlabel displaying an image.  
+
| અને એક સાદી '''Jframe''' બનાવીશું જેમાં ઈમેજ દર્શાવનારુ એક '''Jlabel''' હશે.    
−
 
+
  
 
|-
 
|-
−
|01.13
+
| 01.13
−
|In this tutorial, we will -  
+
| આ ટ્યુટોરીયલમાં, આપણે શીખીશું -  
  
 
|-
 
|-
−
 
+
| 01.15
−
|01.15
+
| એપ્લીકેશન ફોર્મ બનાવવાનું
−
 
+
−
|Create the application form
+
−
 
+
−
 
+
  
 
|-
 
|-
−
 
+
| 01.18
−
|01.18
+
| ઈમેજ માટે પેકેજ ઉમેરવાનું
−
|Add a package for the image
+
−
 
+
  
 
|-
 
|-
−
 
 
| 01.20
 
| 01.20
−
 
+
| લેબલ પર ઈમેજ દર્શાવવાનું
−
|Display the image on the Label
+
−
 
+
  
 
|-
 
|-
−
 
+
| 01.22
−
|01.22
+
| માઉસ-ઇવેન્ટ અને પોપ-અપ બનાવવાનું 
−
 
+
−
|Create mouse-events and pop-ups
+
  
 
|-
 
|-
−
 
+
| 01.25
−
|01.25
+
| એપ્લીકેશન બીલ્ડ કરીને રન કરવી
−
 
+
−
|Build and run the application
+
  
 
|-
 
|-
−
 
+
| 01.28
−
|01.28
+
| હવે ચાલો આપણી સેમ્પલ એપ્લીકેશન બનાવવા માટે '''IDE''' પર જઈએ.
−
 
+
−
|Now let us switch to the '''IDE''' to create our sample application.  
+
−
 
+
  
 
|-
 
|-
−
 
+
| 01.33
−
|01.33
+
| ફાઈલ મેનુમાંથી, '''New Project''' (ન્યુ પ્રોજેક્ટ) પસંદ કરો. 
−
 
+
−
|From the '''File''' menu, choose '''New Project. '''
+
−
 
+
  
 
|-
 
|-
−
 
+
| 01.37
−
|01.37
+
| '''Categories''' (કેટેગરીઝ) અંતર્ગત, '''Java''' (જાવા) પસંદ કરો, '''Projects''' (પ્રોજેક્ટ્સ) અંતર્ગત '''Java Application''' (જાવા એપ્લીકેશન) પસંદ કરીને '''Next''' (નેક્સ્ટ) ક્લિક કરો.   
−
 
+
−
|Under '''Categories ''', select  '''Java''', under '''Projects''' select ''' Java Application''' and click '''Next. '''
+
  
 
|-
 
|-
−
 
+
| 01.46
−
|01.46
+
| '''Project Name''' (પ્રોજેક્ટ નેમ) ફિલ્ડમાં, '''ImageDisplayApp''' (ઈમેજડિસ્પ્લેએપ) ટાઈપ કરો. 
−
 
+
−
| In the '''Project Name''' field, type '''ImageDisplayApp. '''
+
−
 
+
  
 
|-
 
|-
−
 
 
| 01.54
 
| 01.54
−
 
+
| '''Create Main Class''' (ક્રિએટ મેઈન ક્લાસ) ચેકબોક્સ સાફ કરો.  
−
|Clear the ''' Create Main Class''' checkbox.  
+
−
 
+
  
 
|-
 
|-
−
 
 
| 01.58
 
| 01.58
−
 
+
| એ વાતની ખાતરી કરી લો કે '''Set as Main Project''' (સેટ એઝ મેઈન પ્રોજેક્ટ) ચેકબોક્સ પસંદ કરેલ હોય.  
−
|Make sure that the '''Set as Main Project''' checkbox is selected.  
+
  
 
|-
 
|-
 
| 02.03
 
| 02.03
−
|Click '''Finish.''' The project is created in your IDE.  
+
| '''Finish''' ક્લિક કરો. તમારા આઈડીઈમાં પ્રોજેક્ટ બની જાય છે.  
  
 
|-
 
|-
 
| 02.08
 
| 02.08
−
|In this section, we will create the '''Jframe form''' and add a '''Jlabel''' to the form.  
+
| આ વિભાગમાં, આપણે '''Jframe''' (જેફ્રેમ) ફોર્મ બનાવીને તેમાં '''Jlabel''' (જેલેબલ) ઉમેરીશું.
−
 
+
  
 
|-
 
|-
 
| 02.14
 
| 02.14
−
|Let us first create the '''Jframe form. '''
+
| ચાલો સૌપ્રથમ હું '''Jframe''' (જેફ્રેમ) ફોર્મ બનાવું. 
  
 
|-
 
|-
 
| 02.17
 
| 02.17
−
|In the '''Projects''' window, expand the ''' ImageDisplayApp''' node.  
+
| '''Projects''' (પ્રોજેક્ટ્સ) વિન્ડોમાં, '''ImageDisplayApp''' (ઈમેજડિસ્પ્લેએપ) નોડ વિસ્તૃત કરો.  
  
 
|-
 
|-
 
| 02.23
 
| 02.23
−
|Right-click on the '''Source Packages''' node and choose ''' New''', '''Jframe form.'''  
+
| '''Source Packages''' (સોર્સ પેકેજીસ) નોડ પર જમણું-ક્લિક કરો અને પસંદ કરો '''New''' (ન્યુ), '''Jframe form''' (જેફ્રેમ ફોર્મ).
  
 
|-
 
|-
−
|02.30
+
| 02.30
−
|In the '''Class Name''' field, type '''ImageDisplay. '''
+
| '''Class Name''' (ક્લાસ નેમ) ફિલ્ડમાં, '''ImageDisplay''' (ઈમેજડિસ્પ્લે) ટાઈપ કરો.
  
 
|-
 
|-
−
|02.37
+
| 02.37
−
| In the '''Package''' field, type '''org.me.myimageapp.'''
+
| '''Package''' (પેકેજ) ફિલ્ડમાં, '''org.me.myimageapp''' ટાઈપ કરો. 
  
 
|-
 
|-
−
|02.45
+
| 02.45
−
| And Click '''Finish. '''
+
| અને '''Finish''' ક્લિક કરો.
  
 
|-
 
|-
−
|02.48
+
| 02.48
−
|Now let us add the '''Jlabel. '''
+
| હવે ચાલો '''Jlabel''' (જેલેબલ) ઉમેરીએ.
  
 
|-
 
|-
 
| 02.52
 
| 02.52
−
|In the '''Palette,''' on the right hand side of the IDE, select the '''Label''' component and drag it to the '''Jframe.'''
+
| આઈડીઈનાં જમણી બાજુએ આવેલ, પેલેટમાં '''Label''' (લેબલ) કમ્પોનેંટ પસંદ કરો અને તેને '''Jframe''' (જેફ્રેમ) પર ડ્રેગ કરો.     
  
 
|-
 
|-
 
| 03.01
 
| 03.01
−
|For now, your form should look something like this.  
+
| હમણાં માટે, તમારું ફોર્મ કઈક આ પ્રકારનું લાગવું જોઈએ.
−
 
+
  
 
|-
 
|-
−
 
+
| 03.06
−
|03.06
+
| જ્યારે એક એપ્લીકેશનમાં તમે ઈમેજો અથવા અન્ય સ્ત્રોતોનો ઉપયોગ કરો છો, સામાન્ય રીતે તમે સ્ત્રોત માટે એક જુદું જાવા પેકેજ બનાવો છો.  
−
 
+
−
|When you use images or other resources in an application, typically you create a separate Java package for the resource.  
+
−
 
+
  
 
|-
 
|-
−
 
+
| 03.15
−
|03.15
+
| તમારી લોકલ ફાઈલ સીસ્ટમમાં, પેકેજ એ ફોલ્ડરને અનુલક્ષે છે.  
−
 
+
−
|On your local file system, a package corresponds with a folder.  
+
−
 
+
−
 
+
  
 
|-
 
|-
−
 
 
| 03.19
 
| 03.19
−
 
+
| '''Projects''' (પ્રોજેક્ટ્સ) વિન્ડોમાં, '''org.me.myimageapp''' નોડ પર જમણું-ક્લિક કરો અને '''New > Java Package''' (ન્યુ > જાવા પેકેજ) પસંદ કરો.   
−
|In the '''Projects''' window, right-click the '''org.me.myimageapp''' node and choose '''New > Java Package.'''
+
−
 
+
  
 
|-
 
|-
−
 
 
| 03.30
 
| 03.30
−
 
+
| '''New Package Wizard''' (ન્યુ પેકેજ વિઝાર્ડ) માં, '''org.me.myimageapp''' આગળ '''.resources''' ટાઈપ કરો. 
−
|In the '''New Package Wizard,''' add '''.resources''' to '''org.me.myimageapp.'''
+
−
 
+
  
 
|-
 
|-
−
 
 
| 03.40
 
| 03.40
−
 
+
| જેથી હવે નવા પેકેજનું નામ '''org.me.myimageapp.resources''' કહેવાશે. 
−
|So the new package is now called '''org.me.myimageapp.resources.'''
+
−
 
+
  
 
|-
 
|-
−
 
 
| 03.47
 
| 03.47
−
 
+
| '''Finish''' ક્લિક કરો.
−
|Click '''Finish. '''
+
−
 
+
  
 
|-
 
|-
−
 
 
| 03.49
 
| 03.49
−
 
+
| '''Projects''' (પ્રોજેક્ટ્સ) વિન્ડોમાં, જ્યારે તમે ઈમેજ ઉમેરો છો ત્યારે, તમને ઈમેજ '''org.me.myimageapp.resources''' પેકેજ અંતર્ગત દેખાવી જોઈએ.  
−
|In the '''Projects''' window, you should see the image appear within the '''org.me.myimageapp.resources''' package, when you add the image.  
+
−
 
+
  
 
|-
 
|-
−
 
 
| 03.59
 
| 03.59
−
|In this application, the image will be embedded within a '''Jlabel''' component.  
+
| આ એપ્લીકેશનમાં, ઈમેજ '''Jlabel''' (જેલેબલ) કમ્પોનેંટમાં બેસાડવામાં આવશે.  
−
 
+
−
 
+
  
 
|-
 
|-
 
| 04.04
 
| 04.04
−
| Let us now add the image to the label.  
+
| ચાલો હવે લેબલ પર ઈમેજ ઉમેરીએ.
  
 
|-
 
|-
−
 
 
| 04.08
 
| 04.08
−
|In the '''GUI designer''', select the label that you have added to your form.  
+
| '''GUI designer''' (જીયુઆઈ ડીઝાઈનર) માં, તમારા ફોર્મ પર ઉમેરાયેલું લેબલ પસંદ કરો.  
−
 
+
−
 
+
−
 
+
  
 
|-
 
|-
−
 
 
| 04.14
 
| 04.14
−
 
+
| વિન્ડોની જમણી બાજુએ આવેલ, પેલેટ નીચે, '''Properties''' (પ્રોપર્ટીઝ) વિન્ડોમાં સ્ક્રોલ કરીને, '''Icon''' (આઇકોન) પ્રોપર્ટી પર જાવ.    
−
|In the '''Properties''' window, below the palette, on the right hand side of the window, scroll to the '''Icon''' property.  
+
−
 
+
  
 
|-
 
|-
−
 
 
| 04.23
 
| 04.23
−
 
+
| '''ellipsis''' (એલીપ્સીસ) એટલે કે જમણી બાજુએ આવેલ ત્રણ બિંદુઓ (...) પર ક્લિક કરો.  
−
| Click the '''ellipsis (...)''' or the three dots on the right side.  
+
−
 
+
−
 
+
  
 
|-
 
|-
−
 
 
| 04.30
 
| 04.30
−
+
| '''Icon''' (આઇકોન) પ્રોપર્ટી ડાયલોગ બોક્સમાં, '''Import to Project''' (ઈમ્પોર્ટ ટુ પ્રોજેક્ટ) પર ક્લિક કરો. 
−
|In the '''Icon Property''' dialog box, click '''Import to Project.'''
+
  
 
|-
 
|-
 
| 04.34
 
| 04.34
−
|In the file chooser, navigate to the folder that contains your image that you want to use.  
+
| ફાઈલ પસંદ કરવા માટે, તમને જોઈતી ઈમેજ જે ફોલ્ડરમાં છે તે ફોલ્ડર પર જાવ.
  
 
|-
 
|-
−
 
 
| 04.42
 
| 04.42
−
+
| '''Next''' ક્લિક કરો.
−
|Click '''Next. '''
+
  
 
|-
 
|-
 
| 04.45
 
| 04.45
−
|In the '''Select Target Folder''' page of the wizard, select the '''Resources''' folder.  
+
| વિઝાર્ડનાં '''Select Target Folder''' (સિલેક્ટ ટાર્ગેટ ફોલ્ડર) પુષ્ઠમાં, '''Resources''' (રીસોર્સીઝ) ફોલ્ડર પસંદ કરો.    
  
 
|-
 
|-
 
| 04.49
 
| 04.49
−
|And click '''Finish. '''
+
| અને '''Finish''' ક્લિક કરો.
  
 
|-
 
|-
−
 
 
| 04.52
 
| 04.52
 +
| જેમ તમે '''Finish''' ક્લિક કરશો, આઈડીઈ તમારા પ્રોજેક્ટમાં ઈમેજ કોપી કરશે. 
  
−
|After you click '''Finish,''' the IDE copies the image to your project.
 
 
|-
 
|-
−
 
 
| 04.57
 
| 04.57
−
 
+
| તેથી, જ્યારે તમે એપ્લીકેશન બનાવીને રન કરો છો ત્યારે, ઈમેજ વિતરિત કરી શકનારી '''JAR''' (જાર) ફાઈલમાં સમાવિષ્ટ થાય છે.  
−
|Therefore, when you build and run the application, the image is included in the distributable '''JAR''' file.  
+
−
 
+
  
 
|-
 
|-
−
 
 
| 05.07
 
| 05.07
−
 
+
| અહીં '''OK''' પર ક્લિક કરો.
−
|Click '''OK''' here.  
+
  
 
|-
 
|-

Revision as of 16:44, 16 June 2014

Time Narration
00.01 નમસ્તે મિત્રો.
00.02 Handling Images in a Java GUI Application using Netbeans IDE પરનાં આ ટ્યુટોરીયલમાં સ્વાગત છે.
00.10 અમે એ માનીને ચાલીએ છીએ કે તમને નેટબીન્સ પર કામ કરવાની સામાન્ય જાણકારી છે.
00.15 સાથે જ એ માનીએ છીએ કે તમે JFrame ફોર્મ પર ટેક્સ્ટ ફીલ્ડો, બટનો, મેનુઓ, વગેરે. મુકવાનું જાણો છો.
00.22 જો નથી, તો કૃપા કરી નેટબીન્સ પર સંદર્ભિત ટ્યુટોરીયલો માટે સ્પોકન ટ્યુટોરીયલ વેબસાઈટની મુલાકાત લો.
00.29 આ ટ્યુટોરીયલમાં, આપણે વિગતમાં જાણીશું ઈમેજો સંભાળવા વિશે
00.34 અને સેમ્પલ GUI એપ્લીકેશનમાં, તેના પર ક્રિયાઓ ભજવવા વિશે.
00.39 આ ડેમોનસ્ટ્રેશન માટે, હું લીનક્સ ઓપરેટીંગ સીસ્ટમ ઉબુન્ટુ આવૃત્તિ 11.04 અને નેટબીન્સ આઈડીઈ આવૃત્તિ 7.1.1 વાપરી રહ્યી છું
00.52 જાવા એપ્લીકેશનમાં હાથે લેવાની અને ઈમેજો એક્સેસ કરવાની પ્રમાણભૂત પધ્ધત એટલે getResource() મેથડ.
00.59 આપણે શીખીશું કે તમારી એપ્લીકેશનમાં ઈમેજોનો સમાવેશ કરવા માટે આઈડીઈ GUI બિલ્ડર વાપરીને કોડ કેવી રીતે ઉત્પન્ન કરવું,
01.07 અને એક સાદી Jframe બનાવીશું જેમાં ઈમેજ દર્શાવનારુ એક Jlabel હશે.
01.13 આ ટ્યુટોરીયલમાં, આપણે શીખીશું -
01.15 એપ્લીકેશન ફોર્મ બનાવવાનું
01.18 ઈમેજ માટે પેકેજ ઉમેરવાનું
01.20 લેબલ પર ઈમેજ દર્શાવવાનું
01.22 માઉસ-ઇવેન્ટ અને પોપ-અપ બનાવવાનું
01.25 એપ્લીકેશન બીલ્ડ કરીને રન કરવી
01.28 હવે ચાલો આપણી સેમ્પલ એપ્લીકેશન બનાવવા માટે IDE પર જઈએ.
01.33 ફાઈલ મેનુમાંથી, 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 ક્લિક કરો. તમારા આઈડીઈમાં પ્રોજેક્ટ બની જાય છે.
02.08 આ વિભાગમાં, આપણે Jframe (જેફ્રેમ) ફોર્મ બનાવીને તેમાં Jlabel (જેલેબલ) ઉમેરીશું.
02.14 ચાલો સૌપ્રથમ હું Jframe (જેફ્રેમ) ફોર્મ બનાવું.
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 આઈડીઈનાં જમણી બાજુએ આવેલ, પેલેટમાં 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 (પ્રોપર્ટીઝ) વિન્ડોમાં સ્ક્રોલ કરીને, Icon (આઇકોન) પ્રોપર્ટી પર જાવ.
04.23 ellipsis (એલીપ્સીસ) એટલે કે જમણી બાજુએ આવેલ ત્રણ બિંદુઓ (...) પર ક્લિક કરો.
04.30 Icon (આઇકોન) પ્રોપર્ટી ડાયલોગ બોક્સમાં, Import to Project (ઈમ્પોર્ટ ટુ પ્રોજેક્ટ) પર ક્લિક કરો.
04.34 ફાઈલ પસંદ કરવા માટે, તમને જોઈતી ઈમેજ જે ફોલ્ડરમાં છે તે ફોલ્ડર પર જાવ.
04.42 Next ક્લિક કરો.
04.45 વિઝાર્ડનાં Select Target Folder (સિલેક્ટ ટાર્ગેટ ફોલ્ડર) પુષ્ઠમાં, Resources (રીસોર્સીઝ) ફોલ્ડર પસંદ કરો.
04.49 અને Finish ક્લિક કરો.
04.52 જેમ તમે Finish ક્લિક કરશો, આઈડીઈ તમારા પ્રોજેક્ટમાં ઈમેજ કોપી કરશે.
04.57 તેથી, જ્યારે તમે એપ્લીકેશન બનાવીને રન કરો છો ત્યારે, ઈમેજ વિતરિત કરી શકનારી JAR (જાર) ફાઈલમાં સમાવિષ્ટ થાય છે.
05.07 અહીં OK પર ક્લિક કરો.
05.11 And right click on your project node and select Clean and Build option.
05.18 You can now go to the Files menu, and under the build folder,
05.29 under dist folder, you can see the jar file.
04.33 It generates the code in the imagedisplay class to access the image.
05.38 It also displays your image on the label in the Design view of your form.
05.43 At this point, you can do some simple things to improve the appearance of the form.


05.48 In the Properties window, select the Text property
05.56 and delete jLabel1.


06.04 That value was generated by the GUI Builder as display text for the label.
06.10 However, you are using the label to display an image rather than text.


06.15 So this text is not needed.


06.18 Now let us drag the label to center it on the form.
06.26 In the GUI Designer, click the Source tab.


06.30 Scroll down to the line that says Generated Code.
06.33 And click the plus sign (+) to the left of the Generated Code line to display the code that the GUI Designer has generated.
06.42 Here, the keyline is this.


06.49 Since you have used the Property editor for jLabel1s icon property, the IDE has generated the setIcon method.
06.57 The parameter of that method contains a call to the getResource() method on an anonymous inner class of ImageIcon.
07.10 Once your image has been added, in the Design view right-click on the image.


07.19 Click on Events > Mouse > mouseClicked.
07.24 The view is switched to the Source mode.
07.28 Here you can add the code to customize your action on a mouse click.
07.33 Let me add a few lines of code to generate a pop-up when the image is clicked in the GUI.


08.00 I have now entered a few lines of code to generate the pop-up.


08.05 First I have created a new Jframe for the pop-up.


08.12 And I have set the default close operation.


08.15 And finally provided the text for the pop-up.
08.24 After adding these lines of code, let us import the necessary packages by adding two statements at the beginning of the file.
08.36 Include: import javax.swing.*;


08.45 and import java.awt.*;


08.53 This will import the necessary packages required for this program.
08.59 Let us now build and run the application.
09.02 We have generated the code for accessing and displaying the image.


09.07 Let us build and run the application to ensure that the image is accessed.


09.12 First, we need to set the project's Main class.
09.16 When you set the Main class, the IDE knows which class to run when you run the project.
09.21 In addition, this ensures that the Main class element in the application's JAR file is generated when you build the application.
09.33 Here right-click on the ImageDisplayApp project's Node in the Projects window, and choose Properties.
09.41 In the Project Properties dialog box, select the Run category on the left side.
09.47 Click the Browse button, that is next to the Main Class field.
09.51 Select org.me.myimageapp.ImageDisplay and click on Select Main Class
10.01 Say OK here.
10.05 Now right-click on the Project node, and select Clean & Build.
10.11 You can view the Build properties of the application in the Files window.
10.20 The Build folder contains the compiled class.
10.23 The dist folder contains an executable JAR file that contains the compiled class and the image.
10.32 Now choose Run from the tool bar.
10.34 Our output window opens with the image.
10.39 I will click on this image now.
10.42 And you can see the pop-up at the top, which shows the description of the image.
10.50 Now, time for the assignment!
10.54 Create another GUI with four images, similar to the demonstration shown in this tutorial,
11.01 For each of the image, specify different events such as keyboard event, mouse-motion event, mouse-click event, mouse-wheel event .
11.12 I have already created the assignment.
11.17 Let us run the assignment project.
11.20 Your assignment should look similar to this.


11.26 I have created keyboard-events and mouse events for my assignment here.
11.34 So, to summarize,
11.36 we have, created a Jframe form
11.39 added a package for the image
11.41 displayed the image on the label
11.44 and also created mouse events and pop-ups


11.49 Watch the video available at the link shown on the screen.
11.53 It summarizes the Spoken Tutorial project.
11.56 If you do not have good bandwidth, you can download and watch it.
12.02 The Spoken Tutorial project team conduct workshops using Spoken Tutorials.


12.07 Gives certificates to those who pass an online test.


12.11 For more details please write to contact@spoken-tutorial.org


12.19 Spoken Tutorial Project is a part of the Talk to a Teacher Project
12.23 It is Supported by the National Mission on education through ICT, MHRD, Government of India
12.30 More information on this mission is available at spoken-tutorial.org/NMEICT-Intro
12.42 This tutorial has been contributed by IT for Change


12.46 Thank you for joining us.

Contributors and Content Editors

Jyotisolanki, PoojaMoolya

Retrieved from "https://script.spoken-tutorial.org/index.php?title=Netbeans/C2/Handling-Images-in-a-Java-GUI-Application/Gujarati&oldid=11319"