美文网首页
iOS中的常用UI控件(二):TableView

iOS中的常用UI控件(二):TableView

作者: 指尖书法 | 来源:发表于2017-06-05 22:35 被阅读114次

    一、基本属性

    UITableView : 能够实现表格数据展示
    UITableView继承自UIScrollView,因此,支持垂直滚动,性能极佳。
    两种样式:

    tableView的两种样式

    如何在展示数据:

    1. 需要一个数据源:DataSource
    2. 想数据源查询共多少行,每一行显示什么数据等
    3. 凡遵守UITableViewDataSource协议的OC对象,都可以是UITableView的数据源
      三个数据源协议方法
    // 一共有多少组数据
    - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;
    // 每一组有多少行数据
    - (NSInteger)tableView:(UITableView *)tableView  numberOfRowsInSection:(NSInteger)section;
    // 每一行显示什么内容
    - (UITableViewCell *)tableView:(UITableView *)tableView  cellForRowAtIndexPath:(NSIndexPath *)indexPath;
    

    数据源调用方法的顺序

    1. numberOfSectionInTableView: 即使不实现默认会返回一组
    2. numberOfRowInSection: 会调用多遍, 上面的方法返回多少组就调用 多少次
    3. cellForRowAtIndexPath: 总共有多少行就会调用多少遍

    二、Cell

    1. Cell基本属性
      UITableView的每一行都是一个UITableViewCell,通过dataSource的tableView:cellForRowAtIndexPath:方法来初始化每一行

    ContentView
    UITableViewCell内部有个默认的子视图:contentView,contentView是UITableViewCell所显示内容的父视图,可显示一些辅助指示视图
    contentView下默认有3个子视图
    其中2个是UILabel(通过UITableViewCell的textLabeldetailTextLabel属性访问)
    第3个是UIImageView(通过UITableViewCell的imageView属性访问)

    UITableViewCell还有一个UITableViewCellStyle属性,用于决定使用contentView的哪些子视图,以及这些子视图在contentView中的位置

    三种不同的cell类型

    辅助指示视图的作用是显示一个表示动作的图标,可以通过设置UITableViewCell的accessoryType来显示,默认是UITableViewCellAccessoryNone(不显示辅助指示视图),其他值如下:

    辅助指示视图
    还可以通过cell的accessoryView属性来自定义辅助指示视图(比如往右边放一个开关)
    1. cell的重用
    • iOS设备的内存有限,如果用UITableView显示成千上万条数据,就需要成千上万个UITableViewCell对象的话,那将会耗尽iOS设备的内存。要解决该问题,需要重用UITableViewCell对象

    • 重用原理:当滚动列表时,部分UITableViewCell会移出窗口,UITableView会将窗口外的UITableViewCell放入一个对象池中,等待重用。当UITableView要求dataSource返回UITableViewCell时,dataSource会先查看这个对象池,如果池中有未使用的UITableViewCell,dataSource会用新的数据配置这个UITableViewCell,然后返回给UITableView,重新显示到窗口中,从而避免创建新对象

    • 还有一个非常重要的问题:有时候需要自定义UITableViewCell(用一个子类继承UITableViewCell),而且每一行用的不一定是同一种UITableViewCell,所以一个UITableView可能拥有不同类型的UITableViewCell,对象池中也会有很多不同类型的UITableViewCell,那么UITableView在重用UITableViewCell时可能会得到错误类型的UITableViewCell

    • 解决方案:UITableViewCell有个NSString *reuseIdentifier属性,可以在初始化UITableViewCell的时候传入一个特定的字符串标识来设置reuseIdentifier(一般用UITableViewCell的类名)。当UITableView要求dataSource返回UITableViewCell时,先通过一个字符串标识到对象池中查找对应类型的UITableViewCell对象,如果有,就重用,如果没有,就传入这个字符串标识来初始化一个UITableViewCell对象

    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    {
       // 1.定义一个cell的标识
         static NSString *ID = @”cell";
       
       // 2.从缓存池中取出cell
         UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
       
       // 3.如果缓存池中没有cell
         if (cell == nil) {
           cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
       }
       
       // 4.设置cell的属性...
       
         return cell;
    }
    

    三、tableView的常见方法

    1. tableView的数据刷新

      最好先修改数据源中的数据
      然后执行刷新
      reloadData对所有的数据执行刷新操作
      reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:只针对一行, 也可以是多行进行刷新

    2. cell 的删除和插入

    删除

    _tableView.editing = YES; 默认在左侧显示 红色的删除按钮

    还需要实现这个方法:

      - (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath ```
    
    3. 删除cell的步骤:
    删除数据源中的对象
    deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:
    
    4. 插入cell的步骤:
    插入新数据到数据源数组
    insertRowsAtIndexPaths:@[indexPath] withRowAnimation:
    
    5. xib自定义cell
    
    

    在cellForRowAtIndexPath: 返回的cell是我们自定义cell

    cell = [[[NSBundle mainBundle] loadNibNamed:@"GrouponsCell" owner:nil options:nil] lastObject];
    
    一定要注意, 在xib中设置 重用标识符
    

    如果一个类和 xib进行关联, 那么实例化方之后调用的法就是:
    - (void)awakeFromNib

    6. 计算文本的高度
    
    
    1. 给 显示的文本一个区域
      CGSize contentMaxSize = CGSizeMake(contentLabelWidth, MAXFLOAT);
    2. NSFontAttributeName 字体的大小
      这里设置的文本大小, 要跟 label上设置的保持一致
      NSDictionary *attributesDict = @{NSFontAttributeName:[UIFont systemFontOfSize:15]};

    根据设置文本字体的大小, 给一个限定的 rect, 计算真实的size
    [weiboModel.text boundingRectWithSize:contentMaxSize options:NSStringDrawingUsesLineFragmentOrigin attributes:attributesDict context:nil].size;

    
    7. tableView代理方法的调用顺序
    
    * 首先数据有多少条就会调用多少次 heightForRowAtIndexPath: (为了确定contentSize, 因为tableView也是可以滚动的)
    * 之后会调用 cellForRowAtIndexPath: 反回cell
    * 但是每次调用 cellForRowAtIndexPath: 都会重新调用一次 heightForRowAtIndexPath:
    
    
    ### 附 MVC
    
    MVC是一种设计思想,贯穿于整个iOS开发中,需要积累一定的项目经验,才能深刻体会其中的含义和好处
    
    MVC中的三个角色
    M:Model,模型数据
    V:View,视图(界面)
    C:Control,控制中心
    
    MVC的几个明显的特征和体现:
    View上面显示什么东西,取决于Model
    只要Model数据改了,View的显示状态会跟着更改
    Control负责初始化Model,并将Model传递给View去解析展示
    
    
    ### 附 delegate
    
    ###### 1. delegate使用场景
    
    对象A内部发生了一些事情,想通知对象B
    
    对象B想监听对象A内部发生了什么事情
    
    对象A想在自己的方法内部调用对象B的某个方法,并且对象A不能对对象B有耦合依赖
    
    对象A想传递数据给对象B
    
    ……
    
    以上情况,结果都一样:对象B是对象A的代理(delegate)
    
    ###### 2.使用delegate的步骤
    
    1. 先搞清楚谁是谁的代理(delegate)
    
    2. 定义代理协议,协议名称的命名规范:控件类名 + Delegate
    
    3. 定义代理方法
    代理方法一般都定义为@optional
    代理方法名都以控件名开头
    代理方法至少有1个参数,将控件本身传递出去
    
    4. 设置代理(delegate)对象  (比如myView.delegate = xxxx;)
    代理对象遵守协议
    代理对象实现协议里面该实现的方法
    
    在恰当的时刻调用代理对象(delegate)的代理方法,通知代理发生了什么事情
    (在调用之前判断代理是否实现了该代理方法)
    
    

    相关文章

      网友评论

          本文标题:iOS中的常用UI控件(二):TableView

          本文链接:https://www.haomeiwen.com/subject/wbfwfxtx.html