将字典转为模型,往往都是一个列表中需要用到四个不同的

发轫使用xib创建UITableviewCell的时候,我都是一个xib文本里,只创建一个Cell,在实质上业务中,往往都是一个列表中需要用到两个不等的Cell体制,这就需要成立N个.h .m .xib文本。而且这么些.m中的实现还差不多。
新生发现,一个.xib文本中得以创设七个Cell,如图:

tableview的学习

  • indexPath.section 组
  • indexPath.row 行

1.每个cell对应一个模子
2.每个section对应3个模型,头部,底部,cell模型

各样tableview中注脚一个可变数组存储每个模型数据.
数据模型写类方法,将字典转为模型

  • 重写可变数组的set方法(将模型存入).

多个Cell

tableview的性能优化

  • 设置identifier的标识

// 由于优化性能,避免NSString *ID = @"cell"重复创建
NSString *ID = @"cell  

// 所以加static NSString *ID = @"cell"
static NSString *ID = @"cell"

// 被static修饰的局部变量,只会初始化一次,在整个程序运行过程中,只有一份内存.
  • 先通过identifier查找可用cell
  • 一经cell为空通过identifier成立cell
  • 覆盖数据

1 或者在viewDidLoad中通过tableview注册cell

[self.tableview registerClass:[UITableViewCell class] forCellReuseIdentifier:ID];

如此感觉便宜多了。

其二种方法开创tableview

  • 经过storyboard
    tableviewController给cell添加identifier,创造不同的cell
  • storyboard中要采纳动态添加cell(Dynamic Prototype)

// tableview常见设置
// 设置分割线颜色
self.tableview.separator = [UIColor redColor]
// 设置cell之间没有分割线
self.tableview.separatorStyle = UITableViewCellSeparatorStyleNone;

// tableviewCell常见设置
// 设置cell的点击效果
cell.selectionStyle = UITableViewCellSelectionStyleNo
// 设置选中背景色
cell.selectedBackgroundView 
// 设置默认的背景色
cell.backgroundColor
cell.backgroundView    优先级高于Color
// 设置指示器
cell.accessoryType
cell.accessoryView

自定义cell

  1. 等高Cell
  • 通过storyboard自定义cell

    • 1.成立一个连续自UITableViewCell的子类.
    • 2在storyboard中
      • 往cell里面扩展内需拔取的子控件
      • 安装cell重用标识符
      • 设置cell的Class
    • 3.在控制器中
      • 动用重用标识符找到cell
      • 给cell传递模型
    • 4.在cell的Class中
      • 将子控件连线到Class的类扩张中
      • 亟需提供模型属性,重写模型的set方法,在这个主意中安装模型数据到子控件上
  • 通过xib自定义cell

    • 1.开立一个继承UITableViewCell子类
    • 2.创立一个xib文件,文件名指出和xib一样
      • 拖拽一个UITableViewCell
      • 修改cell的Class
      • 安装重用标识
      • 往cell中添加需要动用的子控件
    • 3.在控制器中
      • 利用registerNib….注册xib文件
      • 拔取重用标识找cell
        (如若没有注册xib文件,就需要手动加载xib文件)
    • 4.将xib中文件子控件磨炼到Class中
    • 急需提供模型属性,重写模型的set方法,在这个措施中装置模型数据到子控件上
  • 透过代码自定义cell

    • 1.创办一个继承UITableViewCell子类
      • 在initWithStyle:reuseIdentifier:方法中
        • 添加子控件
        • 设置子控件先河化属性(字体,颜色)
      • 在layoutSubviews方法中,设置子控件frame(建议用masonry设置autolayout)
      • 急需提供模型属性,重写模型的set方法,在这些艺术中设置模型数据到子控件上
    • 2.控制器中
      • 应用registerClass…方法注册
      • 采取重用标识符找到cell (倘使没有注册类,手动创制cell)
      • 给cell传递模型数据
  1. 非等高Cell
  • xib自定义cell(重点)
    • 在模型中追加一个cellHeight属性,用来存放在对应cell的莫大
    • 在cell的模子属性set方法中调用[self
      layoutIfNeed]艺术强制布局,然后总括出模型的cellheight属性值
    • 在控制器中贯彻

      tableView:estimatedHeightForRowAtIndexPath:方法,再次回到一个揣度中度,比如200

      在控制器中落实tableView:heightForRowAtIndexPath:方法,再次回到cell的实际中度(模型中的cellHeight属性)

    • storyboard自定义cell
    • 代码自定义cell(frame)
    • 代码自定义cell(Autolayout)

cell的调用

// 这一句返回cell估计高度,优化性能,让cell不会一次计算完所有高度,如果没有这句,cell会一次计算完所有高度
estimateHeightForRowAtIndexPath

1.estimateHeightForRowAtIndexPath 2.heightForRowAtIndexPath 3.cellForRowAtIndexPath

在自定义cell中

- (void)awakeFromNib
{
    // 设置label每一行文字的最大宽度
    // 为了保证计算出来的数值 跟 真正显示出来的效果 一致
    self.contentLabel.preferredMaxLayoutWidth = [UIScreen mainScreen].bounds.size.width - 20;
}
// 强制布局
[self layoutIfNeeded];

// 计算cell的高度
if (self.pictureView.hidden) { // 没有配图
        status.cellHeight = CGRectGetMaxY(self.contentLabel.frame) + 10;
    } else { // 有配图
        status.cellHeight = CGRectGetMaxY(self.pictureView.frame) + 10;
    }

切实贯彻:

先是步成立

