博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
UITableView长按拖动排序(支持不同行高,不同section间交换)
阅读量:5788 次
发布时间:2019-06-18

本文共 9935 字,大约阅读时间需要 33 分钟。

效果图:

github下载地址:

使用

将tableView继承与DHDragableCellTableView并遵循协议DHDragableCellTableViewDataSource,DHDragableCellTableViewDelegate

#pragma mark - DHDragableCellTableViewDataSource - (NSArray *)dataSourceArrayInTableView:(DHDragableCellTableView *)tableView{
    return self.dataSource.copy;//数据源 } - (void)tableView:(DHDragableCellTableView *)tableView newDataSourceArrayAfterMove:(NSArray *)newDataSourceArray{
    self.dataSource = newDataSourceArray.mutableCopy;//返回的数据源     [self.tableView reloadData]; } 复制代码

实现:

大概思路,为UITableView添加长按手势,长按后给选择的cell截图并隐藏选择的cell,让截图跟随手势移动

1.添加手势

/**  添加手势  */ - (void)dh_addGesture {
    _gesture = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(dh_processGesture:)];     _gesture.minimumPressDuration = _gestureMinimumPressDuration;     [self addGestureRecognizer:_gesture]; } 复制代码

2.监听手势状态

- (void)dh_processGesture:(UILongPressGestureRecognizer *)gesture {
    switch (gesture.state) {
        case UIGestureRecognizerStateBegan:         {
            [self dh_gestureBegan:gesture];         }             break;         case UIGestureRecognizerStateChanged:         {
            if (!_canEdgeScroll) {
                [self dh_gestureChanged:gesture];             }         }             break;         case UIGestureRecognizerStateEnded:         case UIGestureRecognizerStateCancelled:         {
            [self dh_gestureEndedOrCancelled:gesture];         }             break;         default:             break;     } } 复制代码

3.开始拖动

- (void)dh_gestureBegan:(UILongPressGestureRecognizer *)gesture {
    CGPoint point = [gesture locationInView:gesture.view];     self.lastPoint = point;     NSIndexPath *selectedIndexPath = [self indexPathForRowAtPoint:point];     if (!selectedIndexPath) {
        return;     }     if (self.delegate && [self.delegate respondsToSelector:@selector(tableView:willMoveCellAtIndexPath:)]) {
        [self.delegate tableView:self willMoveCellAtIndexPath:selectedIndexPath];     }     if (_canEdgeScroll) {
        //开启边缘滚动         [self dh_startEdgeScroll];     }     //每次移动开始获取一次数据源     if (self.dataSource && [self.dataSource respondsToSelector:@selector(dataSourceArrayInTableView:)]) {
        _tempDataSource = [self.dataSource dataSourceArrayInTableView:self].mutableCopy;     }     _selectedIndexPath = selectedIndexPath;     UITableViewCell *cell = [self cellForRowAtIndexPath:selectedIndexPath];     _tempView = [self dh_snapshotViewWithInputView:cell];     if (_drawMovalbeCellBlock) {
        //将_tempView通过block让使用者自定义         _drawMovalbeCellBlock(_tempView);     }else {
        //配置默认样式         _tempView.layer.shadowColor = [UIColor grayColor].CGColor;         _tempView.layer.masksToBounds = NO;         _tempView.layer.cornerRadius = 0;         _tempView.layer.shadowOffset = CGSizeMake(-5, 0);         _tempView.layer.shadowOpacity = 0.4;         _tempView.layer.shadowRadius = 5;     }     _tempView.frame = cell.frame;     [self addSubview:_tempView];     //隐藏cell     cell.hidden = YES;     [UIView animateWithDuration:kDH_DragableCellAnimationTime animations:^{
        _tempView.center = CGPointMake(_tempView.center.x, point.y);     }]; } 复制代码

4.拖动 这里的_toBottom是int类型用来判断手势是向哪一个方向拖动,然后根据拖动的cell跟要交换的cell的中心点进行比较,判断是否交换

