自定义UITableViewCell实现左滑动多菜单功能LeftSwipe

　　今天愚人节，小伙们，愚人节快乐！

　　实现一个小功能，滑动菜单，显示隐藏的功能菜单， 先上图：

                     

这里尝试用了下使用三个方式来实现了这个功能：

1、使用自定义UITableViewCell + UISwipeGestureRecognizer + 代理 实现；

2、使用自定义UITableViewCell + UIPanGestureRecognizer + 代理 实现；

3、使用自定义UITableViewCell + UISwipeGestureRecognizer + block 实现。

注意点： 使用UIPanGestureRecognizer手势实现左滑的时候，由于拖拽手势的方向随意性，导致与UITableViewController的下拉刷新手势冲突了！

感觉还是用UISwipeGestureRecognizer清扫手势实现好点！

部分代码：

1、使用UISwipeGestureRecognizer  +  Delegate

自定义UITableViewCell部分代码：

 //
 //  TanTableViewCell.h
 //  Tan_SwipeTableViewCell
 //
 //  Created by PX_Mac on 16/3/25.
 //  Copyright © 2016年 PX_Mac. All rights reserved.
 //

 #import <UIKit/UIKit.h>
 @class MemberModel;
 @class TanTableViewCell;

 @protocol TanTableViewCellDelegate <NSObject>

 @optional
 - (void)deleteMember: (TanTableViewCell *)cell; //协议方法：删除会员
 - (void)closeOtherCellLeftSwipe;  //关闭其他单元格的左滑

 @end

 @interface TanTableViewCell : UITableViewCell

 //静态构造方法
 + (instancetype)cellWithTableView: (UITableView *)tableView;

 @property (nonatomic, strong) MemberModel *model; //模型属性
 @property (nonatomic, weak) id<TanTableViewCellDelegate> delegate; //代理

 - (void)setData: (MemberModel *)model; //设置要显示的数据
 - (void)closeSwipe; //关闭滑动，恢复原样（用于在滑动当前单元格时，把其他已经左滑的单元格关闭）

 @end

@implementation TanTableViewCell

+ (instancetype)cellWithTableView:(UITableView *)tableView{
    static NSString *reuseIdentity = @"tanCell";

    TanTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:reuseIdentity];

    if (cell == nil){
        cell = [[TanTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:reuseIdentity];
    }
    return cell;
}

- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
    if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]){
        [self initSubControls]; //初始化子控件
    }
    return self;
}

//初始化子控件
- (void)initSubControls{
/*....... */

//3、给容器containerView绑定左右滑动清扫手势
    UISwipeGestureRecognizer *leftSwipe = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipe:)];
    leftSwipe.direction = UISwipeGestureRecognizerDirectionLeft; //设置向左清扫
    [self.containerView addGestureRecognizer:leftSwipe];

    UISwipeGestureRecognizer *rightSwipe = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipe:)];
    rightSwipe.direction = UISwipeGestureRecognizerDirectionRight;//设置向右清扫
    [self.containerView addGestureRecognizer:rightSwipe];

    self.selectionStyle = UITableViewCellSelectionStyleNone; //设置单元格选中样式
    [self.contentView bringSubviewToFront:self.containerView]; //设置containerView显示在最上层
}

//左滑动和右滑动手势
- (void)swipe: (UISwipeGestureRecognizer *)sender
{
    if (sender.direction == UISwipeGestureRecognizerDirectionLeft){
        if (self.isOpenLeft) return; //已经打开左滑，不再执行

        //开始左滑： 先调用代理关闭其他cell的左滑
        if ([self.delegate respondsToSelector:@selector(closeOtherCellLeftSwipe)])
            [self.delegate closeOtherCellLeftSwipe];

        [UIView animateWithDuration:0.5 animations:^{
            sender.view.center = CGPointMake(, CELLHEIGHT * 0.5);
        }];
        self.isOpenLeft = YES;
    }
    else if (sender.direction == UISwipeGestureRecognizerDirectionRight){
        [self closeSwipe]; //关闭左滑
    }
}

//关闭左滑，恢复原状
- (void)closeSwipe{
    if (!self.isOpenLeft) return; //还未打开左滑，不需要执行右滑

    [UIView animateWithDuration:0.5 animations:^{
        self.containerView.center = CGPointMake(SCREENWIDTH * 0.5, CELLHEIGHT * 0.5);
    }];
    self.isOpenLeft = NO;
}

//.....
@end

控制器部分代码：

#pragma mark - UITableViewDataSource
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return self.dataArr.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    TanTableViewCell *cell = [TanTableViewCell cellWithTableView:tableView];
    cell.delegate = self;

    MemberModel *model = [self.dataArr objectAtIndex:indexPath.row];
    [cell setData:model];

    return cell;
}

#pragma mark - cell代理方法
//删除单元格
- (void)deleteMember:(TanTableViewCell *)cell{
    NSIndexPath *path = [self.tableView indexPathForCell:cell]; //获取cell所在位置
    //删除数组中数据
    [self.dataArr removeObjectAtIndex:path.row];
    //删除单元格
    [self.tableView deleteRowsAtIndexPaths:@[path] withRowAnimation:UITableViewRowAnimationLeft];
}

//关闭其他cell的左滑
- (void)closeOtherCellLeftSwipe{
    //循环显示的cell
    for (TanTableViewCell *item in self.tableView.visibleCells) {
        [item closeSwipe];
    }
}

