首页 > 代码库 > iOS tableView右滑显示选择

iOS tableView右滑显示选择

2024-08-21 00:42:56   223人阅读

iOS tableView右滑显示选择 

 如何使用UITableViewRowAction实现右滑选择呢？

1、在iOS8以前，我们实现tableview中滑动显示删除，置顶，更多等等的按钮时，都需要自己去实现，在iOS8中系统已经写好了，只要一个代理方法和一个类就行了

2、iOS8的协议对了一个方法，返回值是数组的tableview：editActionForRowAtIndexPath:方法，我们可以在方法内部写好几个按钮，然后放到数组中返回，那些按钮的类就是UITableviewRowAction

3、在UITableviewRowAction类。我们可以设置按钮的样式，显示文字、背景色和按钮事件(在block内实现)

4、在代理方法中，我们可以常见多个按钮放到数组中返回，最先放入数组的按钮显示在最右边，最后放入的显示在最左边

5、如果自己设定一个或多个按钮，系统自带的删除按钮就消失了

 

设置tableView可以编辑

1
2
3
4
- (BOOL)tableView: (UITableView *)tableView shouldIndentWhileEditingRowAtIndexPath:(NSIndexPath *)indexPath
{
    return YES;
}

UITableViewRowAction的使用方法：

1
+ (instancetype)rowActionWithStyle:(UITableViewRowActionStyle)style title:(nullable NSString *)title handler:(void (^)(UITableViewRowAction *action, NSIndexPath *indexPath))handler;

 

重写UITableViewDelegate的

1
- (nullable NSArray<uitableviewrowaction *> *)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath *)indexPath</uitableviewrowaction *>

方法。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
- (NSArray *)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath *)indexPath
{    
    if(indexPath.row==0)
    {        
        // 添加一个删除按钮
        deleteRowAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleDestructive title:@"删除" handler:^(UITableViewRowAction *action, NSIndexPath *indexPath) 
        {
            NSLog(@"点击了删除"); 
        }];
    }    
    else if (indexPath.row==1)
    {       
        // 添加一个删除按钮
        deleteRowAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleDestructive title:@"删除" handler:^(UITableViewRowAction *action, NSIndexPath *indexPath)
        {
            NSLog(@"点击了删除");
        }];        
        // 添加一个修改按钮
        moreRowAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleNormal title:@"修改" handler:^(UITableViewRowAction *action, NSIndexPath *indexPath) 
        {
            NSLog(@"点击了修改");
        }];
        moreRowAction.backgroundEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];
         
 
    }    
    else if (indexPath.row==2)
    {        
        // 添加一个删除按钮
        deleteRowAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleDestructive title:@"删除" handler:^(UITableViewRowAction *action, NSIndexPath *indexPath) {
            NSLog(@"点击了删除");
             
        }];        
        // 添加一个修改按钮
        moreRowAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleNormal title:@"修改" handler:^(UITableViewRowAction *action, NSIndexPath *indexPath) {
            NSLog(@"点击了修改");
        }];
        moreRowAction.backgroundEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];        
        // 添加一个发送按钮        
        sanRowAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleNormal title:@"发送" handler:^(UITableViewRowAction *action, NSIndexPath *indexPath) 
        {
            NSLog(@"点击了发送");
        }];
        sanRowAction.backgroundColor=[UIColor orangeColor];
 
    }
    else
    {        
        // 添加一个删除按钮
        deleteRowAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleDestructive title:@"删除" handler:^(UITableViewRowAction *action, NSIndexPath *indexPath) 
        {
            NSLog(@"点击了删除");
        }];        
        // 添加一个修改按钮
        moreRowAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleNormal title:@"修改" handler:^(UITableViewRowAction *action, NSIndexPath *indexPath) 
        {
            NSLog(@"点击了修改");
        }];
        moreRowAction.backgroundEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];        
        // 添加一个发送按钮        
       sanRowAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleNormal title:@"发送" handler:^(UITableViewRowAction *action, NSIndexPath *indexPath) 
        {
            NSLog(@"点击了发送");
        }];
        sanRowAction.backgroundColor=[UIColor orangeColor];        // 添加一个发送按钮        
        OK = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleNormal title:@"OK键" handler:^(UITableViewRowAction *action, NSIndexPath *indexPath) {
            NSLog(@"点击了OK");
        }];
        OK.backgroundColor=[UIColor purpleColor];
    }    
     
    // 将设置好的按钮放到数组中返回    
    if (indexPath.row==0) 
    {        
        return @[deleteRowAction];
    }
    else if (indexPath.row==1)
    {        
        return @[deleteRowAction,moreRowAction];
    }
    else if(indexPath.row==2)
    {        
        return @[deleteRowAction,moreRowAction,sanRowAction];
    }else if(indexPath.row==3)
    {            
        return @[deleteRowAction,moreRowAction,sanRowAction,OK];  
    }    
    return nil;
}

iOS tableView右滑显示选择


联系
我们