先和普通成立xibCell一样,在xib当选中上手那一个Cell,copy(command +
c)或者在拖一个UITableViewCell上去,然后paste(command +
v),.xib中就五个Cell了,O(∩_∩)O~~

多个Cell

其次步设置Identifier和代码应用

在代码中创建Cell

   if (!cell) {
        cell = [[[NSBundle mainBundle] loadNibNamed:@"TempTableViewCell" owner:self options:nil] firstObject];
    }

TempTableViewCell是你的xib文件名,firstObject是第一个Cell,按梯次排的。
第二个如何是好??

        cell = [[[NSBundle mainBundle] loadNibNamed:@"TempTableViewCell" owner:self options:nil] objectAtIndex:2];

再多依次类推哈。(指示:如果在Cell中添加手势的话,loadNibNamed:以此再次来到的数组中会比Cell多哦,大家只顾)

设置每个Cell的identifier,(identifier
随意起的,我的规律就是类名+第几,不要再一次就行)如图:

安装每个Cell的identifier

诸如此类在重用队列中重复使用Cell的时候,能找到科学的Cell,

 TempTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"TempTableViewCellFirst"];

可以遵照indexPath设置不同的identifier。
可以把创造Cell的进程放在Cell.m中,做成类方法,那样不至于VC中的代码过多。
cell.h中:

@interface TempTableViewCell : UITableViewCell

/**
 *  @author god~long, 16-04-03 15:04:19
 *
 *  初始化Cell的方法
 *
 *  @param tableView 对应的TableView
 *  @param indexPath 对应的indexPath
 *
 *  @return TempTableViewCell
 */
+ (instancetype)tempTableViewCellWith:(UITableView *)tableView
                            indexPath:(NSIndexPath *)indexPath;


@end

cell.m中:

+ (instancetype)tempTableViewCellWith:(UITableView *)tableView indexPath:(NSIndexPath *)indexPath {
    NSString *identifier = @"";//对应xib中设置的identifier
    NSInteger index = 0; //xib中第几个Cell
    switch (indexPath.row) {
        case 0:
            identifier = @"TempTableViewCellFirst";
            index = 0;
            break;
        case 1:
            identifier = @"TempTableViewCellSecond";
            index = 1;
            break;
        case 2:
            identifier = @"TempTableViewCellThird";
            index = 2;
            break;

        default:
            break;
    }
    TempTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
    if (!cell) {
        cell = [[[NSBundle mainBundle] loadNibNamed:@"TempTableViewCell" owner:self options:nil] objectAtIndex:index];
    }
    return cell;

}

这样VC中:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    TempTableViewCell *cell = [TempTableViewCell tempTableViewCellWith:tableView indexPath:indexPath];
    return cell;
}

是不是很有利呢。

设置属性

快快设置xib属性:

1. 在.h或者.m中先写好属性,如图:

安装属性

2. 在xib中就可以拖拽连接属性了,如图:

property.gif

首要:关联属性的时候,你想关联这几个Cell上的习性,需要先点击左侧Cell列表,选中该Cell,然后再拖线关系上边的控件。
安装好属性,下边就是使用了,
配置Cell

/**
 *  @author god~long, 16-04-03 16:04:04
 *
 *  配置TempCell的方法
 *
 *  @param indexPath 对应TableView的indexPath
 */
- (void)configTempCellWith:(NSIndexPath *)indexPath;

.m中:

- (void)configTempCellWith:(NSIndexPath *)indexPath {
    switch (indexPath.row) {
        case 0: {
            _label1.text = @"我是Label1";
            _customImageView.image = [UIImage imageNamed:@"8"];
            break;
        }
        case 1: {
            _label2.text = @"我是Label2";
            [_customButton setTitle:@"我是button" forState:UIControlStateNormal];
            break;
        }
        case 2: {
            _label1.text = @"我是第三个Cell的Label1";
            _label2.text = @"我是第三个Cell的Label2";
            break;
        }
        default:
            break;
    }
}

关键:每个Cell设置链接的属性都是单独处理的,没连,在用的时候虽然你用了,也设置不了。
运行效果:

运作效果

深入

新建一个UITableViewCell开创的时候拔取同时创设xib,然后
右击cell.xib文件➡Open As➡Souce Code 如下图

open source code

下一场可以看到xib文件其实是以xml数量格式存储的,如图:

xml

当自家改变xib中1和2两个cell的各样之后(可以双指拖动),然后查看他们的source code会发现,他们在xml文件中的顺序也会转移。用Bundle.main.loadNibNamed("*xibName*", owner: self, options: nil)方法重返数组的Item次第也会转移。

xib中顺序

我们在调用let cells = Bundle.main.loadNibNamed("*xibName*", owner: self, options: nil)
的时候,加载的是xml<objects/>标签下的数额,其中<placeholder>标签下中如果placeholderIdentifier="IBFilesOwner"或者"IBFirstResponder"时会被忽视。也就是不会回到到地点的cells数组中。不过如若自己添加一个手势的话,就会回来到数组中了。
切实如下图:

xib with tapGesture

xib with tap souce code

cells

其中<objects>中的默认数据顺序是基于大家在xib中添加控件的顺序而定的,下边我又先添加了一个tap手势,然后又添加了一个cell,查看source code和打印cells数码如下图:

当中添加手势

cells log

回应关于重用

自己在创设cell的论断其中

    if (!cell) {
        cell = [[[NSBundle mainBundle] loadNibNamed:@"TempTableViewCell" owner:self options:nil] objectAtIndex:index];
        NSLog(@"create cell indexPath: %ld",index);
    }

然后

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return 100;
}

运转并滑动之后截图如下:

界面

控制台

So,是会引用滴。

dome地址:点我点我