iOS UICollectionView 高级用法(长按cell
iOS9 之后
前言: 看完你可以学到哪些呢? 就是文章标题那么多, 只有那么多..手残效果图没弄好.
@property(nonatomic,strong) UICollectionView *xtCollectionView;@property(nonatomic,strong) UICollectionViewFlowLayout *flowLayout;@property(nonatomic,strong) CALayer *dotLayer;@property(nonatomic,assign)CGFloatendPoint_x;@property(nonatomic,assign)CGFloatendPoint_y;@property(nonatomic,strong) UIBezierPath *path;@property(nonatomic,strong)NSMutableArray*array;@property(nonatomic,strong) UILongPressGestureRecognizer *longPress;
初始化一个数组
self.array= [NSMutableArrayarrayWithObjects:@"红包", @"转账", @"手机充值", @"芝麻信用", @"天猫", @"生活缴费", @"蚂蚁呗", @"世界那么大", @"余额宝", @"安全快付", @"蚂蚁聚宝", @"哈哈",@"红包1", @"转账1", @"手机充值1", @"芝麻信用1", @"天猫1", @"生活缴费1", @"蚂蚁呗1", @"世界那么大1", @"余额宝1", @"安全快付1", @"蚂蚁聚宝1", @"哈哈1",nil];
创建CollectionView
- (UICollectionView*)xtCollectionView{if(!_xtCollectionView) { _flowLayout = [[UICollectionViewFlowLayoutalloc] init]; _flowLayout.minimumLineSpacing =1; _flowLayout.minimumInteritemSpacing =1; _xtCollectionView = [[UICollectionViewalloc]initWithFrame:CGRectMake(0,20,Screen_Width,Screen_Height-20)collectionViewLayout:_flowLayout]; _xtCollectionView.dataSource =self; _xtCollectionView.backgroundColor = [UIColorcolorWithRed:0.8568green:0.8568blue:0.8568alpha:1.0]; _xtCollectionView.delegate =self; [_xtCollectionViewregisterClass:[XTCollectCellclass]forCellWithReuseIdentifier:@"cellIdentiifer"];}return_xtCollectionView;}
添加一个长按的手势
_longPress = [[UILongPressGestureRecognizeralloc]initWithTarget:selfaction:@selector(lonePressMoving:)];[self.xtCollectionViewaddGestureRecognizer:_longPress];
手势方法的实现
- (void)lonePressMoving:(UILongPressGestureRecognizer *)longPress{switch(_longPress.state) {caseUIGestureRecognizerStateBegan: { {NSIndexPath*selectIndexPath = [self.xtCollectionViewindexPathForItemAtPoint:[_longPress locationInView:self.xtCollectionView]];// 找到当前的cellXTCollectCell *cell = (XTCollectCell *)[self.xtCollectionViewcellForItemAtIndexPath:selectIndexPath];// 定义cell的时候btn是隐藏的, 在这里设置为NO[cell.btnDeletesetHidden:NO]; [_xtCollectionView beginInteractiveMovementForItemAtIndexPath:selectIndexPath]; }break; }caseUIGestureRecognizerStateChanged: { [self.xtCollectionViewupdateInteractiveMovementTargetPosition:[longPress locationInView:_longPress.view]];break; }caseUIGestureRecognizerStateEnded: { [self.xtCollectionViewendInteractiveMovement];break; }default: [self.xtCollectionViewcancelInteractiveMovement];break; }}
移动方法
-(void)collectionView:(UICollectionView*)collectionView moveItemAtIndexPath:(nonnull NSIndexPath *)sourceIndexPath toIndexPath:(nonnull NSIndexPath *)destinationIndexPath{NSIndexPath *selectIndexPath = [self.xtCollectionView indexPathForItemAtPoint:[_longPress locationInView:self.xtCollectionView]];// 找到当前的cellXTCollectCell *cell = (XTCollectCell *)[self.xtCollectionView cellForItemAtIndexPath:selectIndexPath];[cell.btnDelete setHidden:YES];[self.array exchangeObjectAtIndex:sourceIndexPath.item withObjectAtIndex:destinationIndexPath.item];[self.xtCollectionView reloadData];}
效果图的解释: collectionView的可编辑状态是”假的”, 只是对数据进行了处理
你可能想知道动画的实现可以看我的另一篇博客iOS仿美团外卖饿了吗App点餐动画
iOS9 之前
请参照这个1.
Github上很早的项目了, 希望对有需要的同学有启发的作用, 点我下载感谢作者
请参照这个2.
