UITableView 侧拉菜单 原生+自定义 详解

iOS 的侧拉菜单功能已经深入人心了,所以侧拉是开发过程中经常会遇到的,好在UITableView的代理方法中已经自带了侧拉,用起来也比较方便,但是弊端就是不好自定义,今天这篇文章就来详解一下侧拉功能,从原生到多种自定义。

首先写一个最基本的列表

#import "ViewController.h"


@interface ViewController ()<UITableViewDelegate,UITableViewDataSource>

@property(nonatomic,strong)UITableView *tableView;

@property(nonatomic,strong)NSMutableArray *datas;

@end


@implementation ViewController


- (void)viewDidLoad {

    [super viewDidLoad];

    _datas = [[NSMutableArray alloc]init];

    _tableView=[[UITableView alloc]initWithFrame:self.view.frame style:UITableViewStylePlain];

    _tableView.delegate=self;

    _tableView.dataSource=self;

    [self.view addSubview:_tableView];

    for (int i=0; i<20; i++) {

        [_datas addObject:[NSString stringWithFormat:@"%d",i]];

    }

}

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{

    return _datas.count;

}

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{

    Cell *cell=[tableView dequeueReusableCellWithIdentifier:@"Cell"];

    if (!cell) {

        cell=[[[NSBundle mainBundle]loadNibNamed:@"Cell" owner:nil options:nil]firstObject];

    }

    return cell;

}

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{

    [tableView deselectRowAtIndexPath:indexPath animated:YES];

}

1.如果是侧拉一个菜单 ,写这三个代理方法

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

    return YES;

}

-(NSString *)tableView:(UITableView *)tableView titleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath *)indexPath{

    return @"删除";

}

-(void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath{

    NSLog(@"回掉在这里");

}

下面是效果图


2.如果想侧拉出多个菜单,则需要写这个代理方法

- (NSArray *)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath *)indexPath{

    NSMutableArray  *btnArray = [NSMutableArray array];

    // 添加一个删除按钮

    UITableViewRowAction *deleteRowAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleDestructive title:@"删除" handler:^(UITableViewRowAction *action, NSIndexPath *indexPath) {

        

        // 1. 移除一行

        [self.datas removeObjectAtIndex:indexPath.row];

        // 2. 更新UI

        [tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];

    }];

    // 设置背景颜色

    deleteRowAction.backgroundColor = [UIColor blueColor];

    // 添加一个编辑按钮

    UITableViewRowAction *editRowAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleNormal title:@"编辑" handler:^(UITableViewRowAction *action, NSIndexPath *indexPath) {

        NSLog(@"点击了编辑");

        // 一个动画

        [tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationMiddle];

    }];

    // 设置背景颜色

    editRowAction.backgroundColor = [UIColor greenColor];

    // 将按钮们加入数组

    [btnArray addObject:deleteRowAction];

    [btnArray addObject:editRowAction];

    return btnArray;

}


下面是效果图:


3.难点来了,如果是想自定义字体,颜色,或者是加图片,这就要在cell里面添加这个方法了

//在删除按钮将要出现的时候,改变按钮

-(void)willTransitionToState:(UITableViewCellStateMask)state{

    //当删除按钮将要出来的时候,改变按钮

    if (state == UITableViewCellStateShowingDeleteConfirmationMask) {

        

        UITableView *tableView = [self valueForKey:@"_tableView"];

        if (![tableView.delegate respondsToSelector:@selector(tableView:editActionsForRowAtIndexPath:)]) {

            return;//如果没有删除按钮,就不要继续进行 return

        }

        //时候要创建一个线程,并且马上执行修改动作

        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.001 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{

            UIView *swipeToDeleteConfirmationView = [self valueForKey:@"_swipeToDeleteConfirmationView"];//这里先要把按钮的父View找出来,然后一个一个的修改

            for (UIButton *deleteButton in swipeToDeleteConfirmationView.subviews) {

                [deleteButton setTitleColor:[UIColor greenColor] forState:UIControlStateNormal];

                [deleteButton setImage:[UIImage imageNamed:@"zhanwei2"] forState:UIControlStateNormal];

                deleteButton.titleLabel.font=[UIFont systemFontOfSize:14];

                return;//这里可以修改一个,也可以都修改,看情况而而定

            }

            

        });

   }

}

下面是效果图:


但是这样做虽然可以,但是这么做未眠有点low,如果把这些功能做一个分类提出来的话,就会更好一点,以下是进阶篇

首先在刚刚创建多个菜单的时候加一些需要的字段

- (NSArray *)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath *)indexPath{

    NSMutableArray  *btnArray = [NSMutableArray array];

    // 添加一个删除按钮

    UITableViewRowAction *deleteRowAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleDestructive title:@"删除"handler:^(UITableViewRowAction *action, NSIndexPath *indexPath) {

        

        // 1. 移除一行

        [self.datas removeObjectAtIndex:indexPath.row];

        // 2. 更新UI

        [tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];

    }];

deleteRowAction.image=[UIImage imageNamed:@"zhanwei2"];//这里加了一张图片


    // 设置背景颜色

    deleteRowAction.backgroundColor = [UIColor blueColor];

    // 添加一个编辑按钮

    UITableViewRowAction *editRowAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleNormal title:@"编辑"handler:^(UITableViewRowAction *action, NSIndexPath *indexPath) {

        NSLog(@"点击了编辑");

        // 一个动画

        [tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationMiddle];

    }];

