{"id":4704,"date":"2010-10-20T13:25:10","date_gmt":"2010-10-20T11:25:10","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=4704"},"modified":"2010-10-21T12:28:53","modified_gmt":"2010-10-21T10:28:53","slug":"t077-sfruttiamo-magnetometro-e-coregraphics-nelle-nostre-applicazioni-iphone","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/t077-sfruttiamo-magnetometro-e-coregraphics-nelle-nostre-applicazioni-iphone\/","title":{"rendered":"T#077 – Sfruttiamo Magnetometro e CoreGraphics nelle nostre applicazioni iPhone"},"content":{"rendered":"

\"t077-Sfruttiamo-Magnetometro-QuartzCore-applicazioni-iPhone-00\"<\/a> Con questo tutorial voglio spiegare come ruotare dinamicamente un’immagine sfruttando un metodo presente in QuartzCore. Per tale dinamismo sfrutteremo inoltre il magnetometro, che ci permetter\u00e0 di ruotare l’immagine nella direzione di marcia del nostro dispositivo (useremo per questo fine una figura a forma di freccia).<\/p>\n

Partiamo con il nostro progetto<\/h4>\n

Apriamo Xcode e creiamo un nuovo progetto. Dall’elenco dei template disponibili selezioniamo “View-Based Application”. Proseguiamo e chiamiamo il nostro programmino “Rotation”.<\/p>\n


\n\"t077-Sfruttiamo-Magnetometro-QuartzCore-applicazioni-iPhone-01\"<\/a>
\n<\/center><\/p>\n

Aggiungiamo quindi un’immagine che rappresenti una freccia nel nostro progetto, se non ne avete una potete cercarla su google o eventualmente usare quella che abbiamo usato noi nel nostro esempio (che trovare riportata qui sotto). Includiamola quindi nel nostro progetto semplicemente trascinandola e facendo attenzione a spuntare “Copy items into destination group’s folder (if needed)”, che effettuer\u00e0 di fatto una copia e non un semplice link a tale file.<\/p>\n


\n\"\"<\/a>
\n<\/center><\/p>\n

Aggiungiamo i framework necessari<\/h4>\n

Facciamo tasto destro sulla cartella Frameworks -> Add -> Existing Frameworks e selezioniamo “QuartzCore<\/em>” e “CoreLocation<\/em>”<\/p>\n


\n\"t077-Sfruttiamo-Magnetometro-QuartzCore-applicazioni-iPhone-02\"<\/a>
\n<\/center><\/p>\n


\n\"t077-Sfruttiamo-Magnetometro-QuartzCore-applicazioni-iPhone-03\"<\/a>
\n<\/center><\/p>\n

Apriamo quindi il nostro header “rotationViewController.h” e aggiungiamo le seguenti righe di codice:<\/p>\n

\r\n#import \r\n<\/pre>\n
Dichiariamo variabili di istanza e metodi<\/h4>\n
Sempre in questo file (rotationViewController.h) dobbiamo definire il protocollo di accesso al Magnetometro, che possiamo fare in questo modo:<\/p>\n
\r\n@interface rotationViewController : UIViewController   {\r\n<\/pre>\n
Aggiungiamo quindi questi due oggetti e le relative property:<\/p>\n
\t\r\nCLLocationManager\t*locManager;\r\nUIImageView\t\t*imageRotation;\r\nUILabel\t\t\t*courseValue;\r\n}\r\n\r\n@property (assign, nonatomic) CLLocationManager *locManager;\r\n@property (retain, nonatomic) IBOutlet UIImageView *imageRotation;\r\n@property (retain, nonatomic) IBOutlet UILabel *courseValue;\r\n<\/pre>\n
“locManager” sar\u00e0 l’oggetto che istanzieremo per accedere al GPS (nel nostro caso specifico il magnetometro), “imageRotation” \u00e8 una semplice ImageView<\/em> che conterr\u00e0 la nostra immagine da ruotare dinamicamente, “courseValue” \u00e8 una UILabel<\/em> che conterr\u00e0 il valore numerico graficato dalla nostra immagine.<\/p>\n
Implementiamo il codice<\/h4>\n
Ok, ora possiamo spostarci sul nostro file di implementazione per scrivere il codice necessario all’accesso al magnetometro e alla successiva rotazione dell’immagine.<\/p>\n
Usiamo la direttiva  @syntesize<\/em> per poter avere a disposizione i setter<\/em>\/getter<\/em> delle variabili\/oggetti definiti nell’header:<\/p>\n
\r\n@synthesize locManager;\r\n@synthesize imageRotation;\r\n@synthesize courseValue;\r\n<\/pre>\n
Aggiungiamo quindi nel metodo “viewDidLoad” il seguente codice:<\/p>\n
\r\n[imageRotation setImage:[UIImage imageNamed:@\"arrow.png\"]];\r\nself.locManager = [[CLLocationManager alloc] init];\r\nlocManager.delegate = self;\r\n[locManager startUpdatingHeading];\r\n<\/pre>\n
Con la prima istruzione assegner\u00f2 ad “imageRotation” (al momento del caricamento della vista) l’immagine precedentemente importata nel progetto, nel nostro caso l’immagine si chiama arrow.png.
\nLe tre righe successive istanziano l’oggetto “CLLocationManager” necessario per accedere alle propriet\u00e0 del GPS\/Magnetometro e deleghiamo se stesso come “ricevente” di tutti i messaggi generati da “LLocationManager”. Facciamo partire infine gli aggiornamenti generati dal magnetometro.
\nNel nostro caso specifico andremo a leggere la sua propriet\u00e0 “trueHeading<\/em>“, un valore numerico che va da 0 a 359, che possiamo sommariamente considerare come:<\/p>\n