UITableViewCell Selected Background Color on Multiple Selection

Question

Doesn t work cell selectionStyle    Blue   Works when the selection is not multiple  if it s multiple with each selection the previous one disappear    let cellBGView   UIView   cellBGView backgroundColor   UIColor red  0  green  0  blue  200  alpha  0 4  cell selectedBackgroundView   cellBGView   Any answer how to set background color of the cells which are selected

User · Answer

You can use standard UITableViewDelegate methods

- (nullable NSIndexPath *)tableView:(UITableView *)tableView willSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    EntityTableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];
    [cell selectMe];
    return indexPath;
}

- (nullable NSIndexPath *)tableView:(UITableView *)tableView willDeselectRowAtIndexPath:(NSIndexPath *)indexPath {
    EntityTableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];
    [cell deSelectMe];
    return indexPath;
}

in my situation this works, cause we need to select cell, change color, and when user taps 2 times on the selected cell further navigation should be performed.

User · Answer

This worked for me   override func tableView tableView  UITableView  didSelectRowAtIndexPath indexPath  NSIndexPath        var selectedCell UITableViewCell   tableView cellForRowAtIndexPath indexPath       selectedCell contentView backgroundColor   UIColor redColor         if tableView is set in attribute inspector with selection to multiple Selection it should work      Just set it back in deselect   override func tableView tableView  UITableView  didDeselectRowAtIndexPath indexPath  NSIndexPath        var cellToDeSelect UITableViewCell   tableView cellForRowAtIndexPath indexPath       cellToDeSelect contentView backgroundColor   colorForCellUnselected       colorForCellUnselected is just a var in my class

User · Answer

Swift 5 - This works for me    func tableView   tableView  UITableView  didSelectRowAt indexPath  IndexPath             let selectedCell UITableViewCell   tableView cellForRow at  indexPath as IndexPath           selectedCell contentView backgroundColor    red              func tableView   tableView  UITableView  didDeselectRowAt indexPath  IndexPath             let cellToDeSelect UITableViewCell   tableView cellForRow at  indexPath as IndexPath           cellToDeSelect contentView backgroundColor    clear

User · Answer

Swift 3  func tableView   tableView  UITableView  cellForRowAt indexPath  IndexPath  - gt  UITableViewCell       let cell   tableView dequeueReusableCell withIdentifier   yourCellIdentifier   for  indexPath      cell selectionStyle    none     return cell     Swift 2  func tableView tableView  UITableView  cellForRowAtIndexPath indexPath  NSIndexPath  - gt  UITableViewCell        let cell   tableView dequeueReusableCell withIdentifier   yourCellIdentifier   for  indexPath       cell selectionStyle    None      return cell

User · Answer

By adding a custom view with the background color of your own you can have a custom selection style in table view   let customBGColorView   UIView   customBGColorView backgroundColor   UIColor hexString    FFF900   cellObj selectedBackgroundView   customBGColorView   Add this 3 line code in cellForRowAt method of TableView  I have used an extension in UIColor to add color with hexcode  Put this extension code at the end of any Class Outside the class s body    extension UIColor       convenience init hexString  String        let hex   hexString trimmingCharacters in  CharacterSet alphanumerics inverted      var int   UInt32       Scanner string  hex  scanHexInt32  amp int      let a  r  g  b  UInt32     switch hex characters count       case 3     RGB  12-bit           a  r  g  b     255   int  gt  gt  8    17   int  gt  gt  4  amp  0xF    17   int  amp  0xF    17      case 6     RGB  24-bit           a  r  g  b     255  int  gt  gt  16  int  gt  gt  8  amp  0xFF  int  amp  0xFF      case 8     ARGB  32-bit           a  r  g  b     int  gt  gt  24  int  gt  gt  16  amp  0xFF  int  gt  gt  8  amp  0xFF  int  amp  0xFF      default           a  r  g  b     255  0  0  0            self init red  CGFloat r    255  green  CGFloat g    255  blue  CGFloat b    255  alpha  CGFloat a    255

User · Answer

SWIFT 3 4  Solution for CustomCell selectionStyle    none if you set  some else style you saw  mixed  background color with gray or blue   And don t forget  func tableView   tableView  UITableView  didDeselectRowAt indexPath  IndexPath  didn t call when CustomCell selectionStyle    none   extension MenuView  UITableViewDelegate       func tableView   tableView  UITableView  didSelectRowAt indexPath  IndexPath            let cellType   menuItems indexPath row          let selectedCell   tableView cellForRow at  indexPath               selectedCell contentView backgroundColor   cellType     none    clear   AppDelegate statusbar  backgroundColor  withAlphaComponent 0 15           menuItemDidTap  menuItems indexPath row            UIView animate withDuration  0 15                selectedCell contentView backgroundColor    clear

