Come cambiare il colore di UITableViewCell quando si seleziona?

Question

Ho un menù in questo modo:

Lo stato normale (non selezionato) per ogni cella è un'immagine, lo stato selezionato è anche un'immagine (che assomiglia a quello blu di default). Tuttavia, mi piacerebbe aggiungere una terza immagine aggiuntiva, in modo che quando l'utente seleziona una cella, passa brevemente a quel terzo colore prima di diventare blu (selezionato).

Questo è il mio codice:

(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
{ 
    [tableView setBackgroundColor:[UIColor clearColor]]; 

    NSString *cellIdentifier = @"MenuItemCell"; 
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier]; 
    if (cell == nil) { 
     cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellIdentifier]; 
    } 

    UIImage *cellBackgroundNormal = [UIImage imageNamed:@"cell_menu_normal"]; 
    UIImage *cellBackgroundSelected = [UIImage imageNamed:@"cell_menu_selected"]; 
    UIImageView *cellBackgroundView = [[UIImageView alloc] initWithImage:cellBackgroundNormal]; 
    UIImageView *cellBackgroundSelectedView = [[UIImageView alloc] initWithImage:cellBackgroundSelected]; 
    cell.backgroundView = cellBackgroundView; 
    cell.selectedBackgroundView = cellBackgroundSelectedView; 

    [cell.textLabel setBackgroundColor:[UIColor clearColor]]; 
    [cell.textLabel setTextColor:[UIColor whiteColor]]; 
    [cell.textLabel setFont:[UIFont boldSystemFontOfSize:17.0]]; 
    cell.textLabel.text = [self.menuItems objectAtIndex:indexPath.row]; 

    return cell; 
} 

Come potete vedere, ho solo due stati, al momento. Non vedo come posso introdurre una sorta di cell.hoveredBackgroundView per la terza immagine. Se qualcuno può aiutarmi a implementarlo, lo apprezzerei davvero.

Answer 1

iOS 6.0 e versioni successive

- (BOOL)tableView:(UITableView *)tableView shouldHighlightRowAtIndexPath:(NSIndexPath *)indexPath { 
return YES; 
} 

- (void)tableView:(UITableView *)tableView didHighlightRowAtIndexPath:(NSIndexPath *)indexPath { 
    // Add your Colour. 
    CustomCell *cell = (CustomCell *)[tableView cellForRowAtIndexPath:indexPath]; 
    [self setCellColor:[UIColor whiteColor] ForCell:cell]; //highlight colour 
} 

- (void)tableView:(UITableView *)tableView didUnhighlightRowAtIndexPath:(NSIndexPath *)indexPath { 
    // Reset Colour. 
    CustomCell *cell = (CustomCell *)[tableView cellForRowAtIndexPath:indexPath]; 
    [self setCellColor:[UIColor colorWithWhite:0.961 alpha:1.000] ForCell:cell]; //normal color 

} 

- (void)setCellColor:(UIColor *)color ForCell:(UITableViewCell *)cell { 
    cell.contentView.backgroundColor = color; 
    cell.backgroundColor = color; 
} 

personalizzato UITableViewCell

- (void)setSelected:(BOOL)selected animated:(BOOL)animated { 
    [super setSelected:selected animated:animated]; 

    UIView * selectedBackgroundView = [[UIView alloc] init]; 
    [selectedBackgroundView setBackgroundColor:[UIColor colorFromHexString:@"5E6073"]]; // set color here 
    [self setSelectedBackgroundView:selectedBackgroundView]; 
} 

Answer 2

È possibile introdurre un timer per impostare il tempo desiderato (ad esempio 1/2 s se ho capito) tra i 2 diversi colori di sfondo? Ma si può già pensato a questo:/

Answer 3

