{"id":2813,"date":"2010-03-31T11:31:25","date_gmt":"2010-03-31T09:31:25","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=2813"},"modified":"2010-03-31T11:31:25","modified_gmt":"2010-03-31T09:31:25","slug":"uialertview-guida-completa-all-uso","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/uialertview-guida-completa-all-uso\/","title":{"rendered":"UIAlertView – Guida completa all\u2019uso"},"content":{"rendered":"

Ogni buon programma dovrebbe intercettare eventuali errori che si manifestano durante l’uso del programma, dovuti all’azione degli utenti o per qualunque altra causa esterna, e mostrare sul display un messaggio che li aiuti a correggere le scelte errate o comunque a capire cosa sta accadendo e perch\u00e8 l’applicazione ha smesso di funzionare. Potreste inoltre aver bisogno per un qualsiasi altro motivo di attirare semplicemente l’attenzione dell’utente. Per tutto questo viene in nostro aiuto l’oggetto UIAlertView<\/strong>.<\/p>\n


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

Le basi<\/h4>\n

L’utilizzo di una alert view a livelli basilari non presenta difficolt\u00e0. Il seguente codice, ad esempio, far\u00e0 apparire un semplice avviso contenente un titolo, un messaggio e un bottone “OK” per la chiusura dello stesso:<\/p>\n

\r\nUIAlertView * alertView = [[UIAlertView alloc] initWithTitle:@\"Alert View Title\" message:@\"Alert View Text\" delegate:nil cancelButtonTitle:nil otherButtonTitles:@\"OK\", nil];\r\n[alertView show];\r\n[alertView release];\r\n<\/pre>\n
Analiziamo insieme il codice:<\/p>\n
\r\nUIAlertView * alertView = [[UIAlertView alloc] initWithTitle:@\"Alert View Title\" message:@\"Alert View Text\" delegate:nil cancelButtonTitle:nil otherButtonTitles:@\"OK\", nil];\r\n<\/pre>\n
Questa riga di codice inizializza<\/strong> il nostro alert.<\/p>\n
Title<\/strong> e message<\/strong> sono rispettivamente il titolo ed il messaggio dell’alert; essi si distinguono inoltre per lo spessore del carattere: il primo \u00e8 in grassetto mentre il secondo no.<\/p>\n
Delegate<\/strong> \u00e8 il delegato dell’alert. In questo caso il suo attributo \u00e8 nullo, ma nella fase successiva della guida non lo sar\u00e0 pi\u00f9.<\/p>\n
CancelButtonTitle<\/strong> \u00e8 il titolo del bottone che in genere viene usato per cancellare un’azione ed \u00e8 espresso con una NSString. Nel nostro esempio abbiamo deciso di non metterlo poich\u00e9 non vi era il bisogno di cancellare nulla.<\/p>\n
OtherButtonTitles<\/strong> sono i titoli di tutti i restanti bottoni che vogliamo mettere. L’attributo \u00e8 composto da una serie di NSString (ricordatevi di chiuderla con nil!).<\/p>\n
Alla pressione di un bottone l’avviso scomparir\u00e0 automaticamente.<\/p>\n
\r\n[alertView show];\r\n<\/pre>\n
Questa istruzione serve a mostrare l’alert con la sua relativa animazione, penso che non vi sia da aggiungere altro.<\/p>\n
\r\n[alertView release];\r\n<\/pre>\n
Avendo prima allocato l’oggetto \u00e8 importante rilasciarlo!<\/p>\n

\n\"Alert<\/a>
\n<\/center><\/p>\n
Interagire con l’utente<\/h4>\n
Vediamo ora come possiamo effettuare certe azioni in base alla risposta dell’utente ad un avviso.
\nVogliamo far s\u00ec che alla pressione del bottone “OK” venga mostrato in console un messaggio, mentre alla pressione del pulsante “Cancel” non venga mostrato nulla.
\nPer “captare” la risposta dell’utente all’avviso abbiamo bisogno di implementare il protocollo UIAlertViewDelegate<\/em> nella classe del nostro documento (generalmente il file di intestazione .h).<\/p>\n
\r\n@interface MiaSottoclasse : NSObject  {\r\n}\r\n<\/pre>\n
Il nome della sottoclasse e della classe varier\u00e0 ovviamente a seconda del progetto.<\/p>\n
Come possiamo osservare anche nella documentazione Apple<\/a> il protocollo ci offre nuovi metodi con i quali essere notificati.<\/p>\n
Prendiamo in considerazione questo:<\/p>\n
\r\n- (void)alertView:(UIAlertView *)alertView willDismissWithButtonIndex:(NSInteger)buttonIndex\r\n<\/pre>\n
Il metodo relativo al tasto premuto viene chiamato quando una Alert View si accinge a sparire. Nei suoi attributi troviamo infatti l’index, (l’identificativo) del bottone premuto. L’index va da 0, per il primo tasto in ordine di apparizione, a salire.<\/p>\n
Inizializiamo il nostro avviso come visto in precedenza, questa volta specificando come delegato self<\/em>, ovvero la propria classe e mettendo come attributo in cancelButtonTitle: @”Cancel”<\/em>.<\/p>\n
Modifichiamo ora il nostro metodo:<\/p>\n
\r\n- (void)alertView:(UIAlertView *)alertView willDismissWithButtonIndex:(NSInteger)buttonIndex{\r\n    if(buttonIndex == 0){\r\n        \/\/ \u00c8 stato premuto il bottone Cancel\r\n    } else if (buttonIndex == 1){\r\n        \/\/\u00c8 stato premuto il bottone OK\r\n        NSLog(@\"Bottone premuto: OK!\");\r\n    }\r\n}\r\n<\/pre>\n
Nella nostra modifica \u00e8 stato semplicemente aggiunto un ciclo if e un NSLog che mostra il messaggio in Console.<\/p>\n

\n\"Alert<\/a>
\n<\/center><\/p>\n
Customizzare una Alert View<\/h4>\n
Le Alert View non vengono solo utilizzate per comunicare errori o per messaggi o conferme agli utenti delle nostre applicazioni, possono essere infatti impiegate anche per mostrare altre informazioni. Ad esempio, potremmo usare un’AlertView personalizzata per mostrare il caricamento di un’altra vista, ovviamente per\u00f2 potremo farlo grazie ad alcune piccole modifiche. Ricordate infatti che una Alert View, \u00e8 di fatti un UIView, (da cui eredita propriet\u00e0 e metodi), e essendo tale, \u00e8 in gran parte modificabile.<\/p>\n
In questa parte della nostra guida vogliamo integrare in essa un indicatore di caricamento (UIActivityIndicatorView).<\/p>\n
Per prima cosa inizializiamo la nostra “rotellina” e facciamola partire:<\/p>\n
\r\nUIActivityIndicatorView * activityView = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge];\r\n\t\/\/La posizione dell'indicatore varia dal testo dell'alert\r\n\tactivityView.frame = CGRectMake(121.0f, 50.0f, 37.0f, 37.0f);\r\n\t[activityView startAnimating];\r\n<\/pre>\n
Ora aggiungiamola al nostro alert e rilasciamola:<\/p>\n
\r\nalertView3 = [[UIAlertView alloc] initWithTitle:@\"Loading\" message:nil delegate:nil cancelButtonTitle:nil otherButtonTitles:nil];\r\n\t\/\/Aggiungo l'indicatore come una subview\r\n\t[alertView3 addSubview:activityView];\r\n\t[activityView release];\r\n\t[alertView3 show];\r\n<\/pre>\n
Quando proverete l’avviso noterete che non avrete alcun bottone per dimetterlo; sarete infatti voi a farlo via codice quando avrete finito di caricare tramite questa semplice istruzione:<\/p>\n
\r\n[alertView3 dismissWithClickedButtonIndex:0 animated:YES];\r\n<\/pre>\n

\n\"Alert<\/a>
\n<\/center><\/p>\n
Ogni alert \u00e8 completamente customizzabile, potete infatti aggiungervi Text Fields<\/a>, Sliders e quello che pi\u00f9 preferite. Tenete comunque presente che il motivo per cui sono nati gli alert \u00e8 esclusivamente quello di richiedere l’attenzione dell’utente!<\/p>\n
Nel caso abbiate problemi nel seguire il codice della guida o vogliate per semplice curiosit\u00e0 scaricare il progetto contenente tutti gli esempi lo potete fare da qui<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"
Ogni buon programma dovrebbe intercettare eventuali errori che si manifestano durante l’uso del programma, dovuti all’azione degli…<\/p>\n","protected":false},"author":197,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[42],"tags":[42,5,4,161,93],"class_list":["post-2813","post","type-post","status-publish","format-standard","hentry","category-framework","tag-framework","tag-objective-c","tag-programmazione","tag-uiactivityindicator","tag-uialertview"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/2813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/users\/197"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/comments?post=2813"}],"version-history":[{"count":20,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/2813\/revisions"}],"predecessor-version":[{"id":2832,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/2813\/revisions\/2832"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=2813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=2813"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=2813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}