如何修改选中的UICollectionViewCell背景色：多Cell场景处理

Hey there! Let's break down how to solve this problem properly—since UICollectionView reuses cells, we need a reliable way to track which cell is selected and update the UI without glitches. Here's what you need to do:

Step 1: Track the Selected Index Path #

First, add a property in your view controller to keep track of the currently selected cell's position. This helps us compare against each cell when it's dequeued.

Swift Example: #

private var selectedIndexPath: IndexPath?

Objective-C Example: #

@property (nonatomic, strong) NSIndexPath *selectedIndexPath;

Step 2: Handle Cell Selection #

Implement the didSelectItemAt delegate method to update the selected index path and refresh only the cells that need to change (this is more efficient than reloading the entire collection view).

Swift Example: #

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    // Store the previously selected index path (if any)
    let previousSelected = selectedIndexPath
    
    // Update to the new selected index path
    selectedIndexPath = indexPath
    
    // Prepare the list of cells to reload: current selected + previous selected (if exists)
    var indexPathsToReload = [indexPath]
    if let previous = previousSelected {
        indexPathsToReload.append(previous)
    }
    
    // Refresh only those cells
    collectionView.reloadItems(at: indexPathsToReload)
}

Objective-C Example: #

- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath {
    NSIndexPath *previousSelected = self.selectedIndexPath;
    self.selectedIndexPath = indexPath;
    
    NSMutableArray *indexPathsToReload = [NSMutableArray arrayWithObject:indexPath];
    if (previousSelected) {
        [indexPathsToReload addObject:previousSelected];
    }
    
    [collectionView reloadItemsAtIndexPaths:indexPathsToReload];
}

Step 3: Set Background Color in Cell Configuration #

In the cellForItemAt method, set the background color based on whether the cell's index path matches the selected one. This ensures that even reused cells get the correct styling.

Swift Example: #

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "YourCellID", for: indexPath) as! YourCustomCell
    
    // Load your transparent image
    cell.yourImageView.image = UIImage(named: "transparentImage")
    
    // Set background color: selected cell gets your desired color, others stay default
    cell.backgroundColor = selectedIndexPath == indexPath ? .systemBlue : .clear
    
    return cell
}

Objective-C Example: #

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    YourCustomCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"YourCellID" forIndexPath:indexPath];
    
    // Load transparent image
    cell.yourImageView.image = [UIImage imageNamed:@"transparentImage"];
    
    // Set background color
    cell.backgroundColor = [self.selectedIndexPath isEqual:indexPath] ? [UIColor systemBlueColor] : [UIColor clearColor];
    
    return cell;
}

Key Notes to Avoid Glitches #

• Never rely solely on modifying the cell directly in didSelectItemAt: Since cells are reused, scrolling will cause old cells to retain the selected background color. Always set the style in cellForItemAt.
• Reload only necessary cells: Reloading the entire collection view (reloadData()) works but is less efficient. Targeting only the changed cells keeps your UI smooth.
• Adjust default color: Replace .clear with your actual default cell background color if it's not transparent.

内容的提问来源于stack exchange，提问作者Hemanth Alluri