editRowAction.font=14;//这里加了字体大小


    // 设置背景颜色

    editRowAction.backgroundColor = [UIColor greenColor];

    // 将按钮们加入数组

    [btnArray addObject:deleteRowAction];

    [btnArray addObject:editRowAction];

    return btnArray;

}

然后间一个UITableViewRowAction的分类

.h文件中

#import <UIKit/UIKit.h>


@interface UITableViewRowAction (Extension)

@property (nonatomic, strong, nullable) UIImage *image;//是不是带图片


@property (nonatomic, assign) BOOL enabled;//是不是有事件

@property (nonatomic, assign) NSInteger font;//是不是要改字体

@end

.m文件中

#import "UITableViewRowAction+Extension.h"

#import <objc/runtime.h>

@implementation UITableViewRowAction (Extension)

/*

 *这里面实现各个属性的setter  getter 方法

 */

- (void)setImage:(UIImage *)image {

    

    objc_setAssociatedObject(self, @selector(image), image, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

}


- (void)setEnabled:(BOOL)enabled {

    objc_setAssociatedObject(self, @selector(enabled), @(enabled), OBJC_ASSOCIATION_ASSIGN);

}

- (void)setFont:(NSInteger)font {

    

    objc_setAssociatedObject(self, @selector(font), @(font), OBJC_ASSOCIATION_ASSIGN);

}


- (UIImage *)image {

    return objc_getAssociatedObject(self, _cmd);

}

- (NSInteger)font {

    NSNumber *number=objc_getAssociatedObject(self, _cmd);

    return number.integerValue;

}

- (BOOL)enabled {

    id enabled = objc_getAssociatedObject(self, _cmd);

    return enabled ? [enabled boolValue] : true;

}

@end

然后间一个 UITableViewCell 的分类

.文件中

#import "UITableViewCell+Extension.h"

#import <objc/runtime.h>

#import "UITableViewRowAction+Extension.h"

@implementation UITableViewCell (Extension)

+ (void)load {

    [super load];

    static dispatch_once_t onceToken;

    dispatch_once(&onceToken, ^{

        Method willTransitionToState = class_getInstanceMethod(self, @selector(willTransitionToState:));

        Method __willTransitionToState = class_getInstanceMethod(self, @selector(__willTransitionToState:));

        method_exchangeImplementations(willTransitionToState, __willTransitionToState);

        //这里最好加点运行时的代码,在willTransitionToState出来之前运行替换的函数,切记一定要替换一次

    });

}

//在删除按钮将要出现的时候,改变按钮

- (void)__willTransitionToState:(UITableViewCellStateMask)state {

    

    [self __willTransitionToState:state];

    //当删除按钮将要出来的时候,改变按钮

    if (state == UITableViewCellStateShowingDeleteConfirmationMask) {

        

        UITableView *tableView = [self valueForKey:@"_tableView"];

        if (![tableView.delegate respondsToSelector:@selector(tableView:editActionsForRowAtIndexPath:)]) {

            return;//如果没有删除按钮,就不要继续进行 return

        }

        //时候要创建一个线程,并且马上执行修改动作

        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.001 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{

            

            UIView *swipeToDeleteConfirmationView = [self valueForKey:@"_swipeToDeleteConfirmationView"];//这里先要把按钮的父View找出来,然后一个一个的修改

            for (UIButton *deleteButton in swipeToDeleteConfirmationView.subviews) {

                

                UITableViewRowAction *rowAction = [deleteButton valueForKey:@"_action"];

                if (rowAction.backgroundColor) {

                    deleteButton.backgroundColor = rowAction.backgroundColor;

                }

                /*

                 *下面就通过创建时候set的参数来修改每个按钮的状态

                 */

                deleteButton.enabled = rowAction.enabled;

                [deleteButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];

                if (rowAction.image) {

                    NSTextAttachment *imageAtt = [[NSTextAttachment alloc] init];

                    imageAtt.image = rowAction.image;

                    [deleteButton setAttributedTitle:[NSAttributedString attributedStringWithAttachment:imageAtt] forState:UIControlStateNormal];

                }

                if (rowAction.font) {

                    deleteButton.titleLabel.font=[UIFont systemFontOfSize:rowAction.font];

                }

            }

            return;

        });

    }

}

//用运行时的代码将rowActions找到

- (void)setRowActions:(NSArray *)rowActions {

    objc_setAssociatedObject(self, @selector(rowActions), rowActions, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

}


- (NSArray *)rowActions {

    return objc_getAssociatedObject(self, _cmd);

}

@end


下面是效果图:


//经过一天的时间终于把各种侧拉菜单都整理好了,欢迎大家阅读,交流,批评指正。


  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
提供的源码资源涵盖了Java应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码中配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程中,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码中的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试,可以直接运行,可以放心下载使用。有任何使用问题欢迎随时与博主沟通,第一时间进行解答!
提供的源码资源涵盖了小程序应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码中配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程中,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码中的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试,可以直接运行,可以放心下载使用。有任何使用问题欢迎随时与博主沟通,第一时间进行解答!
提供的源码资源涵盖了Java应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码中配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程中,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码中的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试,可以直接运行,可以放心下载使用。有任何使用问题欢迎随时与博主沟通,第一时间进行解答!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值