Collectionview学习（三）利用故事版动态改变cell内容展示实战demo

使用storyboard过程中遇到问题报错：the xxx outlet from xxx to the xxx is invalid. Outlet can't be connected to repeating content.

错误原因：在storyboar中自定义了cell，但是却在viewcontroller中索引了iboutlet 的cell内容。cell本身是不属于viewcontroller的，所以会报错。

解决方法：自定义cell，将iboutlet声明在自定义的cell中去。注意应当首先去除掉问题iboutlet之前的旧关联



因为当前的demo使用的是故事版的方式，在storyboard中已经设置了cell identifier，并且将cell的class设置为了自定义的cell名称。所以就不需要再次registerclass的操作了，否则会覆盖掉之前的cell而出错。

那么如果来达到访问故事版中的cell内容并且修改其内容呢？很简单，只要在对应的datasrouce方法中把创建的cell的类定义成自定义的类，并且在自定义的cell类中公开对应的接口就可以了。代码如下：

#import
<UIKit/UIKit.h>
@interface CustomCollectionviewCellCollectionViewCell :
UICollectionViewCell
@property (nonatomic,
strong)
IBOutlet
UILabel
*backgroundLabel;
@property (nonatomic,
strong)
IBOutlet
UIImage*backgroundImageView;
- (void)changeLabelBackgroundColor;
- (void)setTabelText:(NSString *)text;
@end

#import
"CustomCollectionviewCellCollectionViewCell.h"
@implementation CustomCollectionviewCellCollectionViewCell
- (void)changeLabelBackgroundColor {
   self.backgroundLabel.backgroundColor = [UIColor greenColor];
- (void)setTabelText:(NSString
*)text {
   
self.backgroundLabel.text = text;
@end

#import
"CustomCollectionView.h"
#import
"CustomCollectionviewCellCollectionViewCell.h"
#define COLLECTIONVIEW_CELL_IDENTIFIER          @"CollectionviewCellIdentifier"
@interface
CustomCollectionView ()
@property (nonatomic,
strong) IBOutlet
UICollectionView *collectionView;
@end
@implementation CustomCollectionView
- (void)viewDidLoad {
    [super
viewDidLoad];
}
- (void)didReceiveMemoryWarning {
    [super
didReceiveMemoryWarning];
}
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
   
return 10;
}
- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
   
return 1;
}
- (CustomCollectionviewCellCollectionViewCell
*)collectionView:(UICollectionView *)viewCollection cellForItemAtIndexPath:(nonnull
NSIndexPath *)indexPath {
   
CustomCollectionviewCellCollectionViewCell *cell = [viewCollection
dequeueReusableCellWithReuseIdentifier:COLLECTIONVIEW_CELL_IDENTIFIER
forIndexPath:indexPath];
    [cell
changeLabelBackgroundColor];
    [cell
setTabelText:[NSString
stringWithFormat:@"%@%ld",
@"Label", indexPath.row]];
   
return cell;
}
最终的效果图如下：



label的颜色得到了改变，文字信息也加上了。