美文网首页
iOS ~ 1、UITableView的cell,上、下移动时使

iOS ~ 1、UITableView的cell,上、下移动时使

作者: 阳光下的叶子呵 | 来源:发表于2022-04-21 10:56 被阅读0次

一、UITableView上下移动位置(系统):

1、在UITableView中,我们可以使用- (BOOL) tableView: (UITableView *) tableView canMoveRowAtIndexPath: (NSIndexPath *) indexPath;方法来禁止移动某一行。下面的例子是禁止移动最后一行。但是,虽然不能移动最后一行,却可以将其他行移动至最后一行下方。

所以需要方法:- (NSIndexPath *)tableView:(UITableView *)tableView targetIndexPathForMoveFromRowAtIndexPath:(NSIndexPath *)sourceIndexPath toProposedIndexPath:(NSIndexPath *)proposedDestinationIndexPath;来设置。

2、遵守代理UITableViewDragDelegate,UITableViewDropDelegate
self.tableView.dragDelegate = self; // drag 拖拉代理
self.tableView.dropDelegate = self; // drop
[self.tableView setEditing:YES animated:YES]; // 进入可编辑状态
#pragma mark -- 调整 cell 上、下位置

//默认编辑模式下,每个cell左边有个红色的删除按钮,设置为None即可去掉
- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath {
    return UITableViewCellEditingStyleNone;
}

//是否允许indexPath的cell移动
- (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath {
    if (indexPath.row == 0) {
        return NO;
    } else {
        return YES;
    }
}

- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath {
    
    NSMutableArray *dataArray = [NSMutableArray arrayWithCapacity:0];
    dataArray = [self.dataArr mutableCopy];
    
    // 需要移动的行
    // NSInteger fromRow = [sourceIndexPath row];
    // 需要移动到某处的行
    // NSInteger toRow = [destinationIndexPath row];

    NSMutableArray *dataArray = [NSMutableArray arrayWithCapacity:0];
    dataArray = [self.pointUserModels mutableCopy];
    
    // 当结束移动时,判断结束时的位置,把移动的元素删除再加到结束的位置
    if (sourceIndexPath.row < self.pointUserModels.count) {
        
        GWActualMatchPointUserModel *userModel = self.pointUserModels[sourceIndexPath.row];
        [dataArray removeObjectAtIndex:sourceIndexPath.row];
        
        if (destinationIndexPath.row >= dataArray.count) {
            [dataArray addObject:userModel];
        } else {
            [dataArray insertObject:userModel atIndex:destinationIndexPath.row];
        }
        
    }
    self.pointUserModels  = [dataArray copy];
    
    NSLog(@"移动的位置索引 = %ld,\n 将要移动到达的位置索引 == %ld", sourceIndexPath.row, destinationIndexPath.row);
    //更新数据源
}

#pragma mark -- 禁止某一行移动
// 禁止某一行移动,并且禁止其他cell移动到该cell的索引位置(这里禁止移动第一行)
- (NSIndexPath *)tableView:(UITableView *)tableView targetIndexPathForMoveFromRowAtIndexPath:(NSIndexPath *)sourceIndexPath toProposedIndexPath:(NSIndexPath *)proposedDestinationIndexPath {
    
    NSIndexPath *indexPath = nil;
    
    // 要求:第一个cell位置置顶,不可移动,所以当移动其他cell到该位置时,进行下列操作:
    if (proposedDestinationIndexPath.row == 0) {
        indexPath = [NSIndexPath indexPathForRow: 1 inSection: 0];
    } else {
        indexPath = [NSIndexPath indexPathForRow:proposedDestinationIndexPath.row inSection: 0];
    }
    return indexPath;
}

#pragma mark -- <UITableViewDragDelegate>

// 拖拽 预览
- (nullable UIDragPreviewParameters *)tableView:(UITableView *)tableView dragPreviewParametersForRowAtIndexPath:(NSIndexPath *)indexPath {
//    return nil; 
    
    // 可以在该方法内使用 贝塞尔曲线 对单元格的一个具体区域进行裁剪
    UIDragPreviewParameters *parameters = [[UIDragPreviewParameters alloc] init];

    CGRect rect = CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width/375*(335), [UIScreen mainScreen].bounds.size.width/375*(75 + 12));
    parameters.visiblePath = [UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:[UIScreen mainScreen].bounds.size.width/375*16];
    parameters.backgroundColor = RGBA(248, 249, 250, 1);
    return parameters;
}

- (void)tableView:(UITableView *)tableView dragSessionWillBegin:(id<UIDragSession>)session {
    // 将要 拖拽
    NSLog(@"😁😆");
}

- (void)tableView:(UITableView *)tableView dragSessionDidEnd:(id<UIDragSession>)session {
    // 拖拽 结束
    NSLog(@"😁😆");
}

#pragma mark -- <UITableViewDropDelegate>
// 松手 预览
- (nullable UIDragPreviewParameters *)tableView:(UITableView *)tableView dropPreviewParametersForRowAtIndexPath:(NSIndexPath *)indexPath {
    
    // 可以在该方法内使用 贝塞尔曲线 对单元格的一个具体区域进行裁剪
    UIDragPreviewParameters *parameters = [[UIDragPreviewParameters alloc] init];

    CGRect rect = CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width/375*(335), [UIScreen mainScreen].bounds.size.width/375*(75 + 12));
    parameters.visiblePath = [UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:[UIScreen mainScreen].bounds.size.width/375*16];
    parameters.backgroundColor = RGBA(248, 249, 250, 1);
    return parameters;
}

- (void)tableView:(UITableView *)tableView dropSessionDidExit:(id<UIDropSession>)session {
    
}

- (void)tableView:(UITableView *)tableView dropSessionDidEnd:(id<UIDropSession>)session {
    
}


二、UICollectionView的cell移动位置:

原理:先删除,再插入(注意:判断最后到达的位置的索引号,是否大于数组的数量,大于的话使用addObject:,小于的话使用:insertObject: atIndex:

WechatIMG342.jpeg

第三方:https://github.com/lxcid/LXReorderableCollectionViewFlowLayout

相关文章

网友评论

      本文标题:iOS ~ 1、UITableView的cell,上、下移动时使

      本文链接:https://www.haomeiwen.com/subject/fajiertx.html