自定义UITableViewCell

自定义Cell的方法

storyboard自定义cell

  • 1.创建一个继承自UITableViewCell的子类,比如XCDealCell
  • 2.在storyboard中
    • 往cell里面增加需要用到的子控件


      自定义UITableViewCell_第1张图片
    • 设置cell的重用标识


      自定义UITableViewCell_第2张图片
    • 设置cell的class为XCDealCell


      自定义UITableViewCell_第3张图片
  • 3.在控制器中
    • 利用重用标识找到cell
    • 给cell传递模型数据


      自定义UITableViewCell_第4张图片
  • 4.在XCDealCell中
    • 将storyboard中的子控件连线到类扩展中


      自定义UITableViewCell_第5张图片
    • 需要提供一个模型属性,重写模型的set方法,在这个方法中设置模型数据到子控件上
      自定义UITableViewCell_第6张图片

      https://github.com/liuxingchen930831/UI-09-UITableViewCell-stroyboard

xib自定义cell

  • 1.创建一个继承自UITableViewCell的子类,比如XMGDealCell
  • 2.创建一个xib文件(文件名建议跟cell的类名一样),比如XMGDealCell.xib
    • 拖拽一个UITableViewCell出来
    • 修改cell的class为XCDealCell
    • 设置cell的重用标识
    • 往cell中添加需要用到的子控件
  • 3.在控制器中
    • 利用registerNib...方法注册xib文件
    • 利用重用标识找到cell(如果没有注册xib文件,就需要手动去加载xib文件)
    • 给cell传递模型数据
  • 4.在XCDealCell中
    • 将xib中的子控件连线到类扩展中
    • 需要提供一个模型属性,重写模型的set方法,在这个方法中设置模型数据到子控件上
    • 也可以将创建获得cell的代码封装起来(比如cellWithTableView:方法)
      https://github.com/liuxingchen930831/UI-09-UITableViewCell-Xib

代码创建cell

  • 代码自定义cell(使用Masonry)
    • 1.创建一个继承自UITableViewCell的子类,比如XMGDealCell
    • 在initWithStyle:reuseIdentifier:方法中
      • 添加子控件
      • 添加子控件的约束(建议使用Masonry)
      • 设置子控件的初始化属性(比如文字颜色、字体)
      • 需要提供一个模型属性,重写模型的set方法,在这个方法中设置模型数据到子控件
    • 2.在控制器中
    • 利用registerClass...方法注册XMGDealCell类
    • 利用重用标识找到cell(如果没有注册类,就需要手动创建cell)
    • 给cell传递模型数据
    • 也可以将创建获得cell的代码封装起来(比如cellWithTableView:方法)
      https://github.com/liuxingchen930831/UI-09-UITableViewCell-code

你可能感兴趣的:(自定义UITableViewCell)