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

Capitolo 16: Realizziamo il nostro “Brushes”
Quello che ho pensato per voi questa volta è un po’ particolare, ma secondo me molto carino e
con molte cose utili. Sicuramente tutti voi conoscerete Brushes (link iTunes), un programma
molto famoso per disegnare sul proprio iPhone e iPod Touch.
Ho pensato, quindi, di spiegarvi come realizzarne uno tutto vostro! Realizzeremo una vista che
conterrà la “tavola grafica”, ovvero la parte in cui l’utente potrà diegnare. Ci sarà, poi, una seconda
vista in cui inseriremo le impostazioni, per permettere all’utente di cambiare il colore e
la dimensione del pennello. Vedremo, infine, come fare in modo che l’utente possa salvare i
propri disegni nell’Album foto dell’iPhone.
PARTE 1: CREIAMO LA TAVOLA GRAFICA
In questa prima parte vedremo come fare in modo che l’utente possa, muovendo il dito sullo
schermo, disegnare a suo piacimento. Per questa applicazione sfrutteremo il template “Utility
Application”, che ci permette di avere già due viste, in modo da risparmiare un po’ di lavoro.
CREIAMO UN NUOVO PROGETTO
Iniziamo creando il progetto per la nostra applicazione. Create un nuovo progetto di tipo “Utility
Application” e inserite “SampleBrushes” come nome.
La struttura che abbiamo selezionato ci mette a disposizione due viste: una “Main View” che è
quella che appare inizialmente, e una “Flipside View”, che appare se viene premuto il pulsante
“i” (info), con un’animazione già definita. Queste due viste, quindi, potremo sfruttarle per creare
la nostra applicazione: nella “Main View” creeremo la zona in cui l’utente potrà disegnare,
mentre nella “Flipside View” inseriremo le impostazioni (quindi il colore del pennello, la dimensione,
etc).
Prima di definire l’aspetto grafico della nostra applicazione, definiamo un componente che poi
andremo a collegare con un elemento in Interface Builder.
Aprite, quindi, il file “MainViewController.h” (nella sottocartella “Main View”) e inserite le seguenti
definizioni:
1
2
3
4
5
6
7
8
9
10
11
#import "FlipsideViewController.h"
@interface MainViewController : UIViewController
{
! IBOutlet UIImageView *viewDisegno;
!
}
- (IBAction)showInfo;
- (IBAction)cancella;
@end
Tutorial pratici per iPhone SDK! 162