2、UIPanGestureRecognizer + 代理

自定义UITableViewCell部分代码：

 //初始化子控件
 - (void)initSubControls{
     /* ...... */

     //3、给容器containerView绑定拖动手势
     UIPanGestureRecognizer *panGes = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];
     [self.containerView addGestureRecognizer:panGes];
     self.panGes = panGes;

     self.selectionStyle = UITableViewCellSelectionStyleNone; //设置单元格选中样式
     [self.contentView bringSubviewToFront:self.containerView]; //设置containerView显示在最上层
 }

 //拖动手势（拖拽手势和UITableView的下拉刷新手势有冲突，造成下拉刷新不能使用）
 - (void)pan: (UIPanGestureRecognizer *)sender
 {
     //动画结束时修正位置
     if (sender.state == UIGestureRecognizerStateEnded){

         //关闭其他cell的左拖拽
         if ([self.delegate respondsToSelector:@selector(closeOtherCellLeftPan:)])
             [self.delegate closeOtherCellLeftPan: self];

         if (sender.view.frame.origin.x < -SCREENWIDTH * 0.25){
             sender.view.transform = CGAffineTransformMakeTranslation(-SCREENWIDTH * 0.5, );
             [sender setTranslation:CGPointZero inView:sender.view];  //必须归0
         }
         else{
             [self closeLeftPan];
         }
     }

     CGPoint point = [sender translationInView:self.contentView];

     CGFloat tx = sender.view.transform.tx;

     if (tx < - SCREENWIDTH * 0.5 || tx > ) return;

     //形变
     sender.view.transform = CGAffineTransformTranslate(sender.view.transform, point.x, );
     [sender setTranslation:CGPointZero inView:sender.view];  //必须归0
 }

 //关闭左拖拽
 - (void)closeLeftPan{
     self.panGes.view.transform = CGAffineTransformMakeTranslation(, );
     [self.panGes setTranslation:CGPointZero inView:self.panGes.view];  //必须归0
 }

3、UISwipeGestureRecognizer + block

自定义UITableViewCell部分代码：

 //
 //  TanTableViewCell.h
 //  Tan_SwipeTableViewCell
 //
 //  Created by PX_Mac on 16/3/25.
 //  Copyright © 2016年 PX_Mac. All rights reserved.
 //

 #import <UIKit/UIKit.h>
 @class MemberModel;

 @interface TanTableViewCell : UITableViewCell

 //静态构造方法
 + (instancetype)cellWithTableView: (UITableView *)tableView;

 @property (nonatomic, strong) MemberModel *model; //模型属性
 - (void)setData: (MemberModel *)model; //设置要显示的数据

 @property (nonatomic, copy) void (^deleteMember)(); //删除会员block回调方法
 @property (nonatomic, copy) void (^closeOtherCellSwipe)(); //关闭其他cell的左滑

 - (void)closeLeftSwipe; //关闭左滑

 @end

 //左滑动和右滑动手势
 - (void)swipe: (UISwipeGestureRecognizer *)sender
 {
     if (sender.direction == UISwipeGestureRecognizerDirectionLeft){
         if (self.isOpenLeft) return; //已经打开左滑，不再执行

         //开始左滑： 先调用block关闭其他可能左滑的cell
         if (self.closeOtherCellSwipe)
             self.closeOtherCellSwipe();

         [UIView animateWithDuration:0.5 animations:^{
             sender.view.center = CGPointMake(, CELLHEIGHT * 0.5);
         }];
         self.isOpenLeft = YES;
     }
     else if (sender.direction == UISwipeGestureRecognizerDirectionRight){
         [self closeLeftSwipe]; //关闭左滑
     }
 }

 //关闭左滑，恢复原状
 - (void)closeLeftSwipe{
     if (!self.isOpenLeft) return; //还未打开左滑，不需要执行右滑

     [UIView animateWithDuration:0.5 animations:^{
         self.containerView.center = CGPointMake(SCREENWIDTH * 0.5, CELLHEIGHT * 0.5);
     }];
     self.isOpenLeft = NO;
 }

控制器部分代码：

 #pragma mark - 代理方法
 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
     return self.dataArr.count;
 }

 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
     TanTableViewCell *cell = [TanTableViewCell cellWithTableView:tableView];

     MemberModel *model = [self.dataArr objectAtIndex:indexPath.row];
     [cell setData:model]; //设置数据

     __weak typeof(self) tempSelf = self;
     __weak typeof(cell) tempCell = cell;

     //设置删除cell回调block
     cell.deleteMember = ^{
         NSIndexPath *tempIndex = [tempSelf.tablView indexPathForCell:tempCell];
         [tempSelf.dataArr removeObject:tempCell.model];
         [tempSelf.tablView deleteRowsAtIndexPaths:@[tempIndex] withRowAnimation:UITableViewRowAnimationLeft];
     };

     //设置当cell左滑时，关闭其他cell的左滑
     cell.closeOtherCellSwipe = ^{
         for (TanTableViewCell *item in tempSelf.tablView.visibleCells) {
             if (item != tempCell) [item closeLeftSwipe];
         }
     };

     return cell;
 }

DEMO下载：

github地址：https://github.com/xiaotanit/Tan_UITableViewCellLeftSwipe

csdn地址：http://download.csdn.net/detail/tandaxia/9479428

原文链接：http://www.cnblogs.com/tandaxia/p/5346659.html