文档章节

UITableViewCell系列之(一)让你的cell支持二次编辑

AllenOR灵感
 AllenOR灵感
发布于 2017/09/10 01:17
字数 1030
阅读 1
收藏 0

关于UITableViewCell一些别具一个的样式和用法。很早就想系统的写一篇文章,文章中囊括开发中UITableViewcell的一些花样用法和奇葩用法。结果还是以简短的方式分享出来,因为没有太多时间思考文章的脉络和条理。这只是一个开头,关于UITableViewCell的一些特殊的用法,我还会继续在这个系列中更新。
如果你觉得按照步骤一步一步读下去浪费时间,喜欢直接看代码请点击

如下图,先来看看我所说的可编辑的cell的效果:


enableEditCell.gif

开发中,有时候需要对tableView的某一行的内容(通常是文本)进行二次编辑。每个开发者采用的方式不同,有的开发者直接以modal/push的方式present出一个控制器,把tableViewCell上的内容传递到被modal/push的控制器的UITextView上,在UITextView上进行二次编辑,编辑完成再把数据逆传回来,重新显示到tableView上。另外一种方法是直接在当前控制器(的界面)上以动画(甚至是没有动画)的形式弹出一个UITextView,在UITextView上修改文本内容,修改完成后再隐藏/移除UITextView,把内容重新显示到tableView上。做的好的同学,可能还不忘弹出UITextView的时给tableView添加一个蒙版或者模糊效果以突出重点,提高用户的体验度。以上的两种方式算是中规中矩。

今天,我提供了一种全新、直观的方式来达到同样的效果。思路如下:
注意:以下操作全部是在didSelectRowAtIndexPath:方法中进行的

  1. 获取点击的那一行cell在tableView坐标系上的frame,并转换为view坐标系上的frame,此处称为frame1
  2. 根据frame1获取点击的那一行cell
  3. 在cell上添加一个和label同样尺寸、同样坐标的UITextView,以让UITextView正好遮盖住label
  4. 把cell上的内容显示到UITextView上。
  5. 在UITextView上编辑文本,编辑完成后再跟新数据,刷新tableView。

代码如下:

- (void)viewDidLoad {
    [super viewDidLoad];

    [self.tableView registerNib:[UINib nibWithNibName:NSStringFromClass([WSEnableEditCell class]) bundle:nil] forCellReuseIdentifier:@"enableEditCell"];

    // self-sizing
    self.tableView.estimatedRowHeight = 200.f;
    self.tableView.rowHeight = UITableViewAutomaticDimension;
}


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

    return self.contentTexts.count;;
}


- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    WSEnableEditCell *cell = [tableView dequeueReusableCellWithIdentifier:@"enableEditCell"];

    [cell setContent:self.contentTexts[indexPath.row]];
    cell.selected = NO;
    return cell;
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    NSLog(@"选中:%ld行",indexPath.row);

    // 0.0. 如果,当前正处在编辑状态,那么再次点击cell就保存内容、结束编辑(退出键盘)
    //      否则,进入编辑状态
    if ([self endEditForIndexPath:indexPath]) return;

    // 0.1. 保存点击的那一行
    editingIndexPath = indexPath;
    // 1.1. 获取点击的那一行在view上的frame
    CGRect rectInView = [self getCellRectInView:self.view forIndexPath:indexPath];
    // 1.2. 根据frame获取cell
    WSEnableEditCell *cell = [self getCellInTableView:tableView ForRect:rectInView];
    // 1.3. 把textView添加到cell上
    [self addTextView:self.textView toCell:cell];

}

// 0. 如果,当前正处在编辑状态,那么再次点击cell就保存内容、结束编辑(退出键盘);否则,进入编辑状态
- (BOOL)endEditForIndexPath:(NSIndexPath *)indexPath {

    isEditing = !isEditing;
    if (!isEditing) {

        if (![indexPath isEqual:editingIndexPath]) indexPath = editingIndexPath;

        [self.view endEditing:YES];
        [self.tableView setScrollEnabled:YES];
        self.contentTexts[indexPath.row] = self.textView.text;
        // [cell setContent:self.textView.text];
        [self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];
        [self.textView removeFromSuperview];

        [self.tableView setScrollEnabled:YES];
        return YES;
    } else {
        [self.tableView setScrollEnabled:NO];
        return NO;
    }
}

// 1.获取cell 在 屏幕上的 frame
- (CGRect)getCellRectInView:(UIView *)view forIndexPath:(NSIndexPath *)indexPath {
    CGRect rectInTableView = [self.tableView rectForRowAtIndexPath:indexPath];
    CGRect rect = [self.tableView convertRect:rectInTableView toView:view];
    return rect;
}