- (void)dh_gestureChanged:(UILongPressGestureRecognizer *)gesture {
    CGPoint point = [gesture locationInView:gesture.view];     //判断拖动的方向     if (point.y - self.lastPoint.y > 0) {
        _toBottom = 1;//向下拖     }else if(point.y - self.lastPoint.y < 0){
        _toBottom = -1;//向上拖     }else{
        _toBottom = 0;     }     self.lastPoint = point;     NSIndexPath *currentIndexPath = [self indexPathForRowAtPoint:point];     if (currentIndexPath && ![_selectedIndexPath isEqual:currentIndexPath]) {
        UITableViewCell *cell = [self cellForRowAtIndexPath:_selectedIndexPath];         UITableViewCell *cell1 = [self cellForRowAtIndexPath:currentIndexPath];         //将拖动的cell跟要交换的cell的centerY进行比较         if ((_toBottom == 1 && (point.y+cell.frame.size.height/2) >= CGRectGetMaxY(cell1.frame) && (CGRectGetMaxY(cell1.frame) >= CGRectGetMaxY(cell.frame))) || ((_toBottom == -1 && (point.y-cell.frame.size.height/2) <= CGRectGetMinY(cell1.frame)) && (CGRectGetMinY(cell1.frame) <= CGRectGetMinY(cell.frame)))) {
            //交换数据源和cell             [self dh_updateDataSourceAndCellFromIndexPath:_selectedIndexPath toIndexPath:currentIndexPath];             if (self.delegate && [self.delegate respondsToSelector:@selector(tableView:didMoveCellFromIndexPath:toIndexPath:)]) {
                [self.delegate tableView:self didMoveCellFromIndexPath:_selectedIndexPath toIndexPath:currentIndexPath];             }             _selectedIndexPath = currentIndexPath;         }     }     //让截图跟随手势     _tempView.center = CGPointMake(_tempView.center.x, point.y); } 复制代码

5.交换数据跟cell的位置 为了在不同行高交换时cell不变形,交换后要立刻reloadData,再通过对两个cell截图,用截图来模拟交换的动画

