iOS9新特性，collectionView的退拽
- 创建collectionView，实现代理方法和Datasource，向collectionView 添加长按事件，如下这是我创建collectionView，注册的cell。
- (UICollectionView *)collectionView {
if(_collectionView == nil) {
UICollectionViewFlowLayout *flowLayout = [[UICollectionViewFlowLayout alloc] init];
flowLayout.itemSize = CGSizeMake(45, 45);
flowLayout.minimumLineSpacing = 10;
flowLayout.minimumInteritemSpacing = 10;
flowLayout.sectionInset = UIEdgeInsetsMake(15, 15, 15, 15);
_collectionView = [[UICollectionView alloc] initWithFrame:CGRectMake(0, 0, KScreenWidth, KScreenHeight) collectionViewLayout:flowLayout];
_collectionView.delegate = self;
_collectionView.dataSource = self;
_collectionView.backgroundColor = [UIColor whiteColor];
[_collectionView registerClass:[MoveCollectionViewCell class] forCellWithReuseIdentifier:identity];
UILongPressGestureRecognizer *longPressGesture = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longPressAction:)];
[_collectionView addGestureRecognizer:longPressGesture];
}
return _collectionView;
}
- 实现datasource ，加入数据源，
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
return _data.count;
}
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
MoveCollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:identity forIndexPath:indexPath];
cell.img = _data[indexPath.row];
return cell;
}
- 下面使用iOS9的新特性实现拖拽，必须实现下面的方法
- 开始移动的时候调用此方法，可以获取相应的datasource方法设置特殊的indexpath 能否移动,如果能移动返回的是YES ,不能移动返回的是NO
- (BOOL)beginInteractiveMovementForItemAtIndexPath:(NSIndexPath *)indexPath
- 更新移动过程的位置
- (void)updateInteractiveMovementTargetPosition:(CGPoint)targetPosition
- 结束移动的时候调用此方法，collectionView 会响应相应的datasource方法，collectionView:moveItemAtIndexPath:toIndexPath: 我们可以在这个方法中将移动的数据源，与目标数据源交互位置。
- (void)endInteractiveMovement
- 取消移动的时候调用，会返回最原始的位置。
- (void)cancelInteractiveMovement;
- 在开始移动的时候会调用这个方法，如果有特殊的单元格不想被移动可以return NO， 如果没有限制就返回YES 吧。
- (BOOL)collectionView:(UICollectionView *)collectionView canMoveItemAtIndexPath:(NSIndexPath *)indexPath
| 参数 | 说明 |
|---|---|
| collectionView | 调用这个代理方法的 collection View |
| indexPath | collectionView 中想要移动的 indexpath |
- 移动结束的时候会调用此datasource，想要拖拽完成之后数据正确必须实现此方法，使用新的路径更新数据源，如果不实现此方法，刚刚移动cell中的数据不会重新排列。
- (void)collectionView:(UICollectionView *)collectionView moveItemAtIndexPath:(NSIndexPath *)sourceIndexPath
toIndexPath:(NSIndexPath *)destinationIndexPath
| 参数 | 说明 |
|---|---|
| collectionView | 正在响应这个方法的collectionView |
| sourceIndexPath | 原始移动的indexpath |
| destinationIndexPath | 移动到目标位置的indexpath |
- 刚刚我们已经给collectionView 添加了长按的手势，目的就是长按的时候，可以拖动cell来进行移动，那怎么开始移动呢？我们来实现长按事件看看。
- (void)longPressAction:(UILongPressGestureRecognizer *)longPress {
//获取此次点击的坐标，根据坐标获取cell对应的indexPath
CGPoint point = [longPress locationInView:_collectionView];
NSIndexPath *indexPath = [self.collectionView indexPathForItemAtPoint:point];
//根据长按手势的状态进行处理。
switch (longPress.state) {
case UIGestureRecognizerStateBegan:
//当没有点击到cell的时候不进行处理
if (!indexPath) {
break;
}
//开始移动
[_collectionView beginInteractiveMovementForItemAtIndexPath:indexPath];
break;
case UIGestureRecognizerStateChanged:
//移动过程中更新位置坐标
[_collectionView updateInteractiveMovementTargetPosition:point];
break;
case UIGestureRecognizerStateEnded:
//停止移动调用此方法
[_collectionView endInteractiveMovement];
break;
default:
//取消移动
[_collectionView cancelInteractiveMovement];
break;
}
}
- 下面这两个方法都需要实现。
// 在开始移动时会调用此代理方法，
- (BOOL)collectionView:(UICollectionView *)collectionView canMoveItemAtIndexPath:(NSIndexPath *)indexPath {
//根据indexpath判断单元格是否可以移动，如果都可以移动，直接就返回YES ,不能移动的返回NO
return YES;
}
// 在移动结束的时候调用此代理方法
- (void)collectionView:(UICollectionView *)collectionView moveItemAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath*)destinationIndexPath {
/**
*sourceIndexPath 原始数据 indexpath
* destinationIndexPath 移动到目标数据的 indexPath
*/
[_data removeObjectAtIndex:sourceIndexPath.row];
UIImage *img = _data[sourceIndexPath.row]
[_data insertObject:img atIndex:destinationIndexPath.row];
}
自己写collectionView拖拽的方法
-
如果你的手机支持iOS9或更高版本，使用苹果为我们提供的方法实现拖拽功能是没有问题的。相信还有很多都在支持ios8，所以下面的方法也许很适用。
在**- (UICollectionViewCell *)collectionView:(UICollectionView )collectionView cellForItemAtIndexPath:(NSIndexPath )indexPath 方法中，为每个cell添加长按手势，这样就可以在你长按cell的时候响应事件。
下面我们看看长按事件中应该实现怎样的方法。
- (void)longPressAction:(UILongPressGestureRecognizer *)longPress {
//获取当前cell所对应的indexpath
MoveCollectionViewCell *cell = (MoveCollectionViewCell *)longPress.view;
NSIndexPath *cellIndexpath = [_collectionView indexPathForCell:cell];
//将此cell 移动到视图的前面
[_collectionView bringSubviewToFront:cell];
_isChange = NO;
switch (longPress.state) {
case UIGestureRecognizerStateBegan: {
//使用数组将collectionView每个cell的 UICollectionViewLayoutAttributes 存储起来。
[self.cellAttributesArray removeAllObjects];
for (int i = 0; i < self.data.count; i++) {
[self.cellAttributesArray addObject:[_collectionView layoutAttributesForItemAtIndexPath:[NSIndexPath indexPathForRow:i inSection:0]]];
}
}
break;
case UIGestureRecognizerStateChanged: {
//在移动过程中，使cell的中心与移动的位置相同。
cell.center = [longPress locationInView:_collectionView];
for (UICollectionViewLayoutAttributes *attributes in self.cellAttributesArray) {
//判断移动cell的indexpath，是否和目的位置相同，如果相同isChange为YES,然后将数据源交换
if (CGRectContainsPoint(attributes.frame, cell.center) && cellIndexpath != attributes.indexPath) {
_isChange = YES;
NSString *imgStr = self.data[cellIndexpath.row];
[self.data removeObjectAtIndex:cellIndexpath.row];
[self.data insertObject:imgStr atIndex:attributes.indexPath.row];
[self.collectionView moveItemAtIndexPath:cellIndexpath toIndexPath:attributes.indexPath];
}
}
}
break;
case UIGestureRecognizerStateEnded: {
//如果没有改变，直接返回原始位置
if (!_isChange) {
cell.center = [_collectionView layoutAttributesForItemAtIndexPath:cellIndexpath].center;
}
}
break;
default:
break;
}
}
不使用iOS9的代理方法，实现拖拽移动也很简单,可以试试。
代码已经放到github仓库请点击这里 项目链接 查看
