Tags:    java gui swing

Indledning

Hvis man gerne vil lave GUI i java, har man som regel to muligheder. Den ene er AWT(Abstract Windowing Toolkit), der er en hardware accelereret window toolkit, og er lidt forældet og bliver ikke rigtigt supportet fra suns side længere. Og så er der swing, der er software accelereret window toolkit fra sun, der stadigvæk bliver udviklet. Og så er der SWT fra eclipse; men som dog ikke er tilgængelig i 1.6 JRE. I denne artikel, vil jeg fokuserer på Swing, da denne er den nyeste og denne stadigvæk bliver udviklet på, Dog er det hovedsageligt Layout delen af swing, der bliver kigget på i denne artikel.

1. Eksempel på en GUI

For at lave en GUI i java, er der nogle vigtige grundprincipper, man skal huske på. Men da jeg selv, finder det nemmere, at se koden først og finde principperne bagefter, starter vi med at kigge på et eksempel, med hvordan man kan lave et vindue og indsætte en kanp i den, og få programmet til at gøre noget, når man klikker på knappen.

 import java.awt.Dialog;
 import java.awt.event.ActionEvent;
 import java.awt.event.ActionListener;
 
 import javax.swing.JButton;
 import javax.swing.JFrame;
 import javax.swing.JOptionPane;
 import javax.swing.JPanel;
 import javax.swing.UIManager;
 import javax.swing.UnsupportedLookAndFeelException;
 
 
 public class Frame extends JFrame {
 
     //Constructor
     public Frame(){
         /*Denne linje sikrer, at vores program lukker ned,
          * når man klikker på "luk vinduet" knappen */        
         this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);        
         
         /*Her kan man sætte størrelsen på sit vindue
          *I dette tilfælde har jeg valgt 200 * 200 pixels  
          */
         this.setSize(200, 200);
             
         /*Vi laver her vores panel, hvor vores komponenter skal være på
         Samt at sætte denne til ikke at have et default layout, da vi
         så selv kan bestemme, hvor vores komponenter skal være.*/
         JPanel panel = new JPanel();
         panel.setLayout(null);
         
         /*Her laves den kanp, vi senere skal tilføje 
          * og vi sætter den til at ligge øverst i venstre
          * hjørne, samtidig med at den er 130 pixels bred og
          * 30 pixels høj */
         JButton b1 = new JButton("My First Button");
         b1.setBounds(0, 0, 130, 30);
         
         /*Her tilføjes, hvad der skal gøres når der bliver 
          * klikket på knappen.
          */
         b1.addActionListener(new ActionListener() {            
             public void actionPerformed(ActionEvent arg0) {
                 //Denne linje åbner en ny messageDialog, med teksten "You Pressed the Button!"
                 JOptionPane.showMessageDialog(new JFrame(), "You Pressed the Button!");                
             }
         });
         
         //Knappen tilføjes til vores panel
         panel.add(b1);
         
         //Vores panel tilføjes til vores hovedvindue
         this.add(panel);
         
         //Denne metode skal kaldes for at vinduet vises
         this.setVisible(true);
     }
     
     //Vores main metode, hvor vi kun konstruerer en ny Frame
     public static void main(String[] args) {
         //Denne linjes kode sætter vores look and feel til at ligne ens OS
         try {
             UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
         } catch(Exception e){
             
         }
         Frame frame = new Frame();
     }
 }

Du skulle nu meget gerne ende op med et vindue, der nogenlunde ligner dette vindue, afhængigt af hvilket operativ system, du benytter dig af. Jeg benytter mig selv, af windows 7, og standard temaet i windows 7.

Forståelse for Swing

Vi ville nu kunne gennemgå, hvad de enkelte dele af koden gør; men dette springer vi lidt over, da det er rimeligt detaljeret i kommentarene i koden. Vi springer i stedet hen til det kedelige sted, nemlig forståelsen for, hvordan koden virker og hvorfor den skal se ud som den gør. For at få dette, skal vi først have en lille forståelse af, hvordan swing tænker.

Når man benytter sig af swing, skal man tænke i tre dele (JFrame, Panel, Component) som vidst på tegneningen.


JFrame
Dette er vores main vindue, som vi indsætter alle vores komponenter på.

JPanel
Dette er et komponent, hvor mange kan samle flere komponenter på, dette vil især være brugbart, når vi begynder at kigge på LayoutManagers.

JButton og andre komponenter
Dette er de komponenter, som vi ligger enten på vores paneler eller vindue.

Nu da du har fået grundforståelsen for, hvordan gui fungerer i swing, kan du roligt bevæge dig videre i artiklen.



Hvad synes du om denne artikel? Giv din mening til kende ved at stemme via pilene til venstre og/eller lægge en kommentar herunder.

Del også gerne artiklen med dine Facebook venner:  

Karma barometer (30 dage)

IT jobs | Kontakt | Om Udvikleren.dk | Om karma | IT nyheds arkiv | Annoncering

X