Si potrebbe creare un costume UITableViewCell, in cui si aggiunge un UIButton con la dimensione della cella. Quindi puoi facilmente creare metodi personalizzati per gli eventi TouchDown (passaggio del mouse) e TouchUpInside di UIButton e impostare lo sfondo.

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier 
{ 
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]; 
    if (self) { 
     cellButton = [[UIButton alloc] initWithFrame:self.contentView.frame]; 
     UIImage *cellBackgroundNormal = [UIImage imageNamed:@"cell_menu_normal"]; 
     UIImageView *cellBackgroundView = [[UIImageView alloc] initWithImage:cellBackgroundNormal]; 
     self.backgroundView = cellBackgroundView; 

     [cellButton addTarget:self action:@selector(hoverCell) forControlEvents:UIControlEventTouchDown]; 
     [cellButton addTarget:self action:@selector(tapCell) forControlEvents:UIControlEventTouchUpInside]; 
    } 
    return self; 
} 

- (void)hoverCell 
{ 
    UIImage *cellBackgroundHover = [UIImage imageNamed:@"cell_menu_third_image"]; 
    UIImageView *cellBackgroundHoverView = [[UIImageView alloc] initWithImage:cellBackgroundHover]; 
    self.backgroundView = cellBackgroundHoverView; 
} 

- (void)tapCell 
{ 
    UIImage *cellBackgroundSelected = [UIImage imageNamed:@"cell_menu_selected"]; 
    UIImageView *cellBackgroundSelectedView = [[UIImageView alloc] initWithImage:cellBackgroundSelected]; 
    self.backgroundView = cellBackgroundSelectedView; 
} 

Answer 4

Prova questa in costume cellulo

- (void)awakeFromNib 
{ 
    UIView *selectedBackgroundView = [[UIView alloc] initWithFrame:self.bounds]; 
    selectedBackgroundView.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth; 
    selectedBackgroundView.backgroundColor = [UIColor colorWithRed:246.0/255.0 green:95.0/255.0 blue:22.0/255.0 alpha:1.0]; 
    self.selectedBackgroundView = selectedBackgroundView; 
} 

Answer 5

8 iOS.0 (e versioni successive) utilizzando Swift

Swift 2

override func tableView(tableView: UITableView, shouldHighlightRowAtIndexPath indexPath: NSIndexPath) -> Bool { 
    return true 
} 

override func tableView(tableView: UITableView, didHighlightRowAtIndexPath indexPath: NSIndexPath) { 
    var cell = tableView.cellForRowAtIndexPath(indexPath) 
    cell?.contentView.backgroundColor = UIColor.orangeColor() 
    cell?.backgroundColor = UIColor.orangeColor() 
} 

override func tableView(tableView: UITableView, didUnhighlightRowAtIndexPath indexPath: NSIndexPath) { 
    var cell = tableView.cellForRowAtIndexPath(indexPath) 
    cell?.contentView.backgroundColor = UIColor.blackColor() 
    cell?.backgroundColor = UIColor.blackColor() 
} 

Swift 3

override func tableView(_ tableView: UITableView, shouldHighlightRowAt indexPath: IndexPath) -> Bool { 
    return true 
} 

override func tableView(_ tableView: UITableView, didHighlightRowAt indexPath: IndexPath) { 
    let cell = tableView.cellForRow(at: indexPath) 
    cell?.contentView.backgroundColor = UIColor.orange 
    cell?.backgroundColor = UIColor.orange 
} 

override func tableView(_ tableView: UITableView, didUnhighlightRowAt indexPath: IndexPath) { 
    let cell = tableView.cellForRow(at: indexPath) 
    cell?.contentView.backgroundColor = UIColor.black 
    cell?.backgroundColor = UIColor.black 
} 

Answer 6

Più facile che risposta accettata:

Nel vostro UITableViewCell sottoclasse:

In awakeFromNib o init:

self.selectionStyle = UITableViewCellSelectionStyleNone;

Poi:

- (void)setHighlighted:(BOOL)highlighted animated:(BOOL)animated 
{ 
    [super setHighlighted:highlighted animated:animated]; 

    if (highlighted) { 
     self.backgroundColor = [UIColor yourHighlightColor]; 
    } 
    else { 
     self.backgroundColor = [UIColor yourNormalColor]; 
    } 
} 

Answer 7

Swift:

override func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) { 
    tableView.deselectRowAtIndexPath(indexPath, animated: true) 
} 

