{"id":1133,"date":"2009-12-07T11:34:09","date_gmt":"2009-12-07T10:34:09","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=1133"},"modified":"2011-01-14T22:41:40","modified_gmt":"2011-01-14T21:41:40","slug":"t015-celle-personalizzate-per-le-nostre-table","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/t015-celle-personalizzate-per-le-nostre-table\/","title":{"rendered":"T#015 – Celle personalizzate per le nostre Table"},"content":{"rendered":"

La Table View \u00e8 uno degli elementi pi\u00f9 utilizzati in iPhone OS. Basti soltanto pensare a due applicazioni di primaria importanza Mail e Contatti che entrambi utilizzano questo potente strumento.<\/p>\n

In taluni casi per\u00f2 si ha la necessit\u00e0 di personalizzare le celle della nostra tabella.<\/p>\n

Vedremo quindi oggi come personalizzare l’aspetto delle celle della nostra tabella (partiamo quindi dal presupposto che abbiate gi\u00e0 una tabella pronta e funzionante con i vostri elementi caricati).<\/p>\n

Apriamo il nostro Xcode e creiamo un nuovo NIB (File -> New File -> User Interface -> Empty Xib) denominato CustomCell.<\/p>\n

Apriamo il nostro file .xib\u00a0 e dalla libreria scegliamo il componente Table View Cell.<\/p>\n


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

Inseriremo quindi all\u2019interno di questa cella gli elementi che ci occorrono (nel nostro esempio inseriremo due Text Label ma \u00e8 possibile inserire qualsiasi elemento come immagini, label, testo e cos\u00ec via).<\/p>\n

Selezioniamo ora il File’s Owner del nostro Xib e dal menu accediamo all’Identity Ispector
\nInseriamo il nome della nostra classe ( quella dove abbiamo creato l’IBOutlet per intenderci ).
\nAccediamo ora al Connection Inspector e nel Referencing Outlets colleghiamo cella personalizzata alla nostra Table View Cell.<\/p>\n


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


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

Una volta completata questa parte chiudiamo il file Xib.<\/p>\n

Ritorniamo quindi al codice originario della nostra tabella ed in particolare al file .h
\nDichiariamo un elemento UITableViewCell e denominiamolo *cellapersonalizzata<\/p>\n

\r\nIBOutlet UITableViewCell *cellapersonalizzata;\r\n<\/pre>\n
Accediamo al .m della nostra classe  e sostituiamo nel metodo cellForRowAtIndexPath il seguente codice:<\/p>\n
\r\nif (cell == nil){\r\n\t[[NSBundle mainBundle] loadNibNamed:@\"CustomCell\" owner:self options:NULL];\r\n\tcell=cellapersonalizzata;\r\n}\r\n<\/pre>\n
In ultima analisi sar\u00e0 necessario assegnare il valore delle nostre stringhe alle due nuove Label create nello XIB personalizzo.
\nAccediamo allora al file XIB della nostra cella personalizzata.
\nSelezioniamo la label e nel Attribute Inspector al campo Tag inseriamo rispettivamente 1 e 2 (per la prima e seconda label).<\/p>\n

\n\"image2\"<\/a>
\n<\/center><\/p>\n
Ritorniamo al .m della nostra tabella ed inseriamo il seguente codice:<\/p>\n
\r\n\tUILabel *titleLabel = (UILabel *)[cell viewWithTag:1];\r\n\ttitleLabel.text = [lista objectAtIndex:indexPath.row];\r\n\tUILabel *subtitleLabel = (UILabel *)[cell viewWithTag:2];\r\n        subtitleLabel.text = [sottotitolo objectAtIndex:indexPath.row];\r\n<\/pre>\n
Il gioco \u00e8 fatto \ud83d\ude00<\/p>\n
Alla prossima \ud83d\ude42<\/p>\n

\n\"AvShop<\/a>
\n<\/center><\/p>\n","protected":false},"excerpt":{"rendered":"
La Table View \u00e8 uno degli elementi pi\u00f9 utilizzati in iPhone OS. Basti soltanto pensare a due…<\/p>\n","protected":false},"author":46,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[5,4,1,27,23],"class_list":["post-1133","post","type-post","status-publish","format-standard","hentry","category-tutorial-pratici","tag-objective-c","tag-programmazione","tag-tutorial-pratici","tag-uitableview","tag-xcode"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/1133","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\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/comments?post=1133"}],"version-history":[{"count":13,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/1133\/revisions"}],"predecessor-version":[{"id":5612,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/1133\/revisions\/5612"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=1133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=1133"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=1133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}