1
Linguaggi di Programmazione II
Anno Accademico 2003/04
Docente modulo 2: Barbara Masucci
Barbara MasucciLinguaggi di Programmazione II
2003-04 2
Dove e come trovarmi
email: [email protected]: http://www.dia.unisa.it/professori/masucciStudio: L1-12Orario di ricevimento:
Martedì, ore 15:00-17:00Giovedì, ore 16:00-17:00
2
Barbara MasucciLinguaggi di Programmazione II
2003-04 3
Sito Web
Nuovo sito del corso:http://www.dia.unisa.it/professori/masucci/LPII
Barbara MasucciLinguaggi di Programmazione II
2003-04 4
Contenuti secondo modulo
Applet e grafica (cap. 4)Gestione di eventi (cap.9)Interfacce utente grafiche (cap. 11)Ereditarietà (cap. 10)Vettori e array (cap. 12)Eccezioni (cap. 13)Flussi (cap. 14)
3
Applet
Anno Accademico 2003/04
Docente modulo 2: Barbara Masucci
Barbara MasucciLinguaggi di Programmazione II
2003-04 6
IntroduzioneIn Java esistono tre tipi di programmi– Applicazioni da console
– Eseguiti da linea di comando– Applicazioni grafiche
– Usano finestre, pulsanti, menu, caselle di controllo, etc
– Applet– Contenuti all’interno di pagine Web – Caricati dinamicamente dalla rete– Eseguiti all’interno di un browser Web
4
Barbara MasucciLinguaggi di Programmazione II
2003-04 7
Le Pagine WebSono file in formato HTML, costituiti da
testoistruzioni (tag) che determinano il formato
Sono memorizzate su computer detti server webSono visibili da computer detti client usando un browser
Barbara MasucciLinguaggi di Programmazione II
2003-04 8
Modello Client - Server
client
server
richiesta pagina
pagina
5
Barbara MasucciLinguaggi di Programmazione II
2003-04 9
Struttura di un documento HTML
Ogni documento HTML inizia con <HTML> e termina con </HTML>;
Viene diviso in due parti Intestazione <HEAD> </HEAD>
Contiene il titolo del documento ed altre informazioni non visualizzate dal browser;
Corpo <BODY> </BODY>
Contiene il documento vero e proprio
Barbara MasucciLinguaggi di Programmazione II
2003-04 10
Titolo di un documentoIl titolo:
è generalmente visualizzato dai browser nell’intestazione
è utilizzato dai motori di ricerca
Per dare un titolo ad un documento si usa il tag <TITLE> </TITLE> all’interno del tag <HEAD>
6
Barbara MasucciLinguaggi di Programmazione II
2003-04 11
Un documento HTML minimale<HTML> <HEAD> <TITLE>
Un semplice documento HTML
</TITLE> </HEAD> <BODY>
Questo è un semplicissimo documento HTML
</BODY> </HTML>
Barbara MasucciLinguaggi di Programmazione II
2003-04 12
Alcuni tag<B> formatta il testo in grassetto<I> formatta il testo in italico<P> delimita un paragrafo<UL> crea un elenco puntato
<LI> indica un punto dell’elenco<IMG> inserisce un’immagine<A> indica un collegamento ipertestuale
7
Barbara MasucciLinguaggi di Programmazione II
2003-04 13
Il tag <applet>Serve per inserire il codice di un appletall’interno di una pagina Web
code: identifica il file .class contenente il bytecodewidth: indica la larghezza della finestra dell’applet
height: indica l’altezza della finestra dell’applet
<applet code=“MyApplet.class”width=“400” height=“300”>
Il mio primo applet</applet>
Barbara MasucciLinguaggi di Programmazione II
2003-04 14
Uso di AppletVantaggi– Il codice dell’applet è in un server web e viene
scaricato dal browser web− L’applet viene eseguito in locale
Svantaggi − Bisogna scaricare l’applet prima di eseguirlo − Un applet potrebbe arrecare un danno all'utente:
− copiare dei dati da archivi residenti sul computer dell’utente− cancellare file − formattare il disco fisso...
8
Barbara MasucciLinguaggi di Programmazione II
2003-04 15
Applet e Sicurezza
Gli applet sono eseguiti in una sandbox, cioè
non possono:
Leggere e scrivere dati sul client
Stabilire connessioni di rete a siti diversi da quello
da cui sono stati prelevati
Eseguire qualsiasi programma sul client
Prelevare programmi registrati sul client
Barbara MasucciLinguaggi di Programmazione II
2003-04 16
Applet e Sicurezza
Un applet è “trusted” seProviene da una sorgente fidata
E’ dotato di firma digitale verificabile, rilasciata da
un’entità di cui ci fidiamo
Gli applet “trusted” hanno maggiori privilegi:
possonoLeggere e scrivere dati sul client
Eseguire programmi in locale, etc
9
Barbara MasucciLinguaggi di Programmazione II
2003-04 17
Struttura di un appletUn applet si definisce mediante una classe che eredita il comportamento della classe Applet del package java.applet
Tale classe deve essere di tipo public
La struttura generale di un applet è la seguente:
import java.applet.*;
public class NomeClasse extends Applet{
…}
Barbara MasucciLinguaggi di Programmazione II
2003-04 18
Applet e Grafica
Per disegnare elementi grafici si utilizza la classeGraphics, contenuta nel package java.awt
E’ necessaria l’istruzione
import java.awt.Graphics
per rendere disponibile la classe Graphics all’interno
del programma
10
Barbara MasucciLinguaggi di Programmazione II
2003-04 19
Coordinate graficheNel disegno è necessario specificare le coordinate dei
vari elementi.
In Java si utilizza un sistema di riferimento cartesianol’origine (0,0) è nel vertice superiore sinistro della finestra dell’applet; il valore della x aumenta spostandosi dall’origine verso destra; il valore della y aumenta spostandosi dall’origine verso il basso.
Barbara MasucciLinguaggi di Programmazione II
2003-04 20
Ciclo di vita di un appletPer le applicazioni il fulcro centrale è costituito dalmetodo main()
Gli applet non possiedono un metodo main() che venga
automaticamente richiamato per avviare il programma
L’attività degli applet è completamente guidata dagli
eventi, tramite vari metodi ereditati dalla classe Applet
11
Barbara MasucciLinguaggi di Programmazione II
2003-04 21
Ciclo di vita di un applet
• init()– Gestisce l’inizializzazione, che avviene al caricamento
in memoria dell’applet– L’inizializzazione avviene una volta sola
• start()– Provvede all’avvio dell’applet– Un applet può essere avviato più volte
• stop()– Determina l’arresto dell’applet– E’ richiamato quando la pagina Web in cui è caricato
l’applet viene abbandonata dall’utente
Barbara MasucciLinguaggi di Programmazione II
2003-04 22
Ciclo di vita di un applet• destroy()
– E’ richiamato per ripulire la memoria prima di abbandonare l’applet
• paint()– Prende in input un oggetto di tipo Graphics– Viene eseguito all’avvio dell’applet e ogni volta che si
verificano ridimensionamenti e spostamenti della finestra del browser
– Mostra sullo schermo ciò che l’applet deve visualizzare
12
Barbara MasucciLinguaggi di Programmazione II
2003-04 23
import java.applet.Applet;import java.awt.Graphics;
public class HelloWorld extends Applet {public void paint(Graphics g) {
g.drawString("Hello World!", 50, 25);}
}
File HelloWorld.java
Barbara MasucciLinguaggi di Programmazione II
2003-04 24
Il primo applet: CompilazioneSalviamo il file con il nome HelloWorld.java
Compiliamolo: javac HelloWorld.javaCiò produce il file HelloWorld.class
Se digitiamo java HelloWorld per eseguire l’applet con l’interprete java otteniamo il seguente messaggio di errore
Exception in thread “main” java.lang.NoSuchMethodError: main
13
Barbara MasucciLinguaggi di Programmazione II
2003-04 25
Per eseguire un applet occorre inserirne il bytecode in una pagina Web usando il tag<APPLET>
L’applet puo’ essere visualizzato conun browser che supporta Java
Netscape 6, OperaMicrosoft Internet Explorer con Java plugin
Applet Viewer, contenuto nel JDK
Il primo applet: Esecuzione
Barbara MasucciLinguaggi di Programmazione II
2003-04 26
<HTML><HEAD><TITLE>Un semplice applet</TITLE></HEAD><BODY>Ecco l’output del mio programma:<APPLET CODE="HelloWorld.class" WIDTH=400 HEIGHT=300>
</APPLET></BODY></HTML>
HelloWorld.html
14
Barbara MasucciLinguaggi di Programmazione II
2003-04 27
Il primo applet: Visualizzazione
Barbara MasucciLinguaggi di Programmazione II
2003-04 28
La classe Graphics2D, introdotta da Java2,
offre nuove potenzialità rispetto a Graphics:
effetti di riempimento e sfumature
definizione di spessori e stili per le linee
realizzazione di grafici 2D
Possiamo convertire un oggetto di tipo Graphics
in uno di tipo Graphics2D mediante un casting:
Graphics2D g2 = (Graphics2D)g;
Graphics e Graphics 2D
15
Barbara MasucciLinguaggi di Programmazione II
2003-04 29
File RectangleApplet.java
import java.applet.Applet;import java.awt.Graphics;import java.awt.Graphics2D;import java.awt.Rectangle;
/**Un applet che disegna due rettangoli.
*/
Barbara MasucciLinguaggi di Programmazione II
2003-04 30
public class RectangleApplet extends Applet{public void paint(Graphics g){
//Recupera il riferimento a Graphics2DGraphics2D g2 = (Graphics2D)g;
//Costruisce un rettangolo e lo disegnaRectangle cerealBox = new
Rectangle(5,10,20,30);g2.draw(cerealBox);
16
Barbara MasucciLinguaggi di Programmazione II
2003-04 31
//sposta il rettangolo a destra di 15 unità
//e in basso di 25 unitàcerealBox.translate(15,25);
//Disegna il rettangolo nella nuova posizione
g2.draw(cerealBox);}
}
Barbara MasucciLinguaggi di Programmazione II
2003-04 32
17
Barbara MasucciLinguaggi di Programmazione II
2003-04 33
Attributi grafici 2D
Un oggetto grafico 2D ha vari attributi:
Colore
Spessore della linea
Motivi di riempimento
Barbara MasucciLinguaggi di Programmazione II
2003-04 34
Colore
Per impostare il colore si usa la classe
ColorI colori sono definiti secondo il sistema RGB
Le percentuali sono espresse da float e variano
da 0.0F (colore non presente) a 1.0F (quantità
massima)
18
Barbara MasucciLinguaggi di Programmazione II
2003-04 35
Colore
Esistono vari colori standardblack (0.0F,0.0F,0.0F), magenta (1.0F,0.0F,1.0F),
blue (0.0F,0.0F,1.0F), orange (1.0F,0.8F,0.0F),
cyan (0.0F,1.0F,1.0F), pink (1.0F,0.7F,0.7F),
darkGray (0.25F,0.25F,0.25F)
red (1.0F,0.0F,0.0F), gray (0.5F,0.5F,0.5F)
white (1.0F,1.0F,1.0F), green (0.0F,1.0F,0.0F)
yellow (1.0F,1.0F,0.0F), lightGray (0.75F,0.75F,0.75F);
Barbara MasucciLinguaggi di Programmazione II
2003-04 36
Impostazione del Colore
Per impostare il colore di un oggetto si usa il
metodo setColor()
g2.setColor(Color.red)
Dopo aver impostato il colore, possiamo
disegnare
19
Barbara MasucciLinguaggi di Programmazione II
2003-04 37
Metodi di disegnoDue metodi:
draw
traccia il contorno con il colore selezionato
fill
riempie la figura con il colore selezionato
Barbara MasucciLinguaggi di Programmazione II
2003-04 38
public void paint(Graphics g){
Graphics2D g2 = (Graphics2D)g;
Rectangle cerealBox = new Rectangle(5,10,20,30);
g2.draw(cerealBox); //disegna in nero
cerealBox.translate(15,25); //sposta il rettangolo
g2.setColor(Color.red); //imposta il colore sul rosso
g2.draw(cerealBox); //disegna in rosso
}
20
Barbara MasucciLinguaggi di Programmazione II
2003-04 39
Spessore della lineaIl metodo BasicStroke(float) specifica lo spessore
della linea
Si usa il metodo setStroke() per impostarlo come
attributo di disegno
BasicStroke b = new BasicStroke(2.0F);
g2.setStroke(b);
Barbara MasucciLinguaggi di Programmazione II
2003-04 40
Riempimento sfumatoPer specificare un passaggio dal colore c1 in (x1,y1) al
colore c2 in (x2,y2) si usa
GradientPaint (x1,y1,Color.c1,x2,y2,Color.c2)
Per impostare una sfumatura come attributo si usa
setPaint(r), dove r è un oggetto GradientPaint
GradientPaint r = new
GradientPaint(10,10,Color.white,50,50,
Color.blue);
g2.setPaint(r);
21
Barbara MasucciLinguaggi di Programmazione II
2003-04 41
Disegno
Dopo aver creato un oggetto Graphics2D e
averne impostato gli attributi…
Colore,
Spessore della linea,
Effetti di riempimento
…si passa al disegno, usando le classe del
package java.awt.geom
Barbara MasucciLinguaggi di Programmazione II
2003-04 42
Forme grafiche
Rettangoli
Ellissi e cerchi (ovali)
Linee
Poligoni
Archi
22
Barbara MasucciLinguaggi di Programmazione II
2003-04 43
Rettangoli
Abbiamo già visto come disegnare rettangoli
mediante la classeRectangle
Possiamo anche usare la classeRectangle2D.Double
specificandone le coordinate mediante valori double
Barbara MasucciLinguaggi di Programmazione II
2003-04 44
Ovali
Per disegnare un ovale (cerchio, ellisse) si
usano le classiEllipse2D.FloatEllipse2D.Double
specificando• vertice superiore sinistro
• larghezza
• altezza
23
Barbara MasucciLinguaggi di Programmazione II
2003-04 45
import java.applet.*;
import java.awt.*;
import java.awt.geom.*;
public class Ellissi extends Applet {
public void paint(Graphics g) {
Graphics2D g2 = (Graphics2D)g;
g2.setColor(Color.red);
BasicStroke b1 = new BasicStroke(4.0F);
File Ellissi.java
Barbara MasucciLinguaggi di Programmazione II
2003-04 46
Ellipse2D.Double egg= new
Ellipse2D.Double(100,30,100,100);
g2.setStroke(b1);
g2.draw(egg);
g2.setColor(Color.blue);
BasicStroke b2 = new
BasicStroke(3.0F);
Ellipse2D.Double circle= new
Ellipse2D.Double(100,150,100,40);
g2.setStroke(b2);
g2.fill(circle);
}}
24
Barbara MasucciLinguaggi di Programmazione II
2003-04 47
Ellissi
Barbara MasucciLinguaggi di Programmazione II
2003-04 48
Linee Per disegnare una linea si usa la classe
Line2D.Double
specificando
• punto iniziale
• punto finale
Line2D.Double segment = new Line2D.Double(x1, y1, x2, y2);
25
Barbara MasucciLinguaggi di Programmazione II
2003-04 49
Linee In alternativa possiamo creare gli estremi
come oggetti di tipo
Point2D.Double
Point2D.Double from = new Point2D.Double(x1,y1);
Point2D.Double to = new Point2D.Double(x2,y2);
Line2D.Double segment = new Line2D.Double(from, to);
Barbara MasucciLinguaggi di Programmazione II
2003-04 50
FontPer creare un font si usa la classe
Font Si crea un oggetto font, specificando:
Il nome e il tipo di font (TimesRoman, Courier,
Helvetica, etc…)
Lo stile (PLAIN, BOLD, ITALIC)
La dimensione in punti
Font huge = new Font(“TimesRoman”, Font.PLAIN, 72);
26
Barbara MasucciLinguaggi di Programmazione II
2003-04 51
Font
Dopo aver creato un oggetto di tipo Font• Si imposta il tipo di carattere con setFont()
• Si visualizza il testo con drawString()
specificando le coordinate del punto base del
primo carattere
String message =“Applet”
g2.setFont(huge);g2.drawString(message,50,100);
Barbara MasucciLinguaggi di Programmazione II
2003-04 52
Ricevere dati in ingressoUn applet può chiedere all’utente di inserire dei dati
Possiamo usare il metodoJOptionPane.showInputDialog
(dobbiamo inserire import javax.swing.JOptionPane;)
Tale metodo va inserito all’interno del metodo init o del costruttore e non nel metodo paint
Altrimenti ogni volta che viene ridisegnato lo schermo l’applet chiede l’inserimento dei dati
27
Barbara MasucciLinguaggi di Programmazione II
2003-04 53
File ColorApplet.javaimport java.applet.Applet;import java.awt.*;import javax.swing.JOptionPane;
public class ColorApplet extends Applet{public void init(){
String input;
input = JOptionPane.showInputDialog(“red”);float r = Float.parseFloat(input);
input = JOptionPane.showInputDialog(“green”);float g = Float.parseFloat(input);
input = JOptionPane.showInputDialog(“blue”);float b = Float.parseFloat(input);
fillColor = new Color(r, g, b);}
Barbara MasucciLinguaggi di Programmazione II
2003-04 54
public void paint(Graphics g){Graphics2D g2 = (Graphics2D)g;g2.setColor(fillColor);Rectangle rect = new Rectangle(5, 10, 20, 30);g2.fill(rect);}
private Color fillColor;}
28
Barbara MasucciLinguaggi di Programmazione II
2003-04 55
ColorApplet.java
Barbara MasucciLinguaggi di Programmazione II
2003-04 56
Passaggio di parametriE’ possibile passare dei parametri agli applet utilizzando il tag <PARAM> all’interno del tag <APPLET>
<PARAM NAME=“Red” VALUE=”1.0”>
Si accede a tali parametri con il metodo getParameter(),che
prende in input la stringa corrispondente al nome del parametro restituisce la stringa corrispondente al valore del parametro
float r = Float.parseFloat(getParameter(“Red”));
29
Barbara MasucciLinguaggi di Programmazione II
2003-04 57
Passaggio di parametriIl metodo getParameter può essere invocato nei metodi
initpaint
…ma non nel costruttorealla prima invocazione, i parametri non sono ancora pronti
Barbara MasucciLinguaggi di Programmazione II
2003-04 58
Applet con parametri<html>
<head>
<title>Applet con parametri</title><\head>
<body>
<applet code=“ColorApplet.class” width=“300” height=“300”>
<param name=“Red” value=“1.0”>
<param name=“Green” value=“0.7”>
<param name=“Blue” value=“0.7”></applet>
</body>
</html>
30
Barbara MasucciLinguaggi di Programmazione II
2003-04 59
File ColorApplet.javaimport java.applet.Applet;import java.awt.Graphics;import java.awt.Graphics2D;Import java.awt.Color;import java.awt.Rectangle;
public class ColorApplet extends Applet{public void init(){
//Recupera i parametri dal file HTMLfloat r =
Float.parseFloat(getParameter(“Red”));float g =
Float.parseFloat(getParameter(“Green”));float b =
Float.parseFloat(getParameter(“Blue”));fillColor = new Color(r, g, b);
}
Barbara MasucciLinguaggi di Programmazione II
2003-04 60
public void paint(Graphics g){Graphics2D g2 = (Graphics2D)g;g2.setColor(fillColor);Rectangle rect = new Rectangle(5, 10, 20, 30);g2.fill(rect);}
private Color fillColor;}
31
Barbara MasucciLinguaggi di Programmazione II
2003-04 61
EsempioVogliamo trovare l’intersezione tra un cerchio e una linea verticale
Raggio del cerchio: 100Centro del cerchio: (100,100)Posizione della linea: specificata dall’utente
Scriviamo un applet che disegnaIl cerchioLa lineaI punti di intersezioneLe etichette dei punti di intersezione
Barbara MasucciLinguaggi di Programmazione II
2003-04 62
Figura 18Intersezionefra una lineae un cerchio
32
Barbara MasucciLinguaggi di Programmazione II
2003-04 63
import java.applet.Applet;import java.awt.Graphics;import java.awt.Graphics2D; import java.awt.geom.Ellipse2D;import java.awt.geom.Line2D;import javax.swing.JOptionPane;
public class IntersectionApplet extends Applet{
public void init(){
//Chiede all’utente la coordinata x della lineaString input= JOptionPane.showInputDialog("x:");x = Integer.parseInt(input);
}
File IntersectionApplet.java
Barbara MasucciLinguaggi di Programmazione II
2003-04 64
public void paint(Graphics g){
Graphics2D g2 = (Graphics2D)g;
// disegna il cerchioEllipse2D.Double circle = new
Ellipse2D.Double(0, 0, 2 * RADIUS, 2 * RADIUS);g2.draw(circle);
// disegna la linea verticaleLine2D.Double line
= new Line2D.Double(x, 0, x, 2 * RADIUS);g2.draw(line);
// coordinate del centro del cerchiodouble a = RADIUS;double b = RADIUS;
33
Barbara MasucciLinguaggi di Programmazione II
2003-04 65
//calcola i punti di intersezionedouble root
= Math.sqrt(RADIUS * RADIUS - (x - a) * (x - a));double y1 = b + root;double y2 = b - root;
// disegna i punti di intersezione
LabeledPoint p1 = new LabeledPoint(x, y1);LabeledPoint p2 = new LabeledPoint(x, y2);
p1.draw(g2);p2.draw(g2);
}
private static final double RADIUS = 100;private double x;
}
Barbara MasucciLinguaggi di Programmazione II
2003-04 66
import java.awt.Graphics2D;import java.awt.geom.Ellipse2D;
/**Un punto con un’etichetta che mostra le
coordinate del punto stesso.*/public class LabeledPoint{
/**Costruisci un punto etichettato.@param anX la coordinata x@param anY la coordinata y
*/public LabeledPoint(double anX, double anY){
x = anX;y = anY;
}
File LabeledPoint.java
34
Barbara MasucciLinguaggi di Programmazione II
2003-04 67
/**Disegna il punto come un piccolo cerchio con un’etichetta per le coordinate.@param g2 il contesto grafico
*/public void draw(Graphics2D g2){
// disegna un piccolo cerchio attorno a (x, y)
Ellipse2D.Double circle = new Ellipse2D.Double(x – SMALL_CIRCLE_RADIUS,y – SMALL_CIRCLE_RADIUS,2 * SMALL_CIRCLE_RADIUS,2 * SMALL_CIRCLE_RADIUS);
g2.draw(circle);
Barbara MasucciLinguaggi di Programmazione II
2003-04 68
// disegna l’etichetta
String label = "(" + x + "," + y + ")";
g2.drawString(label, (float)x, (float)y);}
private static final double SMALL_CIRCLE_RADIUS = 2;
private double x;private double y;
}
35
Barbara MasucciLinguaggi di Programmazione II
2003-04 69
Esercizi da svolgereP4.4P4.5P4.7P4.14