ios - UICollectionViewCell Selection 选择/突出显示每 5 个单元格

Question

我有一个水平的 Collection View ，其中包含用于突出显示/为所选单元格着色的代码。它突出显示所选的单元格，但之后每 5 个单元格也会突出显示。知道发生了什么事吗？

- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath
{
    for(int x = 0; x < [cellArray count]; x++){
        UICollectionViewCell *UnSelectedCell = [cellArray objectAtIndex:x];
        UnSelectedCell.backgroundColor = [UIColor colorWithRed:0.2 green:0.5 blue:0.8 alpha:0.0];
    }
    UICollectionViewCell *SelectedCell = [cellArray objectAtIndex:indexPath.row];
    SelectedCell.backgroundColor = [UIColor colorWithRed:0.2 green:0.5 blue:0.8 alpha:1.0];
    cellSelected = indexPath.row;
    NSLog(@"%i", cellSelected);

}

Answer 1

发生这种情况是因为在您滚动时单元格被重复使用。您必须在模型中存储所有行的“突出显示”状态(例如在数组或 NSMutableIndexSet 中)，并在 collectionView:cellForItemAtIndexPath: 中设置背景颜色根据该行状态的单元格。

在 didSelectItemAtIndexPath 中设置新选择的颜色应该就足够了和之前选择的单元格。

更新:如果一次只能选择一个单元格，您只需要记住所选单元格的索引路径。

为当前突出显示的行声明一个属性selectedIndexPath:

@property (strong, nonatomic) NSIndexPath *selectedIndexPath;

在 didSelectItemAtIndexPath 中，取消突出显示前一个单元格，并突出显示新单元格:

- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath
{
    if (self.selectedIndexPath != nil) {
        // deselect previously selected cell
        UICollectionViewCell *cell = [collectionView cellForItemAtIndexPath:self.selectedIndexPath];
        if (cell != nil) {
            // set default color for cell
        }
    }
    // Select newly selected cell:
    UICollectionViewCell *cell = [collectionView cellForItemAtIndexPath:indexPath];
    if (cell != nil) {
        // set highlight color for cell
    }
    // Remember selection:
    self.selectedIndexPath = indexPath;
}

在 cellForItemAtIndexPath 中，使用正确的背景颜色:

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"Identifier" forIndexPath:indexPath];
    if ([self.selectedIndexPath isEqual:indexPath) {
        // set highlight color
    } else {
        // set default color
    }
}