override func tableView(tableView: UITableView, willDisplayCell cell: UITableViewCell, forRowAtIndexPath indexPath: NSIndexPath) { 
    let selectionColor = UIView() as UIView 
    selectionColor.layer.borderWidth = 1 
    selectionColor.layer.borderColor = UIColor.blueColor().CGColor 
    selectionColor.backgroundColor = UIColor.blueColor() 
    cell.selectedBackgroundView = selectionColor 
} 

Swift 4:

override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) 
{ 
    tableView.deselectRow(at: indexPath, animated: true) 
} 

override func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) 
{ 
    let selectionColor = UIView() as UIView 
    selectionColor.layer.borderWidth = 1 
    selectionColor.layer.borderColor = UIColor.blue.cgColor 
    selectionColor.backgroundColor = UIColor.blue 
    cell.selectedBackgroundView = selectionColor 
} 

Answer 8

È inoltre possibile utilizzare UIAppearance come questo:

UIView *selectionView = [UIView new]; 
selectionView.backgroundColor = [UIColor redColor]; 
[[UITableViewCell appearance] setSelectedBackgroundView:selectionView]; 

Ciò si applicherà a tutte le istanze di UITableViewCell o di qualsiasi delle sue sottoclassi che potreste avere. Assicurati che la proprietà selectionStyle della cella sia non impostata su UITableViewCellSelectionStyleNone.

Answer 9

Sulla base della risposta di Milan Cermak, è possibile utilizzare UIAppearance.

In Swift 1.1/2.0:

let selectionView = UIView() 
selectionView.backgroundColor = UIColor.redColor() 
UITableViewCell.appearance().selectedBackgroundView = selectionView 

Answer 10

Utilizzando Objective C, cambiare cella selezionata sfondo di colore diverso da quello di default. Non è necessario creare celle personalizzate.

Se si desidera solo cambiare il colore selezionato della cella, si può fare questo, tenere presente che per far funzionare tutto questo, nella Storyboard (o file XIB) è necessario selezionare un colore di sfondo selezionato diverso Nessuna. Basta aggiungere seguente codice nel UITableView metodo delegato: tableView cellForRowAtIndexPath:

UIView *bgColor = [[UIView alloc] init]; 

bgColor.backgroundColor = [UIColor yellowColor]; 

[cell setSelectedBackgroundView:bgColor]; 

Answer 11

Add seguente codice al metodo cellForRowAtIndexPath

var cell=tableView.dequeueReusableCellWithIdentifier("cell")! 
var viewBG=UIView(frame: CGRectMake(0,0,self.view.frame.size.width,50)) 
viewBG.backgroundColor=UIColor(colorLiteralRed: 71.0/255.0, green: 121.0/255.0, blue: 172.0/255.0, alpha: 1) 
cell.selectedBackgroundView=viewBG 

Answer 12

per SWIFT 3

self.tableView.reloadData() 
let selectedCell = tableView.cellForRow(at: indexPath) 
selectedCell?.contentView.backgroundColor = UIColor.red 

Answer 13

personalizzato UITableViewCell Swift 3.0

override func awakeFromNib() { 
     super.awakeFromNib() 

     let selectedBackgroundView = UIView(); 
     selectedBackgroundView.backgroundColor = UIColor.lightGray; 
     self.selectedBackgroundView = selectedBackgroundView; 
    } 

Answer 14

Finisco con il seguente codice.

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { 

    // UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:[cellIdArray objectAtIndex:indexPath.row] forIndexPath:indexPath]; 

    // Configure the cell... 
    cell.backgroundView = 
    [[UIImageView alloc] init] ; 
    cell.selectedBackgroundView =[[UIImageView alloc] init]; 

    UIImage *rowBackground; 
    UIImage *selectionBackground; 


    rowBackground = [UIImage imageNamed:@"cellBackgroundDarkGrey.png"]; 
    selectionBackground = [UIImage imageNamed:@"selectedMenu.png"]; 

    ((UIImageView *)cell.backgroundView).image = rowBackground; 
    ((UIImageView *)cell.selectedBackgroundView).image = selectionBackground; 



    return cell; 
}