Tutorial pratici per iPhone SDK v1.6 - Get a Free Blog

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
! UITouch *touch = [touches anyObject];!
! CGPoint puntoCorrente = [touch locationInView:viewDisegno];
!
! // definiamo il contest grafico
! UIGraphicsBeginImageContext(viewDisegno.frame.size);
! [viewDisegno.image drawInRect:CGRectMake(0, 0,
viewDisegno.frame.size.width, viewDisegno.frame.size.height)];
! // settiamo la forma e la dimensione del pennello
! CGContextSetLineCap(UIGraphicsGetCurrentContext(), kCGLineCapRound);
! CGContextSetLineWidth(UIGraphicsGetCurrentContext(), dimensione-
Pennello);
! // convertiamo il colore e impostiamolo come colore del pennello
! const CGFloat *components = CGColorGetComponents([colorePennello
CGColor]);
! CGContextSetRGBStrokeColor(UIGraphicsGetCurrentContext(), components[0],
components[1], components[2], components[3]);
! // disegna il percorso
! CGContextBeginPath(UIGraphicsGetCurrentContext());
! CGContextMoveToPoint(UIGraphicsGetCurrentContext(),
ultimoPunto.x, ultimoPunto.y);
! CGContextAddLineToPoint(UIGraphicsGetCurrentContext(),
puntoCorrente.x, puntoCorrente.y);
! CGContextStrokePath(UIGraphicsGetCurrentContext());
! // settiamo il disegno appena creato
! viewDisegno.image = UIGraphicsGetImageFromCurrentImageContext();
! UIGraphicsEndImageContext();
!
! ultimoPunto = puntoCorrente;!
}
Iniziamo ad analizzare passo passo il codice che abbiamo appena scritto.
Alla riga 7 troviamo la definizione di un “Graphics Contexts”. Questo è un aspetto complesso
del Core Graphics, ma utilizzando questa funzione lo adattiamo semplicemente alla nostra
UIImageView, che infatti gli passiamo come parametro. Questo ci permetterà di disegnare all’interno
della nostra immagine. Con l’istruzione seguente, infatti, definiamo l’area in cui potremo
disegnare: essa avrà la stessa dimensione dell’immagine “viewDisegno”.
Le righe 10 e 11 si riferiscono alla definizione del “pennello”, con cui l’utente disegnerà sullo
schermo. Prima, infatti, viene impostata la forma (in questo caso “kCGLineCapRound” è di
forma circolare, ma possiamo anche farlo quadrato o triangolare, vi basta guardare la documentazione
per vedere gli altri valori possibili), poi la dimensione, passando ovviamente la variabile
“dimensionePennello”, che contiene proprio il valore desiderato (riga 11).
Le righe 13 e 14 servono per impostare il colore al nostro pennello. Abbiamo visto prima che il
colore è definito da un elemento UIColor. Purtroppo dobbiamo convertire le varie componenti
in CGFloat, e l’unico modo che ho trovato è quello che vedete nel codice. Prima convertiamo
Tutorial pratici per iPhone SDK! 168