INTERFACCE GRAFICHE IN JAVA - I

[Per corso su Java vedere http://java.sun.com/docs/books/tutorial/]

Java prevede nella sua API librerie di classi da usare in un programma per creare e gestire GUI. Parte delle Java Foundation Classes (JFC), librerie di classi standard Java.

In Java sia le finestre che gli elementi/dispositivi di interfaccia sono chiamati componenti.

Due librerie di componenti:

• Java AWT
• Java Swing

Note storiche

• piu' limitato nella varieta' di componenti di interfaccia forniti
• componenti di interfaccia meno sofisticati (es. bottoni possono avere etichette solo testuali)
• AWT components sono "heavyweight"

• maggiore varieta' di compomenti di interfaccia
• componenti piu' sofisticati (es. posso avere bottoni etichettati con testo e/o immagini)
• Swing components sono "lightweight" (piu' efficienti)
• aspetto riconfurabile (la stessa interfaccia puo' essere visualizzata con aspetto stile Windows o stile Motif ecc.)
• funzioni avanzate per grafica 2D

AWT e Swing hanno struttura e modo d'uso molto simile. Li vediamo entrambi parallelamente.

Le classi di componenti di AWT hanno equivalente in Swing. Componenti Swing si riconoscono perche' il nome inizia per "J" (es: Button e JButton).

Metodo orientato a oggetti

• ogni tipo di componente di interfaccia: finestre, dispositivi...
• ogni informazione accessoria associata ad una componente di interfaccia: fonts, layout managers che controllano il posizionamento dei dipositivi in una finestra...
• ogni tipo di evento
• le callback per gli eventi: per definire una callback devo definire una classe "listener" (=ascoltatrice, recettrice) del tipo di evento che mi interessa

Schema di un programma che realizza interfaccia in Java

Esempio

Versione AWT (AWTExample.java)

import java.awt.*;
import java.awt.event.*;

public class AWTExample extends Frame
{
    private static String labelPrefix = "Number of clicks: ";
    private int numClicks = 0;
    Label label = null;
    Button button = null;

    public AWTExample()
    {
        label = new Label(labelPrefix + "0    ");
        button = new Button("Click me!");
        button.addActionListener(new ActionListener() 
        {
            public void actionPerformed(ActionEvent e)
            {   numClicks++;
                label.setText(labelPrefix + numClicks);
            }
        });
        setLayout(new GridLayout(2, 1));
        add(button);
        add(label);
        addWindowListener(new WindowAdapter()
        {
            public void windowClosing(WindowEvent e)
            {   System.exit(0);
            }
        });
        pack();
        setVisible(true);
    }

    public static void main(String[] args)
    {
        AWTExample app = new AWTExample();
    }
}

Versione Swing (SwingExample.java)

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;

public class SwingExample extends JFrame
{
    private static String labelPrefix = "Number of clicks: ";
    private int numClicks = 0;
    JLabel label = null;
    JButton button = null;

    public SwingExample()
    {
        label = new JLabel(labelPrefix + "0    ");
        button = new JButton("Click me!");
        button.addActionListener(new ActionListener()
        {
            public void actionPerformed(ActionEvent e)
            {   numClicks++;
                label.setText(labelPrefix + numClicks);
            }
        });
        Container panel = getContentPane();
        panel.setLayout(new GridLayout(2, 1));
        panel.add(button);
        panel.add(label);
        addWindowListener(new WindowAdapter()
        {
            public void windowClosing(WindowEvent e)
            {   System.exit(0);
            }
        });
        pack();
        setVisible(true);
    }

    public static void main(String[] args)
    {
        SwingExample app = new SwingExample();
    }
}

Schema generale

1. Importare i packages necessari
2. Stabilire finestra top-level
3. Stabilirne il contenuto
4. Stabilire gestione degli eventi nelle componenti
5. Far partire l'interfaccia

Importare i packages

Stabilire finestra top-level

I punti 3,4,5 sono eseguiti nel costruttore della classe AWTExample / SwingExample: l'interfaccia crea se stessa e parte. Il main semplicemente esegue la costruzione di un oggetto della classe.

Stabilire il contenuto della finestra

• In AWT: li aggiungo direttamente nel Frame (che e' un contenitore).
• In Swing: li aggiungo nel "pannello di contenuto" associato al JFrame.

Versione AWT:

      Frame  (finestra principale, contenitore)
        |
   +----+-----+
   |          |
 Button     Label     (bottone ed etichetta)

      JFrame  (finestra principale, contenitore top-level)
        |
   content panel  (contenitore intermedio)
        |
   +----+-----+
   |          |
JButton    JLabel     (bottone ed etichetta)

Il layout manager stabilisce come sono posizionati i componenti dentro a un contenitore. Usiamo layout a griglia con 2 righe e 1 colonna.

L'istruzione pack fa si' che il contenuto della finestra venga compattato per occupare il minimo spazio necessario.

Stabilire gestione degli eventi

Per gestire evento "attivazione" (classe Actionevent) e' necessario definire una sotto-classe di ActionListener che implementi il metodo ActionPerformed eseguendo l'operazione desiderata. Poi creare un oggetto di tale classe ed associarlo al bottone.

Il tutto si puo' fare contemporaneamente: l'istruzione usata crea un oggetto ActionListener dove il metodo ActionPerformed e' ridefinito nel modo indicato (ActionPerformed e' l'unico metodo di ActionListener).

Analogamente per evento "chiusura" (classe WindowEvent) della finestra.
Differenza: qui definisco sottoclasse di WindowAdapter invece che di WindowListener perche' intendo riferinire solo il metodo windowClosing (WindowListener ha anche altri metodi).
Esiste un adapter per ogni classe listener che prevede piu' di un metodo. Le classi listener con un metodo solo non hanno bisogno di adapter).

Far partire l'interfaccia