iOS tableviewcell上下拖动排序

有两种方式可以实现,一种是系统自带的方法,一种是在tableview上添加长按手势来实现。

第一种方法比较简单:

实现tableview的UITableViewDataSource中的几个方法即可。

这样实现的效果,是只能拖动右侧的系统拖动按钮才能进行拖动。

1、先设置 self.tableView.editing = YES;

或者通过一个编辑按钮来控制是开启还是关闭编辑状态(例如,购物车里点击全选就进入了编辑状态一样)

这是一切开始的首要步骤

2、实现代理方法代码如下

#pragma mark-- 系统实现拖动cell

//移动行,是否可编辑

- (BOOL)tableView:(UITableView*)tableViewcanEditRowAtIndexPath:(NSIndexPath*)indexPath{

    return YES;

}

//编辑模式

- (void)setEditing:(BOOL)editinganimated:(BOOL)animated{

    [self.tableView setEditing:YES animated:YES];

}

#pragma mark-- 左滑编辑删除(开启编辑状态下,点击删除按钮删除,关闭编辑状态下,实现该方法,左滑进行删除)

- (void)tableView:(UITableView*)tableViewcommitEditingStyle:(UITableViewCellEditingStyle)editingStyleforRowAtIndexPath:(NSIndexPath*)indexPath{

    if (editingStyle == UITableViewCellEditingStyleDelete) {

        //删除操作

        NSString*letter = [NSStringstringWithFormat:@"%@",self.letterArr[indexPath.row]];

        [self.letterArrremoveObject:letter];

    }

    [self.tableView reloadData];

}

//编辑样式(前面的减号图标隐藏,但位置还是空出来了)

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath{

    return UITableViewCellEditingStyleNone;

}

//允许重新排序单元格

-(BOOL)tableView:(UITableView*)tableViewcanMoveRowAtIndexPath:(NSIndexPath*)indexPath{

    return YES;

}

//执行重新排序的操作

- (void)tableView:(UITableView*)tableViewmoveRowAtIndexPath:(NSIndexPath*)sourceIndexPathtoIndexPath:(NSIndexPath*)destinationIndexPath{

    // 取出要拖动的模型数据

    NSString*letter = [NSStringstringWithFormat:@"%@",self.letterArr[sourceIndexPath.row]];

    //删除之前行的数据

    [self.letterArr  removeObject:letter];

    // 插入数据到新的位置

    [self.letterArr  insertObject:letterat  Index:destinationIndexPath.row];

}

第二种方法:长按手势

1、给tableview添加长按手势

UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longPressRecognizer:)];

[self.tableView addGestureRecognizer:longPress];

2、手势实现方法

//cell长按拖动排序

- (void)longPressRecognizer:(UILongPressGestureRecognizer *)longPress{

    //获取长按的点及cell

    CGPoint location = [longPress locationInView:self.tableView];

    NSIndexPath *indexPath = [self.tableView indexPathForRowAtPoint:location];

    UIGestureRecognizerState state = longPress.state;

    staticUIView *snapView =nil;

    staticNSIndexPath *sourceIndex =nil;

    switch(state) {

        caseUIGestureRecognizerStateBegan:{

            if(indexPath) {

                sourceIndex = indexPath;

                UITableViewCell *cell = [self.tableView cellForRowAtIndexPath:indexPath];

                cell.selectionStyle = UITableViewCellSelectionStyleNone;

                snapView = [selfcustomViewWithTargetView:cell];

                __blockCGPoint center = cell.center;

                snapView.center = center;

                snapView.alpha =0.0;

                [self.tableView addSubview:snapView];

                [UIView animateWithDuration:0.1animations:^{

                    center.y = location.y;

                    snapView.center = center;

                    snapView.transform = CGAffineTransformMakeScale(1.05,1.05);

                    snapView.alpha =0.5;

                    cell.alpha =0.0;

                }];

            }

        }

            break;

        caseUIGestureRecognizerStateChanged:{

            CGPoint center = snapView.center;

            center.y = location.y;

            snapView.center = center;

            UITableViewCell *cell = [self.tableView cellForRowAtIndexPath:sourceIndex];

            cell.alpha =0.0;

            if(indexPath && ![indexPath isEqual:sourceIndex]) {

                [self.letterArr exchangeObjectAtIndex:indexPath.row withObjectAtIndex:sourceIndex.row];

                [self.tableView moveRowAtIndexPath:sourceIndex toIndexPath:indexPath];

                sourceIndex = indexPath;

            }

        }

            break;

        default:{

            UITableViewCell *cell = [self.tableView cellForRowAtIndexPath:sourceIndex];

            [UIView animateWithDuration:0.25animations:^{

                snapView.center = cell.center;

                snapView.transform = CGAffineTransformIdentity;

                snapView.alpha =0.0;

                cell.alpha =1.0;

            } completion:^(BOOLfinished) {

                [snapView removeFromSuperview];

                snapView =nil;

            }];

            sourceIndex =nil;

        }

            break;

    }

}

//截取选中cell

- (UIView *)customViewWithTargetView:(UIView *)target{

    UIGraphicsBeginImageContextWithOptions(target.bounds.size,NO,0);

    [target.layer renderInContext:UIGraphicsGetCurrentContext()];

    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();

    UIView *snapshot = [[UIImageView alloc] initWithImage:image];

    snapshot.layer.masksToBounds =NO;

    snapshot.layer.cornerRadius =0.0;

    snapshot.layer.shadowOffset = CGSizeMake(-5.0,0.0);

    snapshot.layer.shadowRadius =5.0;

    snapshot.layer.shadowOpacity =0.4;

    returnsnapshot;

}

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,185评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,445评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,684评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,564评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,681评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,874评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,025评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,761评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,217评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,351评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,988评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2 349

推荐阅读更多精彩内容