Linguaggi di Programmazione II · Linguaggi di Programmazione II Anno Accademico 2003/04 Docente modulo 2: Barbara Masucci ... Applet e grafica (cap. 4) Gestione di eventi (cap.9)

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


2003-04 3

Sito Web

Nuovo sito del corso:http://www.dia.unisa.it/professori/masucci/LPII


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


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


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


2003-04 8

Modello Client - Server

client

server

richiesta pagina

pagina

5


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


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


2003-04 11

Un documento HTML minimale<HTML> <HEAD> <TITLE>

Un semplice documento HTML

</TITLE> </HEAD> <BODY>

Questo è un semplicissimo documento HTML

</BODY> </HTML>


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


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>


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


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


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


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{

…}


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


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.


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


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


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


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


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


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


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


2003-04 27

Il primo applet: Visualizzazione


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


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.

*/


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


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);}

}


2003-04 32

17


2003-04 33

Attributi grafici 2D

Un oggetto grafico 2D ha vari attributi:

Colore

Spessore della linea

Motivi di riempimento


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


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);


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


2003-04 37

Metodi di disegnoDue metodi:

draw

traccia il contorno con il colore selezionato

fill

riempie la figura con il colore selezionato


2003-04 38

public void paint(Graphics 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


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);


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


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


2003-04 42

Forme grafiche

Rettangoli

Ellissi e cerchi (ovali)

Linee

Poligoni

Archi

22


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


2003-04 44

Ovali

Per disegnare un ovale (cerchio, ellisse) si

usano le classiEllipse2D.FloatEllipse2D.Double

specificando• vertice superiore sinistro

• larghezza

• altezza

23


2003-04 45

import java.applet.*;

import java.awt.*;

import java.awt.geom.*;

public class Ellissi extends Applet {

public void paint(Graphics g) {


g2.setColor(Color.red);

BasicStroke b1 = new BasicStroke(4.0F);

File Ellissi.java


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


2003-04 47

Ellissi


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


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);


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


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);


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


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);}


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


2003-04 55

ColorApplet.java


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


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


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


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);

}


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


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


2003-04 62

Figura 18Intersezionefra una lineae un cerchio

32


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


2003-04 64

public void paint(Graphics 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


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;

}


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


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);


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


2003-04 69

Esercizi da svolgereP4.4P4.5P4.7P4.14

Documents

Linguaggi di Programmazione II · Linguaggi di Programmazione II Anno Accademico 2003/04 Docente modulo 2: Barbara Masucci ... Applet e grafica (cap. 4) Gestione di eventi (cap.9)