UITableView(五)-自定义Cell(等高及非等高)

  • 等高的自定义Cell

    • 通过storyboard创建步骤

      • 1.storyboard部分
        • 在storyboard中添加需要的子控件


        • 设置cell的Identifier,以供创建cell时使用
        • 新建类并继承UITableViewCell类
        • 修改cell的class为刚刚新建的类
        • 在类中新建model属性
      • 2.控制器部分
        • 利用cell的Identifier标识找到cell
        • 给cell的模型属性赋值
      • 3.扩展类部分
        • 将storyboard中的子控件连线到扩展类中
        • 需要提供一个模型属性,重写模型的set方法,在这个方法中设置模型数据到子控件上
    • 通过Xib创建步骤

      • 1.Xib部分

        • 同storyboard一样,只是把子控件加入到xib中
      • 2.控制器部分

        • 大体同storyboard,只不过创建cell的方法应改成通过xib文件创建
        • 代码片段

      static NSString *idCell = @"first";
      TableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:idCell];
      if(cell == nil){
      cell = [[[NSBundle mainBundle]loadNibNamed:@"UITableCellXib" owner:nil options:nil]lastObject];
      }

      - 3.扩展类部分
      - 同storyboard。
      - 4.细节优化
      - 在扩展类中新建初始化方法,把创建cell的代码放到该初始化方法中
      - 代码片段
      
      ```objc
      
      +(instancetype)cellWithTable:(UITableView *)tableView
      

{
static NSString *idCell = @"first";
WXTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:idCell];
if(cell == nil){
cell = [[[NSBundle mainBundle]loadNibNamed:@"UITableCellXib" owner:nil options:nil]lastObject];
}
return cell;
}
```

  • 5 还可以通过注册的方式直接创建一个cell,这样在新建cell时就不用判断cell是否为空

    • 代码片段
UINib *nib = [UINib nibWithNibName:@"UITableCellXib" bundle:nil];
[self.tableView registerNib:nib forCellReuseIdentifier:@"first"];
 ```
  • 非等高的自定义Cell

    • xib方式
      • 控件布局及数据绑定方式参考等高的自定义Cell
      • 不同点如下
        • 1.在模型中增加一个属性用来存放对应Cell的高度

        • 2.在Cell的模型属性set方法中调用[self layoutIfNeed]方法强制布局,不调用该方法得到的Cell高度无法预估。

        • 3.在控制器中实现-(CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath方法,返回一个预估高度,只要返回了估计高度,那么就会先调用tableView:cellForRowAtIndexPath:方法创建cell,再调用tableView:heightForRowAtIndexPath:方法获取cell的真实高度

        • 4.建议在扩展Cell中实现awakeFromNib方法,设置内容label的preferredMaxLayoutWidth属性,以避免在Autolayout中计算高度出现偏差。

          -(void)awakeFromNib
          
    {
    self.contentLabel.preferredMaxLayoutWidth = [UIScreen mainScreen].bounds.size.width - 20;
    }
    ```
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容