UICollectionView头视图重叠

UICollectionReusableView

自定义集合视图的头/尾视图时容易出现重叠的情况，尤其文字显示的时候，明显重叠了。（我差点被这个问题折磨死）

1. 产生问题的原因：

出现重叠情况的代码如下：

UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, M_SIZE.width, M_SIZE.height / 14)];
label.textAlignment = NSTextAlignmentCenter;
[headerView addSubview:label];

每次调用设置头视图的方法时，都会重新alloc一个label，所以会有叠加的效果。

2. 解决方法：（before）

当初的解决方法是：每次设置HeaderView时，把这个label（或者自己添加到HeaderView上的其他控件）删除。
这样多次add，多次remove，肯定会影响运行速率的，不推荐使用。
代码如下所示：
// 第一种方法：

for (UIView *view in headerView.subviews) { [view removeFromSuperview]; }

// 第二种方法：

[view.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];

3. 解决方法（now）

自定义一个头视图/ 尾视图的类，继承于:UICollectionReusableView (也就相当于自定义view，一个可重用的view)，然后在这个类的初始化方法中，添加你需要在头视图/ 尾视图显示的控件，这样创建出的头视图/尾， 在使用的时候就不会存在叠加的情况了。
简单示例代码：

-(instancetype)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        self.backgroundColor = [UIColor colorWithRed:230 / 255.0 green:230 / 255.0 blue:230 / 255.0 alpha:1.0];
        _titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, M_SIZE.width, M_SIZE.height / 14)];
        _titleLabel.textAlignment = NSTextAlignmentCenter;
        [self addSubview:_titleLabel];
    }
    return self;
}

如果出现什么特殊情况，请通知我~