User · Answer

Swift 4  func tableView   tableView  UITableView  didSelectRowAt indexPath  IndexPath         let selectedCell   tableView cellForRow at  indexPath   as  LeftMenuCell     selectedCell contentView backgroundColor   UIColor blue     If you want to unselect the previous cell  also you can use the different logic for this  var tempcheck   9999 var lastrow   IndexPath   var lastcolor   UIColor   func tableView   tableView  UITableView  didSelectRowAt indexPath  IndexPath        if tempcheck    9999               tempcheck   0         let selectedCell   tableView cellForRow at  indexPath   as  HealthTipsCell         lastcolor   selectedCell contentView backgroundColor          selectedCell contentView backgroundColor   UIColor blue         lastrow   indexPath           else               let selectedCelllasttime   tableView cellForRow at  lastrow   as  HealthTipsCell         selectedCelllasttime contentView backgroundColor   lastcolor         let selectedCell   tableView cellForRow at  indexPath   as  HealthTipsCell         lastcolor   selectedCell contentView backgroundColor          selectedCell contentView backgroundColor   UIColor blue         lastrow   indexPath

User · Answer

UITableViewCell has an attribute multipleSelectionBackgroundView  https   developer apple com documentation uikit uitableviewcell 1623226-selectedbackgroundview  Just create an UIView define the  backgroundColor of your choice and assign it to your cells  multipleSelectionBackgroundView attribute

User · Answer

You can also set cell s selectionStyle to none in interface builder  The same solution as  AhmedLotfy provided  only from IB

User · Answer

For Swift 3 4 and 5 you can do this in two ways   1  class  UITableViewCell  override func awakeFromNib         super awakeFromNib         Costumize cell      selectionStyle    none     or  2  tableView cellForRowAt      cell selectionStyle    none   If you want to set selection color for specific cell  check this answer  https   stackoverflow com a 56166325 7987502

User · Answer

All the above answers are fine but a bit to complex to my liking  The simplest way to do it is to put some code in the cellForRowAtIndexPath  That way you never have to worry about changing the color when the cell is deselected   override func tableView tableView  UITableView  cellForRowAtIndexPath indexPath  NSIndexPath  - gt  UITableViewCell       let cell   tableView dequeueReusableCellWithIdentifier  cell   forIndexPath  indexPath          this is where the magic happens  create a UIView and set its        backgroundColor to what ever color you like then set the cell s        selectedBackgroundView to your created View         let backgroundView   UIView       backgroundView backgroundColor   YOUR COLOR HERE     cell selectedBackgroundView   backgroundView     return cell

User · Answer

Swift 4 2  For multiple selections you need to set the UITableView property allowsMultipleSelection to true      myTableView allowsMultipleSelection   true   In case you subclassed the UITableViewCell  you override setSelected   selected  Bool  animated  Bool  method in your custom cell class    override func setSelected   selected  Bool  animated  Bool         super setSelected selected  animated  animated        if selected            contentView backgroundColor   UIColor green        else            contentView backgroundColor   UIColor blue

User · Answer

Swift 3   func tableView   tableView  UITableView  didSelectRowAt indexPath  IndexPath         let selectedCell UITableViewCell   tableView cellForRow at  indexPath        selectedCell contentView backgroundColor   UIColor darkGray    func tableView   tableView  UITableView  didDeselectRowAt indexPath  IndexPath         let selectedCell UITableViewCell   tableView cellForRow at  indexPath        selectedCell contentView backgroundColor   UIColor clear

User · Answer

The problem with Kersnowski s approach is that when the cell is redrawn the changes made when it s selected deselected will be gone  So I would move the changes into the cell itself  which means subclassing is required here  For example   class ICComplaintCategoryCell  UITableViewCell        IBOutlet var label title  UILabel       IBOutlet var label checkmark  UILabel       override func layoutSubviews             super layoutSubviews           reload             func reload             if isSelected               contentView backgroundColor   UIColor red                   else if isHighlighted              contentView backgroundColor   UIColor red                   else               contentView backgroundColor   UIColor white                     And in your table view delegate just call reload   if let cell   self table cellForRowAtIndexPath path  as  ICComplaintCategoryCell       cell reload       Updated for Swift 3   thanks  Bogy

[ios] UITableViewCell Selected Background Color on Multiple Selection

Examples related to ios

Examples related to uitableview

Examples related to swift

Examples related to selection

Examples related to selected