/** 交换数据源 跟 cell的位置 */- (void)dh_updateDataSourceAndCellFromIndexPath:(NSIndexPath *)fromIndexPath toIndexPath:(NSIndexPath *)toIndexPath{    if ([self numberOfSections] == 1) {        //只有一组        [_tempDataSource exchangeObjectAtIndex:fromIndexPath.row withObjectAtIndex:toIndexPath.row];        //交换cell        [self moveRowAtIndexPath:fromIndexPath toIndexPath:toIndexPath];    }else {        //有多组        id fromData = _tempDataSource[fromIndexPath.section][fromIndexPath.row];        id toData = _tempDataSource[toIndexPath.section][toIndexPath.row];        NSMutableArray *fromArray = [_tempDataSource[fromIndexPath.section] mutableCopy];        NSMutableArray *toArray = [_tempDataSource[toIndexPath.section] mutableCopy];        [fromArray replaceObjectAtIndex:fromIndexPath.row withObject:toData];        [toArray replaceObjectAtIndex:toIndexPath.row withObject:fromData];        [_tempDataSource replaceObjectAtIndex:fromIndexPath.section withObject:fromArray];        [_tempDataSource replaceObjectAtIndex:toIndexPath.section withObject:toArray];        //交换cell        [self beginUpdates];                [self moveRowAtIndexPath:fromIndexPath toIndexPath:toIndexPath];        [self moveRowAtIndexPath:toIndexPath toIndexPath:fromIndexPath];        [self endUpdates];    }    //交换数据源后reloadData    [self reloadData];    //返回交换后的数据源    if (self.dataSource && [self.dataSource respondsToSelector:@selector(tableView:newDataSourceArrayAfterMove:)]) {        [self.dataSource tableView:self newDataSourceArrayAfterMove:_tempDataSource.copy];    }    //此处用两个cell的截图实现交换的动画    UITableViewCell *cell = [self cellForRowAtIndexPath:fromIndexPath];    cell.hidden = NO;    UITableViewCell *cell1 = [self cellForRowAtIndexPath:toIndexPath];    cell1.hidden = YES;    UIView *tmpCell = [self dh_snapshotViewWithInputView:cell];    cell.hidden = YES;    tmpCell.frame = cell1.frame;    if (_toBottom == -1) {//向上        tmpCell.frame = CGRectMake(0, CGRectGetMinY(cell1.frame), cell.frame.size.width, cell.frame.size.height);        [self insertSubview:tmpCell belowSubview:_tempView];    }else if (_toBottom == 1) {//向下        tmpCell.frame = CGRectMake(0, CGRectGetMaxY(cell1.frame)-cell.frame.size.height, cell.frame.size.width, cell.frame.size.height);        [self insertSubview:tmpCell belowSubview:_tempView];    }else{    }        [UIView animateWithDuration:0.2 animations:^{        tmpCell.frame = cell.frame;    }completion:^(BOOL finished) {        cell.hidden = NO;        [tmpCell removeFromSuperview];    }];}复制代码

6.边缘滚动处理

- (void)dh_startEdgeScroll {
    _edgeScrollTimer = [CADisplayLink displayLinkWithTarget:self selector:@selector(dh_processEdgeScroll)];     [_edgeScrollTimer addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSRunLoopCommonModes]; } - (void)dh_processEdgeScroll {
    [self dh_gestureChanged:_gesture];     CGFloat minOffsetY = self.contentOffset.y + _edgeScrollRange;     CGFloat maxOffsetY = self.contentOffset.y + self.bounds.size.height - _edgeScrollRange;     CGPoint touchPoint = _tempView.center;     //处理上下达到极限之后不再滚动tableView,其中处理了滚动到最边缘的时候,当前处于edgeScrollRange内,但是tableView还未显示完,需要显示完tableView才停止滚动     if (touchPoint.y < _edgeScrollRange) {
        if (self.contentOffset.y <= 0) {
            return;         }else {
            if (self.contentOffset.y - 1 < 0) {
                return;             }             [self setContentOffset:CGPointMake(self.contentOffset.x, self.contentOffset.y - 1) animated:NO];             _tempView.center = CGPointMake(_tempView.center.x, _tempView.center.y - 1);         }     }     if (touchPoint.y > self.contentSize.height - _edgeScrollRange) {
        if (self.contentOffset.y >= self.contentSize.height - self.bounds.size.height) {
            return;         }else {
            if (self.contentOffset.y + 1 > self.contentSize.height - self.bounds.size.height) {
                return;             }             [self setContentOffset:CGPointMake(self.contentOffset.x, self.contentOffset.y + 1) animated:NO];             _tempView.center = CGPointMake(_tempView.center.x, _tempView.center.y + 1);         }     }     //处理滚动     CGFloat maxMoveDistance = 20;     if (touchPoint.y < minOffsetY) {
        //cell在往上移动         CGFloat moveDistance = (minOffsetY - touchPoint.y)/_edgeScrollRange*maxMoveDistance;         [self setContentOffset:CGPointMake(self.contentOffset.x, self.contentOffset.y - moveDistance) animated:NO];         _tempView.center = CGPointMake(_tempView.center.x, _tempView.center.y - moveDistance);     }else if (touchPoint.y > maxOffsetY) {
        //cell在往下移动         CGFloat moveDistance = (touchPoint.y - maxOffsetY)/_edgeScrollRange*maxMoveDistance;         [self setContentOffset:CGPointMake(self.contentOffset.x, self.contentOffset.y + moveDistance) animated:NO];         _tempView.center = CGPointMake(_tempView.center.x, _tempView.center.y + moveDistance);     } } 复制代码

转载于:https://juejin.im/post/5a37791f6fb9a044fa19f5a1

你可能感兴趣的文章
自制一个 elasticsearch-spring-boot-starter
查看>>
【人物志】美团前端通道主席洪磊:一位产品出身、爱焊电路板的工程师
查看>>
一份关于数据科学家应该具备的技能清单
查看>>
机器学习实战_一个完整的程序(一)
查看>>
Web框架的常用架构模式(JavaScript语言)
查看>>
如何用UPA优化性能?先读懂这份报告!
查看>>
这些Java面试题必须会-----鲁迅
查看>>
Linux 常用命令
查看>>
CSS盒模型
查看>>
ng2路由延时加载模块
查看>>
使用GitHub的十个最佳实践
查看>>
脱离“体验”和“安全”谈盈利的游戏运营 都是耍流氓
查看>>
慎用!BLEU评价NLP文本输出质量存在严重问题
查看>>
JAVA的优势就是劣势啊!
查看>>
ELK实战之logstash部署及基本语法
查看>>
帧中继环境下ospf的使用(点到点模式)
查看>>
BeanShell变量和方法的作用域
查看>>
LINUX下防恶意扫描软件PortSentry
查看>>
由数据库对sql的执行说JDBC的Statement和PreparedStatement
查看>>
springmvc+swagger2
查看>>