Creazione personalizzata di UITableViewCell all'interno di uno storyboard

Question

Desidero creare un menu statico (IOS 5) e tentare di creare celle personalizzate all'interno dello storyboard per poi caricarlo nella vista tabella raggruppata.

ho creato presa

@property(nonatomic,strong) IBOutlet UITableViewCell *labelCell; 

La classe ViewController è impostata la corretta TableViewController e ho collegato il cellulare personalizzato a questo sbocco.

Ho anche il delegato e l'origine dati impostati.

io ho

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
{ 
    return self.labelCell; 
} 

Sono sicuro che c'è un sacco di sbagliato in questo, ma sto solo cercando di visualizzare una cella e passare da lì. Non sembrano esserci esempi di come creare celle personalizzate all'interno dell'IB attraverso lo storyboard. Posso ancora usare il vecchio modo di creare un file xib e caricarlo nel mainBundle ma voglio solo rimanere aggiornato credo.

ma con quello che ho sopra ho un crash quando carico questo controller di visualizzazione. SIGABRT

Answer 1

Se è stato impostato UITableView per utilizzare "Celle statiche" nello storyboard, non è necessario implementare alcuno dei metodi UITableViewDataSource ed è possibile modificare la cella direttamente in Interface Builder. Per una singola cella di etichetta, seleziona la cella e cambia il suo tipo in "Base". Ora puoi modificare la cella come faresti con qualsiasi altro oggetto vista.

Answer 2

Ecco cosa ho imparato su come si ottengono le celle per il proprio tavolo quando si utilizza lo storyboard. Quando trascini un UITableView nella tua vista, viene fornito con una cella prototipo già impostata come sottoview. Per utilizzare questa cella prototipo, impostare un identificativo di riutilizzo univoco nell'ispettore attributi e quindi utilizzare lo stesso identificatore per rimettere in coda la cella nel proprio cellaForRowAtIndexPath: method. Tralascio il codice per la creazione di una cella da zero se la chiamata di dequeue restituisce zero; Non penso che possa accadere. Quindi, deseleziona la cella, configurala con i soliti metodi UITableViewCell e restituiscila.

Ma è anche possibile creare sottoclassi personalizzate di UITableViewCell. Basta impostare il nome della classe nella finestra di ispezione dell'identità della classe dello storyboard e trascinare gli elementi desiderati dalla tavolozza Oggetti nella cella. Quindi crea le proprietà di IBOutlet per loro nei file di codice della sottoclasse e collegali alla cella nello storyboard nel solito modo. Questo è molto meglio che dover fare tutto in codice!

Infine, è possibile avere più di un tipo di cella nella tabella. Basta trascinare gli oggetti UITableViewCell dalla tavolozza nella tabella e assegnare a ognuno un identificativo di riutilizzo unico nell'ispettore attributi. Nel tuo cellaForRowAtIndexPath: metodo, scegli il tipo di ogni cella e puoi avere una vista tabella molto flessibile.

Answer 3

This tutorial è stato utile per me. Puoi fare riferimento a qualsiasi oggetto di cui hai bisogno attraverso il tag.

Nel trascinamento Storyboard su un UIImageView o UILabel ecc e impostare il tag a 100 (quello che volete) allora nella vostra - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath utilizzare il tag per farvi riferimento.

Ecco il codice di esempio nel tutorial, basta ricordarsi di impostare i tag nello storyboard:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
{ 
static NSString *CellIdentifier = @"Cell"; 
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier]; 

// Configure the cell... 
if (cell == nil) { 
    cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier]; 
} 

// Display recipe in the table cell 
Recipe *recipe = [recipes objectAtIndex:indexPath.row]; 
UIImageView *recipeImageView = (UIImageView *)[cell viewWithTag:100]; 
recipeImageView.image = [UIImage imageNamed:recipe.imageFile]; 

UILabel *recipeNameLabel = (UILabel *)[cell viewWithTag:101]; 
recipeNameLabel.text = recipe.name; 

UILabel *recipeDetailLabel = (UILabel *)[cell viewWithTag:102]; 
recipeDetailLabel.text = recipe.detail; 

return cell; 
}