// 2.获取显示的所有cell,遍历数组中每个cell的frame,找到点击的那个cell
- (WSEnableEditCell *)getCellInTableView:(UITableView *)tableView ForRect:(CGRect)rect {
    NSArray *visibleCells = [tableView visibleCells];
    for (WSEnableEditCell *cell in visibleCells) {
        CGRect frame = [tableView convertRect:cell.frame toView:self.view];
        if (CGRectEqualToRect(frame, rect)) {
            return cell;
        }
    }
    return nil;
}

// 3.给cell添加UITextView
- (void)addTextView:(UITextView *)textView toCell:(WSEnableEditCell *)cell {
    textView.frame = cell.ContentLabel.frame;
    textView.text = cell.ContentLabel.text;
    [cell.contentView addSubview:textView];
    [textView becomeFirstResponder];
}

demo地址点这里

文/VV木公子(简书作者)
如果你对本文感兴趣,请点击喜欢。如果对本系列感兴趣,请关注本人,日后将会更新更多关于UITableViewCell的文章。

PS:如非特别说明,所有文章均为原创作品,著作权归作者所有,转载转载请联系作者获得授权,并注明出处,所有打赏均归本人所有!

本文转载自:http://www.jianshu.com/p/0579835cd50f

共有 人打赏支持
AllenOR灵感
粉丝 11
博文 2635
码字总数 83001
作品 0
程序员
私信 提问
iOS UITableView代理方法详解

iOS UITableView的代理方法详解 一、补充 在上一篇博客中,http://my.oschina.net/u/2340880/blog/404605,我将IOS中tableView(表视图)的一些常用方法总结了一下,这篇将tableView的代理方法...

珲少
2015/04/22
0
2
UITableView 保存选中状态的方式

昨天看到UITableView中的属性 @property(nonatomic) BOOL allowsSelection;//是否允许选中cell,默认为YES@property(nonatomic) BOOL allowsMultipleSelection;//是否允许多个选中cell@proper......

Aimy
2013/11/12
0
0
UITableView 基本使用方法总结

首先,Controller需要实现两个 delegate ,分别是 UITableViewDelegate 和 UITableViewDataSource 2.然后 UITableView对象的 delegate要设置为 self。 3. 然后就可以实现这些delegate的一些方...

悠哉悠哉e
2012/11/13
0
0
iOS开发系列--UITableView全面解析

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/jianxin160/article/details/47753205 --UIKit之UITableView 概述 在iOS开发中UITableView可以说是使用最广泛...

KenshinCui
2015/08/18
0
0
UITableView 一些方法

1. UITableView的初始化 [csharp] view plain copy UITableView tableview= [[UITableView alloc] initWithFrame:CGRectMake(0, 0, 320, 420)]; [tableview setDelegate:self]; [tableview s......

晨曦之光
2012/05/16
852
0

没有更多内容

加载失败,请刷新页面

加载更多

开始看《Java学习笔记》

虽然书买了很久,但一直没看。这其中也写过一些Java程序,但都是基于IDE的帮助和对C#的理解来写的,感觉不踏实。 林信良的书写得蛮好的,能够帮助打好基础,看得出作者是比较用心的。 第1章概...

max佩恩
昨天
11
0
Redux 三大原则

1.单一数据源 在传统的MVC架构中,我们可以根据需要创建无数个Model,而Model之间可以互相监听、触发事件甚至循环或嵌套触发事件,这些在Redux中都是不被允许的。 因为在Redux的思想里,一个...

wenxingjun
昨天
7
0
跟我学Spring Cloud(Finchley版)-12-微服务容错三板斧

至此,我们已实现服务发现、负载均衡,同时,使用Feign也实现了良好的远程调用——我们的代码是可读、可维护的。理论上,我们现在已经能构建一个不错的分布式应用了,但微服务之间是通过网络...

周立_ITMuch
昨天
4
0
XML

学习目标  能够说出XML的作用  能够编写XML文档声明  能够编写符合语法的XML  能够通过DTD约束编写XML文档  能够通过Schema约束编写XML文档  能够通过Dom4j解析XML文档 第1章 xm...

stars永恒
昨天
2
0
RabbitMQ学习(2)

1. 生产者客户端 void basicPublish(String exchange, String routingKey, boolean mandatory, boolean immediate, BasicProperties props, byte[] body) 1. 在生产者客户端发送消息时,首先......

江左煤郎
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部