Difference between revisions of "Netbeans/C2/Handling-Images-in-a-Java-GUI-Application/Gujarati"
From Script | Spoken-Tutorial
Jyotisolanki (Talk | contribs) |
Jyotisolanki (Talk | contribs) |
||
| Line 597: | Line 597: | ||
|- | |- | ||
| − | |||
| 11.49 | | 11.49 | ||
| − | + | | સ્ક્રીન પર દર્શાવેલ લીંક પર ઉપલબ્ધ વિડીયો નિહાળો. | |
| − | | | + | |
|- | |- | ||
| − | |||
| 11.53 | | 11.53 | ||
| − | + | | તે સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટનો સારાંશ આપે છે. | |
| − | | | + | |
|- | |- | ||
| − | |||
| 11.56 | | 11.56 | ||
| − | + | | જો તમારી પાસે સારી બેન્ડવિડ્થ ન હોય તો, તમે વિડીયો ડાઉનલોડ કરીને જોઈ શકો છો. | |
| − | | | + | |
|- | |- | ||
| − | |||
| 12.02 | | 12.02 | ||
| − | + | | સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટ ટીમ સ્પોકન ટ્યુટોરીયલોનાં ઉપયોગથી વર્કશોપોનું આયોજન કરે છે. | |
| − | | | + | |
| − | + | ||
|- | |- | ||
| − | |||
| 12.07 | | 12.07 | ||
| − | + | | જેઓ ઓનલાઈન પરીક્ષા પાસ કરે છે તેઓને પ્રમાણપત્રો આપે છે. | |
| − | | | + | |
| − | + | ||
|- | |- | ||
| − | |||
| 12.11 | | 12.11 | ||
| − | + | | વધુ વિગતો માટે '''contact@spoken-tutorial.org''' પર લખો | |
| − | | | + | |
| − | + | ||
|- | |- | ||
| − | |||
| 12.19 | | 12.19 | ||
| − | + | | સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટ ટોક ટુ અ ટીચર પ્રોજેક્ટનો એક ભાગ છે | |
| − | | | + | |
|- | |- | ||
| − | |||
| 12.23 | | 12.23 | ||
| − | + | | જેને આઈસીટી, એમએચઆરડી, ભારત સરકાર મારફતે શિક્ષણ પર નેશનલ મિશન દ્વારા આધાર અપાયેલ છે | |
| − | | | + | |
|- | |- | ||
| − | |||
| 12.30 | | 12.30 | ||
| − | + | | આ મિશન પરની વધુ માહિતી '''spoken-tutorial.org/NMEICT-Intro''' પર ઉપલબ્ધ છે | |
| − | | | + | |
|- | |- | ||
| − | |||
| 12.42 | | 12.42 | ||
| − | + | | આ ટ્યુટોરીયલ માટે યોગદાન '''IT for Change''' દ્વારા અપાયું છે | |
| − | | | + | |
| − | + | ||
|- | |- | ||
| − | |||
| 12.46 | | 12.46 | ||
| − | + | | અમને જોડાવાબદ્દલ આભાર. આઈઆઈટી બોમ્બે તરફથી હું, જ્યોતી સોલંકી વિદાય લઉં છું. | |
| − | | | + | |
Revision as of 16:50, 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 | સ્ક્રીન પર દર્શાવેલ લીંક પર ઉપલબ્ધ વિડીયો નિહાળો. |
| 11.53 | તે સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટનો સારાંશ આપે છે. |
| 11.56 | જો તમારી પાસે સારી બેન્ડવિડ્થ ન હોય તો, તમે વિડીયો ડાઉનલોડ કરીને જોઈ શકો છો. |
| 12.02 | સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટ ટીમ સ્પોકન ટ્યુટોરીયલોનાં ઉપયોગથી વર્કશોપોનું આયોજન કરે છે. |
| 12.07 | જેઓ ઓનલાઈન પરીક્ષા પાસ કરે છે તેઓને પ્રમાણપત્રો આપે છે. |
| 12.11 | વધુ વિગતો માટે contact@spoken-tutorial.org પર લખો |
| 12.19 | સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટ ટોક ટુ અ ટીચર પ્રોજેક્ટનો એક ભાગ છે |
| 12.23 | જેને આઈસીટી, એમએચઆરડી, ભારત સરકાર મારફતે શિક્ષણ પર નેશનલ મિશન દ્વારા આધાર અપાયેલ છે |
| 12.30 | આ મિશન પરની વધુ માહિતી spoken-tutorial.org/NMEICT-Intro પર ઉપલબ્ધ છે |
| 12.42 | આ ટ્યુટોરીયલ માટે યોગદાન IT for Change દ્વારા અપાયું છે |
| 12.46 | અમને જોડાવાબદ્દલ આભાર. આઈઆઈટી બોમ્બે તરફથી હું, જ્યોતી સોલંકી વિદાય લઉં છું. |
