在哪里突出显示 UICollectionViewCell：委托还是单元格？

Question

根据Collection View Programming Guide 应该处理UICollectionViewDelegate 中单元格突出显示的视觉状态。像这样：

- (void)collectionView:(PSUICollectionView *)collectionView didHighlightItemAtIndexPath:(NSIndexPath *)indexPath
{
    MYCollectionViewCell *cell = (MYCollectionViewCell*)[collectionView cellForItemAtIndexPath:indexPath];
    [cell highlight];
}

- (void)collectionView:(UICollectionView *)collectionView didUnhighlightItemAtIndexPath:(NSIndexPath *)indexPath
{
    MYCollectionViewCell *cell = (MYCollectionViewCell*)[collectionView cellForItemAtIndexPath:indexPath];
    [cell unhighlight];
}

我不喜欢这种方法的地方在于，它向委托中添加了非常特定于单元格的逻辑。事实上，UICollectionViewCell 通过highlighted 属性独立管理其突出显示状态。

那么，覆盖 setHighlighted: 不是更清洁的解决方案吗？

- (void)setHighlighted:(BOOL)highlighted
{
    [super setHighlighted:highlighted];
    if (highlighted) {
        [self highlight];
    } else {
        [self unhighlight];
    }
}

这种方法比委托方法有什么缺点吗？

Answer 1

正如文档所述，您可以在单元格突出显示时更改 highlighted 属性。例如，以下代码将在突出显示时使单元格变为红色（虽然不是它的子视图）：

- (void)setHighlighted:(BOOL)highlighted {
    [super setHighlighted:highlighted];
    [self setNeedsDisplay];
}

- (void)drawRect:(CGRect)rect {
    [super drawRect:rect];

    if (self.highlighted) {
        CGContextRef context = UIGraphicsGetCurrentContext();
        CGContextSetRGBFillColor(context, 1, 0, 0, 1);
        CGContextFillRect(context, self.bounds);
    } 
}

如果你添加这样的东西，背景会变成紫色（红色+不透明的蓝色）：

- (void)collectionView:(UICollectionView *)colView didHighlightItemAtIndexPath:(NSIndexPath *)indexPath {
    UICollectionViewCell *cell = [colView cellForItemAtIndexPath:indexPath];
    cell.contentView.backgroundColor = [UIColor colorWithRed:0 green:0 blue:1 alpha:0.5];
}

- (void)collectionView:(UICollectionView *)colView didUnhighlightItemAtIndexPath:(NSIndexPath *)indexPath {
    UICollectionViewCell *cell = [colView cellForItemAtIndexPath:indexPath];
    cell.contentView.backgroundColor = nil;
}

因此您可以同时使用两者（不一定同时更改单元格外观）。不同之处在于，对于委托方法，您还拥有indexPath。它可能用于创建多选（您将与选择委托方法一起使用此方法），在单元格突出显示时显示一些预览，在其他视图中显示一些动画......这个委托有很多设备我认为的方法。

作为结论，我会将单元格外观留给单元格本身来处理，并使用委托方法让控制器同时制作一些很酷的东西。

Answer 2

下面列出了两种可能的方法。

细胞子类化

如果已经从 UICollectionViewCell 子类化，则更清洁的方法。

class CollectionViewCell: UICollectionViewCell {

    override var highlighted: Bool {
        didSet {
            self.contentView.backgroundColor = highlighted ? UIColor(white: 217.0/255.0, alpha: 1.0) : nil
        }
    }
}

UICollectionViewDelegate

不太干净，需要集合视图委托了解单元格的表示逻辑。

func collectionView(collectionView: UICollectionView, didHighlightItemAtIndexPath indexPath: NSIndexPath) {

    if let cell = collectionView.cellForItemAtIndexPath(indexPath) {
        cell.contentView.backgroundColor = UIColor(white: 217.0/255.0, alpha: 1.0) // Apple default cell highlight color
    }
}


func collectionView(collectionView: UICollectionView, didUnhighlightItemAtIndexPath indexPath: NSIndexPath) {

    if let cell = collectionView.cellForItemAtIndexPath(indexPath) {
        cell.contentView.backgroundColor = nil
    }
}

Answer 3

注意UICollectionViewCell 有一个selectedBackgroundView 属性。默认情况下，它为零。只需为这个属性创建一个视图，当用户触摸单元格时它就会出现。

override func awakeFromNib() {
    super.awakeFromNib()

    let view = UIView(frame: contentView.bounds)
    view.isUserInteractionEnabled = false
    view.autoresizingMask = [.flexibleWidth, .flexibleHeight]
    view.backgroundColor = UIColor(white: 0.94, alpha: 1.0)
    selectedBackgroundView = view
}

Answer 4

高亮单元格就足够了（Swift 4）

class MyCollectionViewCell: UICollectionViewCell {
...
    override var isHighlighted: Bool {
        didSet {
            if isHighlighted {
                self.contentView.alpha = 0.6
            }
            else {
                self.contentView.alpha = 1.0
            }
        }
    }
}

Answer 5

嗯...因为所有这些方法都是正确的。我找到了对我来说似乎最简单的方法。只需覆盖 setSelected: 方法（例如更改背景颜色）：

-(void)setSelected:(BOOL)selected{
    self.backgroundColor = selected?[UIColor greenColor]:[UIColor grayColor];
    [super setSelected:selected];
}

...它“开箱即用”（即使使用 collectionView.allowsMultipleSelection）

Answer 6

直接取自 UICollectionViewCell.h - 覆盖 setSelected 和 setHighlighted 是正确的。根据您的情况，您可以考虑将自定义视图分配给 backgroundView 和 selectedBackgroundView，它们会在选择时自动交换。

// Cells become highlighted when the user touches them.
// The selected state is toggled when the user lifts up from a highlighted cell.
// Override these methods to provide custom UI for a selected or highlighted state.
// The collection view may call the setters inside an animation block.
@property (nonatomic, getter=isSelected) BOOL selected;
@property (nonatomic, getter=isHighlighted) BOOL highlighted;

// The background view is a subview behind all other views.
// If selectedBackgroundView is different than backgroundView, it will be placed above the background view and animated in on selection.
@property (nonatomic, retain) UIView *backgroundView;
@property (nonatomic, retain) UIView *selectedBackgroundView;

Answer 7

Swift 3：（基于 A-Live 的回答）

import UIKit

class MyCollectionViewCell: UICollectionViewCell {

    override var highlighted: Bool {
        didSet {
            self.setNeedsDisplay()
        }
    }

    override func drawRect(rect: CGRect) {
        super.drawRect(rect)
        myImageView.highlighted = self.highlighted
    }
}

斯威夫特 4

import UIKit

class MyCollectionViewCell: UICollectionViewCell {

    override var isHighlighted: Bool {
        didSet {
            self.setNeedsDisplay()
        }
    }

    override func draw(_ rect: CGRect) {
        super.draw(rect)
        myImageView.isHighlighted = self.isHighlighted
    }
}