iOS UICollectionView 按钮点击变色（收藏点赞功能）实现

1.前言

项目需求要实现点击收藏功能，但是页面数据进行了分页功能，当加载了第二页数据后，收藏按钮的显示就紊乱，具体原因是点击收藏后，请求收藏接口成功后要对数据进行刷新，这个时候因为分页的原因，加载过来的数据只是第二页的(或者第一页，反正只有一页)，这样肯定是不行的。本篇文章也可移步简书阅览。

2.思路

按现在的思路来看好像是解决不了这个收藏的问题了，我看了下微博的点赞功能，也有数据刷新但是明显的没有问题，所以换个思路。

更改本地数据:在我点击收藏后，请求收藏接口，接口返回成功后更改本地数据，而不是再去请求刷新界面。这样就可以实现我们想要的功能了。

3.主要代码

这里使用的是UICollectionView

自定义cell

#import <UIKit/UIKit.h>
#import "BrandSearchModel.h"
//@class 引入自己
@class BrandSearchResultCollectCell;
//代理方法中要将cell带过去
@protocol BrandSearchResultCollectCellDelegate <NSObject>
- (void)onFavourButtonClick:(BrandSearchResultCollectCell *)cell;
@end

@interface BrandSearchResultCollectCell : UICollectionViewCell
//传索引过来
@property (nonatomic) NSIndexPath *indexPath;
@property (nonatomic, strong) BrandSearchModel *model;
@property (nonatomic, weak) id<BrandSearchResultCollectCellDelegate> delegate;
@end

#import "BrandSearchResultCollectCell.h"
@implementation BrandSearchResultCollectCell

//...
-(void)setModel:(BrandSearchModel *)model{

_model = model;

//brand_s_default_110x75  此处是暂时代替的默认图片
[_logoImageView sd_setImageWithURL:[NSURL URLWithString:[NSString stringWithFormat:@"%@",model.image]] placeholderImage:[UIImage imageNamed:@"brand_s_default_110x75"]];
_titleLabel.text = model.tmname;
_statusLabel.text = model.tmlaw;

_favNumLabel.text = model.intcls;

if ([model.follow isEqualToString:@"false"]) {
_favButton.selected = NO;//没收藏
}else{
_favButton.selected = YES;//收藏
}
}

//按钮点击
- (void)favButtonAction{
if (_delegate && [_delegate respondsToSelector:@selector(onFavourButtonClick:)]){
[_delegate onFavourButtonClick:self];
}
}

ViewController

//...

//cell的记载
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
BrandSearchResultCollectCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"CellIdentifier" forIndexPath:indexPath];
cell.model = self.dataArray[indexPath.row];
//要把索引传过去后面用的到
cell.indexPath = indexPath;
cell.delegate = self;
return cell;
}

//...

#pragma mark - BrandSearchResultCollectCellDelegate cell代理
- (void)onFavourButtonClick:(BrandSearchResultCollectCell *)cell{

if (cell.indexPath.row < [self.dataArray count]) {
BrandSearchModel *model = self.dataArray[cell.indexPath.row];
//follow为true为收藏，false为未收藏
NSString *follow = [model.follow isEqualToString:@"false"] ? @"true" : @"false";
model.follow = follow;//更改本地数据

if ([model.follow isEqualToString:@"true"]){
[self requestCollectDataWithModel:model andCell:cell];
}else {
[self requestUncollectDataWithModel:model andCell:cell];
}
}
}

#pragma mark - =================是否收藏=================
//收藏(网络请求)
- (void)requestCollectDataWithModel:(BrandSearchModel *)model andCell:(BrandSearchResultCollectCell *)cell{

NSMutableDictionary *params = [CBConnect getBaseRequestParams];
[params setValue:model.cxkey forKey:@"cxkey"];//商标注册号
[params setValue:model.intcls forKey:@"intcls"];//商标国际分类

[CBConnect getBrandCollectTradeMark:params success:^(id responseObject) {
//请求成功则刷新
[self.mCollectionView reloadItemsAtIndexPaths:@[cell.indexPath]];
} successBackfailError:^(id responseObject) {
model.follow = @"false";//失败的话则恢复原来的值
} failure:^(NSURLSessionDataTask *operation, NSError *error) {

}];
}

//取消收藏
- (void)requestUncollectDataWithModel:(BrandSearchModel *)model andCell:(BrandSearchResultCollectCell *)cell{

NSMutableDictionary *params = [CBConnect getBaseRequestParams];
[params setValue:model.cxkey forKey:@"cxkey"];//商标注册号
[params setValue:model.intcls forKey:@"intcls"];//商标国际分类

[CBConnect getBrandUncollectTradeMark:params success:^(id responseObject) {
//请求成功则刷新
[self.mCollectionView reloadItemsAtIndexPaths:@[cell.indexPath]];

} successBackfailError:^(id responseObject) {
model.follow = @"true";//失败的话则恢复原来的值
} failure:^(NSURLSessionDataTask *operation, NSError *error) {

}];
}

4.总结

其实最主要的一点是本地来处理收藏与取消收藏后数据，而不是收藏后再去请求一下List数据，刷新界面，本地处理不仅免除了再次加载的耗时，还能保证更新的数据的正确性，我觉得这是个可行的办法。如果本文对你有所帮助，请点赞啊。