{"id":5900,"date":"2011-02-17T17:08:42","date_gmt":"2011-02-17T16:08:42","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=5900"},"modified":"2011-02-17T17:08:42","modified_gmt":"2011-02-17T16:08:42","slug":"t085-creare-una-lista-di-preferiti-parte-1","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/t085-creare-una-lista-di-preferiti-parte-1\/","title":{"rendered":"T#085 – Creare una lista di Preferiti (Parte 1)"},"content":{"rendered":"

\"t085-Creare-una-lista-di-preferiti-xcode-iphone-ipad-00\"<\/a> Ciao a tutti colleghi sviluppatori \ud83d\ude42 Per il mio primo articolo su devAPP.it ho pensato di scrivere una guida che io stesso qualche tempo fa ho richiesto per questo blog attraverso il Forum<\/a>, ma che purtroppo, viste le numerose richieste, non \u00e8 ancora mai stata pubblicata\u2026 fino ad ora \ud83d\ude42 A quel tempo ero alla disperata ricerca di una guida per completare la mia prima applicazione per iPhone, “Japanese Grammar Dictionary: Basic<\/a>“. Purtroppo, come dicevo, non l’ho trovata: n\u00e8 qui n\u00e8 altrove, quindi mi sono dovuto arrangiare da solo. Alla fine, tra documentazione Apple e l’aiuto di uno sviluppatore esperto sono riuscito nel mio intento: creare una tab che mostrasse una tableView<\/em> con una lista modificabile di preferiti nella mia applicazione iPhone<\/strong>. Spiegare come sono riuscito a far questo e condividerlo con tutti voi \u00e8 proprio l’obbiettivo dell’articolo che vi accingete a leggere, che vi anticipo subito, sar\u00e0 diviso in due parti.<\/p>\n

Il progetto di partenza<\/h4>\n

Per semplificare le cose, ho creato un piccolo progetto da cui partiremo: una semplice applicazione formata da due tab, la prima contenente un’UITableView<\/em> con tre elementi, la seconda contenente l’UITableView<\/em> in cui mostreremo i nostri elementi preferiti. Vi invito, dunque, a scaricare il progetto<\/a> “AddToFavorites” prima di proseguire.<\/p>\n

All’interno di questo pacchetto troverete il nostro progettino di partenza, con all’interno una cartella chiamata “Favorites Classes” contenente le classi che useremo nel corso di questo tutorial pi\u00f9 due immagini, “EmptyStar.png” e “FullStar.png” che useremo per il tasto “Aggiungi\/Rimuovi Preferito”.<\/p>\n

In questa prima parte dell’articolo vedremo come aggiungere il tasto “Aggiungi\/Rimuovi Preferito” all’interno delle detailView di ogni elemento, come salvare l’elemento tra i preferiti senza usare alcun database o plist (e come rimuoverlo dalla stessa lista, ovviamente). Nella seconda parte, invece, andremo a vedere come mostrare gli elementi salvati come preferiti nella tableView precedentemente creata nel secondo tab del progetto e vedremo inoltre come modificare la posizione dei vari elementi o come eliminarli dall’elenco senza accedere alla vista dettaglio corrispondente.<\/p>\n

Passiamo a Xcode..<\/h4>\n

Prima di tutto, apriamo il progetto di partenza “AddToFavorites” in Xcode. Espandiamo quindi i gruppi “Classes” e “Resources” (sar\u00e0 pi\u00f9 comodo lavorare in questo modo). In Classes, creiamo un nuovo gruppo (cliccando con il tasto destro del mouse su “Classes”) e chiamiamolo, ad esempio, “FavoritesClasses” (tutto attaccato).<\/p>\n

Nella cartella “Favorites Classes” del pacchetto .zip scaricato, selezioniamo tutti i file e importiamoli nel progetto semplicemente trascinandoli direttamente nel gruppo “FavoritesClasses” che abbiamo appena creato, assicurandoci che l’opzione “Copy file into destination folder (if needed)” sia selezionata. Facciamo lo stesso per le due immagini, facendo attenzione, questa volta, ad importarle nel gruppo “Resources”. Ora abbiamo tutto ci\u00f2 che ci serve per poter procedere.<\/p>\n

A questo punto avrete notato che nel gruppo “Classes” sono presenti tre serie di file .h, .m e .xib chiamate rispettivamente Detail1, Detail2 e Detail3. Questi sono i file delle detailView che si apriranno rispettivamente selezionando le tre celle della tabella principale, che ho preparato per il progetto e che potrete vedere immediatamente se cliccate su “Build & Run” in Xcode.<\/p>\n

In questa prima parte del tutorial lavoreremo fondamentalmente su queste tre serie di file, o meglio, mostreremo il lavoro solo su uno di questi tre (Detail1) baster\u00e0 poi ripetere il processo analogamente per le altre due.<\/p>\n

Come salviamo i preferiti?<\/h4>\n

Come funziona il processo di salvataggio che stiamo per utilizzare? Fondamentalmente sfrutteremo delle tag preimpostate dove verranno temporaneamente salvati rispettivamente titolo e sottotitolo, che mostreremo in una riga della tableView con gli elementi preferiti (normalmente vorremo mostrare lo stesso titolo e sottotitolo che corrisponde allo stesso elemento nella tableView principale). A questo punto le salveremo in due array. Se le tag assegnate a un elemento sono presenti nei due array, allora l’elemento sar\u00e0 considerato “preferito”.<\/p>\n

Un po’ di codice<\/h4>\n

Prima di procedere, diamo uno sguardo ai files che abbiamo importato all’inizio. Iniziamo da “SyntetizeSingleton.h”. Di questo file non parler\u00f2 molto, per maggiori informazioni vi rimando a un’ottimo articolo che trovate sul blog Cocoa with Love<\/a>. Per ora vi basti sapere che questo \u00e8 uno dei files che si occupa di far in modo che la nostra lista di preferiti sia accessibile da qualsiasi classe. In Favorite.h e Favorite.m, invece, abbiamo semplicemente dichiarato due stringe, “favId” e “description”, le nostre tag. In FavoritesData.h e FavoritesData.m abbiamo inoltre definito i metodi che ci consentiranno di aggiungere o rimuovere un elmento ai preferiti.<\/p>\n

Andiamo quindi a modificare il file Detail1.m (non abbiamo necessit\u00e0 di toccare il suo header .h). La prima cosa che vorremo fare, sar\u00e0 quella di creare un tasto che si aggiorni a seconda che l’elemento sia gi\u00e0 un preferito o meno, mostrando come immagine una stellina gialla quando l’elemento \u00e8 gi\u00e0 preferito o una stellina bianca quando invece non lo \u00e8.<\/p>\n

Per una questione sia estetica che pratica, per far ci\u00f2 ho usato un “UISegmentedControl” con un solo elemento che pu\u00f2 essere ampliato a pi\u00f9 elementi facendo posto a pi\u00f9 bottoni nello stesso lato di una navbar. Copiate e incollate il seguente codice, facendo attenzione a rimuovere le precenti dichiarazioni di alcune righe:<\/p>\n

\r\n\/\/ importiamo i file Favorite and FavoritesData\r\n#import \"Favorite.h\"\r\n#import \"FavoritesData.h\"\r\n\r\n\/\/ definiamo il titolo e sottotitolo che vorremo mostrare nella tableView Preferiti\r\n#define FAV_ID @\"Titolo Riga 1\"\r\n#define FAV_DESC @\"Sottotitolo Riga 1\"\r\n\r\n\/\/ creiamo un tasto che si aggiorna a seconda che un elemento sia preferito o meno\r\n\/\/ questa implementazione ci serve per aggiornare lo stato del tasto\r\n@interface Detail1 (Private)\r\n\r\n- (void) rebuildButton;\r\n\r\n@end\r\n\r\n@implementation Detail1\r\n\r\n- (void) rebuildButton {\r\n\t\r\n\tself.navigationItem.rightBarButtonItem = nil;\r\n\t\r\n\tBOOL isFav = [[FavoritesData sharedFavoritesData] favoriteWithId:FAV_ID] != nil;\r\n\tNSString *starImage = isFav ? @\"FullStar.png\" : @\"EmptyStar.png\";\r\n\t\r\n    \/\/ Creiamo un SegmentedControl e lo aggiungiamo come rightBarButtonItem\r\n\tUISegmentedControl *segmentedControl = [[UISegmentedControl alloc] initWithItems:\r\n\t\t\t\t\t\t\t\t\t\t\t[NSArray arrayWithObjects:\r\n\t\t\t\t\t\t\t\t\t\t\t [UIImage imageNamed:starImage],\r\n\t\t\t\t\t\t\t\t\t\t\t nil]];\r\n\t\r\n\t[segmentedControl addTarget:self action:@selector(makeFavorite:) forControlEvents:UIControlEventValueChanged];\r\n\tsegmentedControl.frame = CGRectMake(0, 0, 35, 30);\r\n\tsegmentedControl.segmentedControlStyle = UISegmentedControlStyleBar;\r\n\tsegmentedControl.momentary = YES;\r\n\t\r\n\tUIBarButtonItem *segmentBarItem = [[UIBarButtonItem alloc] initWithCustomView:segmentedControl];\r\n\t[segmentedControl release];\r\n\t\r\n\tself.navigationItem.rightBarButtonItem = segmentBarItem;\r\n\t[segmentBarItem release];\r\n    \r\n}\r\n\r\n\/\/ l'azione che dev'essere eseguita quando il tasto viene premuto.\r\n- (void) makeFavorite:(id)sender\r\n{\r\n    Favorite *favorite = [[FavoritesData sharedFavoritesData] favoriteWithId:FAV_ID];\r\n    \r\n    if(!favorite) {\r\n        \r\n        Favorite *fav = [[Favorite alloc] init];\r\n        fav.favId = FAV_ID;\r\n        fav.description = FAV_DESC;\r\n        [[FavoritesData sharedFavoritesData] addFavorite:fav];\r\n        [fav release];\r\n        \r\n    }\r\n    else {\r\n        [[FavoritesData sharedFavoritesData] removeFavoriteById:FAV_ID];\r\n    }\r\n}\r\n\r\n- (void) _refreshFav{\r\n\t[self rebuildButton];\r\n}\r\n\r\n\/\/ in dealloc\r\n[[NSNotificationCenter defaultCenter] removeObserver:self];\r\n\r\n\/\/ in viewDidLoad\r\n[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(_refreshFav) name:REFRESH_FAVORITES object:nil];\r\n    \r\n    [self rebuildButton];\r\n<\/pre>\n
Dai commenti nel codice dovreste capire come funziona il tutto. Non ci resta che ripetere il processo per i restanti file Detail2.m e Detail3.m cambiando in maniera opportuna le istruzioni #define, @interface e @implementation. Ora, se proviamo a cliccare su “Build & Run” in Xcode e avviamo l’applicazione nell’iPhone Simulator, vedremo che \u00e8 presente il tasto “Aggiungi\/Rimuovi Preferito” e cliccandoci sopra l’immagine della stellina cambia (da bianco a giallo e viceversa).<\/p>\n
Per ora \u00e8 tutto. Vi ricordo che nella seconda parte, vedremo come mostrare gli elementi salvati come preferiti nella tableView precedentemente creata nella seconda tab del progetto e come modificare la posizione degli elementi o ancora eliminare quelli che non vogliamo pi\u00f9 visualizzare nel nostro elenco senza accedere alle relative viste dettaglio.<\/p>\n
\"\"<\/a> Se avete problemi con il tutorial, questo \u00e8 il nostro file di progetto.<\/a><\/p>\n

\n\"t085-Creare-una-lista-di-preferiti-xcode-iphone-ipad-01\"<\/a>
\n<\/center><\/p>\n","protected":false},"excerpt":{"rendered":"
Ciao a tutti colleghi sviluppatori \ud83d\ude42 Per il mio primo articolo su devAPP.it ho pensato di scrivere…<\/p>\n","protected":false},"author":539,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[574,88,72,242,133],"class_list":["post-5900","post","type-post","status-publish","format-standard","hentry","category-tutorial-pratici","tag-gestione-preferiti-xcode","tag-programmazione-iphone","tag-tabbar","tag-tutorial-xcode","tag-uitable"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/5900","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\/539"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/comments?post=5900"}],"version-history":[{"count":23,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/5900\/revisions"}],"predecessor-version":[{"id":5931,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/5900\/revisions\/5931"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=5900"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=5900"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=5900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}