{"id":4477,"date":"2010-09-30T12:13:27","date_gmt":"2010-09-30T10:13:27","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=4477"},"modified":"2010-10-04T18:25:30","modified_gmt":"2010-10-04T16:25:30","slug":"t073-uiprogressview-e-nstimer-come-creare-una-semplice-barra-di-caricamento","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/t073-uiprogressview-e-nstimer-come-creare-una-semplice-barra-di-caricamento\/","title":{"rendered":"T#073 – UIProgressView e NSTimer: come creare una semplice barra di caricamento"},"content":{"rendered":"

\"t073<\/a> Eccoci con un nuovo tutorial semplice semplice. In questo articolo vedremo come implementare un’ “UIProgressBar<\/em>“, ovvero la barra che si usa per segnalare all’utente il caricamento di un qualche cosa o lo svolgimento di un\u2019azione. Nel nostro caso cambieremo il colore di sfondo della nostra applicazione. Vedremo, quindi, come utilizzare la classe “NSTimer<\/em>“, ovvero un temporizzatore, che ci permetter\u00e0 nel nostro caso di eseguire animazioni e transizioni con durata predefinita.<\/p>\n

1. Creiamo un nuovo progetto<\/h4>\n

Aprimo Xcode, selezioniamo \u201cFile -> New Project\u201d. Nel men\u00f9 che ci appare selezioniamo \u201cView-based Application\u201d, clicchiamo su \u201cChoose\u2026\u201d e immettiamo come nome \u201cProgressColour\u201d e fate clic su \u201cSave\u201d. Abbiamo cos\u00ec creato il nostro nuovo progetto.
\n\"t073<\/a>
\nApriamo il file \u201cProgressColourViewController.h\u201d e definiamo i seguenti componenti:<\/p>\n

#import \r\n\r\n@interface ProgressColourViewController : UIViewController {\r\n\tIBOutlet UILabel *progressLabel;\r\n\tIBOutlet UIProgressView *progressBar;\r\n\r\n\tIBOutlet UIButton *bottoneBlu;\r\n\tIBOutlet UIButton *bottoneRosso;\r\n}\r\n\r\n- (IBAction)caricamentoColore:(id)bottone;\r\n\r\n@end<\/pre>\n
La label definita alla riga 4 servir\u00e0 per mostrare un messaggio all\u2019utente sul grado di completamento dell\u2019animazione, mentre la UIProgressBar dar\u00e0 la stessa informazioni ma in maniera pi\u00f9 visiva (\u00e8 una classica barra di caricamento). Abbiamo, inoltre, dichiarato anche due bottoni UIButton: vedremo, poi, il perch\u00e8 di questa dichiarazione.
\nL’azione alla riga 11 verr\u00e0 associata ad entrambi i bottoni, infatti sar\u00e0 questo metodo ad avviare il cambio di colore dello sfondo. Nell’intestazione di questo metodo c’\u00e8 anche un parametro “bottone” di tipo “id”: questo ci servir\u00e0 per determinare quale bottone ha invocato il metodo, in modo da poter caricare il colore scelto dall’utente.<\/p>\n
Possiamo ora iniziare a definire l\u2019aspetto grafico dell\u2019applicazione, aprendo il file \u201cProgressColourViewController.xib\u201d.<\/p>\n
2. Definiamo l\u2019aspetto grafico dell\u2019applicazione<\/h4>\n
Inseriamo nella nostra vista i primi due componenti necessari: una UILabel e una UIProgressView. Ricreate una disposizione simile a questa (ovviamente nessuno vi vieta di personalizzarla a vostro piacimento):
\n\"t073<\/a>
\nCome potete notare la label e la barra di progresso occupano quasi per intero la larghezza della vista, questo per rendere pi\u00f9 evidente ci\u00f2 che avviene. Selezioniamo la label e apriamo \u201cAttributes Inspector\u201d, per modificare alcune propriet\u00e0:<\/p>\n