swift中UITableView的使用（cell复用-自适应高度、headerView复用、footerView复用）

Swift 前端之家
前端之家收集整理的这篇文章主要介绍了swift中UITableView的使用（cell复用-自适应高度、headerView复用、footerView复用），前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

https://github.com/potato512/SYSwiftLearning

效果图



  1. // MARK: - 数据
  2. func setLocalData()
  3. {
  4.         self.mainArray = NSMutableArray()
  5.         
  6.         for number in 1...3
  7.         {
  8.             let rowArray:NSMutableArray = NSMutableArray()
  9.             for numberTmp in 1...2
  10.             {
  11.                 let model = CustomModel()
  12.                 model.title = "方法/步骤"
  13.                 model.content = "比如，我有一个ELCImagePickerController类，需要增加一个tag属性，代码如下:软件基本信息。使用TableViewController自定义列表。版权声明：本文为博主原创文章，未经博主允许不得转载。swift自定义UITableViewCell，并配置到UITableView的注意事项"
  14.                 model.contentStatus = ((numberTmp % 2 == 0) ? true : false)
  15.                 
  16.                 rowArray.addObject(model)
  17.             }
  18.             
  19.             let dict:NSMutableDictionary = NSMutableDictionary()
  20.             // cell值
  21.             dict.setObject(rowArray,forKey: "rowCell")
  22.             // 页眉，页脚标题
  23.             let numberTmp = random() % 1000 + number
  24.             dict.setObject(String(format: "headerTitle：%@",arguments: [String(numberTmp)]),forKey: "rowHeader")
  25.             dict.setObject(String(format: "footerTitle：%@",forKey: "rowFooter")
  26.             // cell展开，或收起来状态
  27.             dict.setObject(((number % 2 == 0) ? true : false),forKey: "rowStatus")
  28.             
  29.             self.mainArray.addObject(dict)
  30.         }
  31. }
  1. // MARK: - 视图
  2. func setUI()
  3. {
  4.         // 列表样式分plain，grouped，其中grouped在列表有页眉，页脚时会随cell滚动，而plain则是先固定后滚动
  5.         self.mainTableView = UITableView(frame: self.view.bounds,style: UITableViewStyle.Grouped)
  6.         self.view.addSubview(self.mainTableView)
  7.         self.mainTableView.backgroundColor = UIColor.clearColor()
  8.         self.mainTableView.delegate = self
  9.         self.mainTableView.dataSource = self
  10.         self.mainTableView.autoresizingMask = UIViewAutoresizing.FlexibleHeight
  11.         self.mainTableView.tableFooterView = UIView()
  12.         
  13.         // 创建一个重用的页眉
  14.         self.mainTableView!.registerClass(CustomHeader.self,forHeaderFooterViewReuseIdentifier: CustomHeaderIdentifier)
  15.         // 创建一个重用的页脚
  16.         self.mainTableView!.registerClass(CustomFooter.self,forHeaderFooterViewReuseIdentifier: CustomFooterIdentifier)
  17.         // 创建一个重用的单元格
  18.         self.mainTableView!.registerClass(CustomCell.self,forCellReuseIdentifier: CustomCellIdentifier)
  19. }
  1. // MARK: - UITableViewDataSource,UITableViewDelegate
  2.     
  3. // 分组
  4. func numberOfSectionsInTableView(tableView: UITableView) -> Int {
  5.         return self.mainArray.count
  6. }
  7.     
  8. // MARK: 页眉视图
  9. func tableView(tableView: UITableView,heightForHeaderInSection section: Int) -> CGFloat {
  10.         return CustomHeaderHeight
  11. }
  12.     
  13. //    func tableView(tableView: UITableView,titleForHeaderInSection section: Int) -> String? {
  14. //
  15. //        let dict:NSDictionary! = self.mainArray[section] as! NSDictionary
  16. //        let title:String! = dict.objectForKey("rowHeader") as! String
  17. //
  18. //        return title
  19. //    }
  20.     
  21. // 自定义页眉（注意：自定义时，高度与代理方法中的高度一致，同时代理方法中的标题失效）
  22. func tableView(tableView: UITableView,viewForHeaderInSection section: Int) -> UIView? {
  23.         
  24.         // 自定义视图，未复用
  25.         /*
  26.         let view = UIButton(frame: CGRectMake(0.0,0.0,CGRectGetWidth(self.mainTableView.frame),40.0))
  27.         view.backgroundColor = UIColor.greenColor()
  28.         view.contentHorizontalAlignment = .Center
  29.         view.setTitleColor(UIColor.blackColor(),forState: .Normal)
  30.         view.setTitleColor(UIColor.redColor(),forState: .Highlighted)
  31.         
  32.         // 响应事件，用于修改cell显示状态，即打开，或收起来
  33.         view.tag = section
  34.         view.addTarget(self,action: Selector("statusClick:"),forControlEvents: .TouchUpInside)
  35.         
  36.         let dict:NSDictionary! = self.mainArray[section] as! NSDictionary
  37.         let title:String! = dict.objectForKey("rowHeader") as! String
  38.         view.setTitle(title,forState: .Normal)
  39.  
  40.         return view
  41.         */
  42.  
  43.         
  44.         // 自定义视图，重用方法
  45.         let headerView = CustomHeader(reuseIdentifier: CustomHeaderIdentifier)
  46.         // 响应事件，用于修改cell显示状态，即打开，或收起来
  47.         headerView.headerButton.tag = section
  48.         headerView.headerButton.addTarget(self,forControlEvents: .TouchUpInside)
  49.         // 标题
  50.         let dict:NSDictionary! = self.mainArray[section] as! NSDictionary
  51.         let title:String! = dict.objectForKey("rowHeader") as! String
  52.         headerView.headerButton.setTitle(title,forState: .Normal)
  53.  
  54.         return headerView
  55. }
  56.     
  57. // MARK: 页脚视图
  58. func tableView(tableView: UITableView,heightForFooterInSection section: Int) -> CGFloat {
  59.         return CustomFooterHeight
  60. }
  61.     
  62. //    func tableView(tableView: UITableView,titleForFooterInSection section: Int) -> String? {
  63. //
  64. //        let dict:NSDictionary! = self.mainArray[section] as! NSDictionary
  65. //        let title:String! = dict.objectForKey("rowFooter") as! String
  66. //
  67. //        return title
  68. //    }
  69.     
  70. // 自定义页脚（注意：自定义时，高度与代理方法中的高度一致，同时代理方法中的标题失效）
  71. func tableView(tableView: UITableView,viewForFooterInSection section: Int) -> UIView? {
  72.         
  73.         // 自定义页脚视图，未重用
  74.         /*
  75.         let view = UILabel(frame: CGRectMake(0.0,40.0))
  76.         view.backgroundColor = UIColor.yellowColor()
  77.         view.textAlignment = .Center
  78.         
  79.         let dict:NSDictionary! = self.mainArray[section] as! NSDictionary
  80.         let title:String! = dict.objectForKey("rowFooter") as! String
  81.         view.text = title
  82.         
  83.         return view
  84.         */
  85.         
  86.         // 自定义可重用页脚视图
  87.         let footerView = CustomFooter(reuseIdentifier: CustomFooterIdentifier)
  88.         let dict:NSDictionary! = self.mainArray[section] as! NSDictionary
  89.         let title:String! = dict.objectForKey("rowFooter") as! String
  90.         footerView.label.text = title
  91.         
  92.         return footerView
  93. }
  94.     
  95. // MARK: cell单元格
  96. func tableView(tableView: UITableView,numberOfRowsInSection section: Int) -> Int {
  97.         
  98.         let dict:NSDictionary! = self.mainArray[section] as! NSDictionary
  99.         let status:Bool! = dict.objectForKey("rowStatus") as! Bool
  100.         if status.boolValue
  101.         {
  102.             let array:NSArray! = dict.objectForKey("rowCell") as! NSArray
  103.             return array.count
  104.         }
  105.         
  106.         return 0
  107. }
  108.     
  109. func tableView(tableView: UITableView,heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
  110.       
  111.         let dict:NSDictionary! = self.mainArray[indexPath.section] as! NSDictionary
  112.         let array:NSArray! = dict.objectForKey("rowCell") as! NSArray
  113.         let data:CustomModel! = array[indexPath.row] as! CustomModel
  114.         let height = CustomCell.cellHeight(data)
  115.         
  116.         return height
  117. }
  118.     
  119. func tableView(tableView: UITableView,cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
  120.         
  121.         let dict:NSDictionary! = self.mainArray[indexPath.section] as! NSDictionary
  122.         let array:NSArray! = dict.objectForKey("rowCell") as! NSArray
  123.         let data:CustomModel! = array[indexPath.row] as! CustomModel
  124.         let cell = CustomCell(model:data,cellIndex: indexPath,reuseIdentifier: CustomCellIdentifier)
  125.         cell.contentButton.addTarget(self,action: Selector("buttonClick:"),forControlEvents: .TouchUpInside)
  126.         
  127.         return cell
  128. }
  129.     
  130. func tableView(tableView: UITableView,didSelectRowAtIndexPath indexPath: NSIndexPath) {
  131.         tableView.deselectRowAtIndexPath(indexPath,animated: true)
  132. }
@H_404_28@// MARK: - click // statusClick func statusClick(button:UIButton) { let section = button.tag let dict:NSMutableDictionary! = self.mainArray[section] as! NSMutableDictionary let status:Bool! = dict.objectForKey("rowStatus") as! Bool dict.setObject((status.boolValue ? false : true),forKey: "rowStatus") self.mainArray.replaceObjectAtIndex(section,withObject: dict) self.mainTableView.reloadSections(NSIndexSet(index: section),withRowAnimation: .None) } // buttonClick func buttonClick(button:UIButton) { button.selected = !button.selected let indexPath = button.indexPath print("当前点击的按钮是：\(indexPath.section) + \(indexPath.row)") let dict:NSDictionary! = self.mainArray[indexPath.section] as! NSDictionary let array:NSArray! = dict.objectForKey("rowCell") as! NSArray let data:CustomModel! = array[indexPath.row] as! CustomModel let status:Bool! = data.contentStatus as Bool if status.boolValue { data.contentStatus = false } else { data.contentStatus = true } // 刷新数据，只刷新修改数据的信息 self.mainTableView.reloadRowsAtIndexPaths([indexPath],withRowAnimation: .None) // 刷新数据，刷新全部信息 // self.mainTableView.reloadData() }

自定义cell

  1. import UIKit
  2.  
  3.  
  4. // cell复用标识
  5. let CustomCellIdentifier = "CustomCell"
  6.  
  7. let width:CGFloat = UIScreen.mainScreen().bounds.width
  8. let contentFont:CGFloat = 12.0
  9.  
  10. // 默认高度
  11. let originXY = 10.0
  12. let labelHeight = 30.0
  13. let CustomCellHeightDefault = CGFloat(originXY + labelHeight + originXY + originXY + 0.0)
  14.  
  15. class CustomCell: UITableViewCell {
  16.  
  17.     // 标题标签
  18.     private var titleLabel:UILabel!
  19.     // 详情按钮
  20.     var contentButton:UIButton!
  21.     // 显示或隐藏图标
  22.     private var statusImage:UIImageView!
  23.     // 副标题标签
  24.     private var contentLabel:UILabel!
  25.     
  26.     // 消息数据结构
  27.     var cellModel:CustomModel!
  28.     private var cellIndex:NSIndexPath!
  29.     
  30.     
  31.     override func awakeFromNib() {
  32.         super.awakeFromNib()
  33.         // Initialization code
  34.     }
  35.  
  36.     override func setSelected(selected: Bool,animated: Bool) {
  37.         super.setSelected(selected,animated: animated)
  38.  
  39.         // Configure the view for the selected state
  40.     }
  41.     
  42.     
  43.     // MARK: - 实例化方法
  44.     required init?(coder aDecoder: NSCoder) {
  45.         super.init(coder: aDecoder)
  46.     }
  47.     
  48.     
  49.     // 实例化cell
  50.     init(model data:CustomModel,cellIndex index:NSIndexPath,reuseIdentifier cellId:String)
  51.     {
  52.         super.init(style: UITableViewCellStyle.Default,reuseIdentifier:cellId)
  53.         // cell属性设置
  54. //        self.selectionStyle = UITableViewCellSelectionStyle.None
  55.         self.backgroundColor = UIColor.whiteColor()
  56.         
  57.         self.cellModel = data
  58.         self.cellIndex = index
  59.         self.setUI()
  60.         self.showModel()
  61.     }
  62.     
  63.     // 让单元格宽度始终为屏幕宽
  64.     override var frame: CGRect
  65.     {
  66.         get
  67.         {
  68.             return super.frame
  69.         }
  70.         set (newFrame)
  71.         {
  72.             var frame = newFrame
  73.             frame.size.width = width
  74.             super.frame = frame
  75.         }
  76.     }
  77.     
  78.     // MARK: 视图
  79.     
  80.     func setUI()
  81.     {
  82.         // 10.0 + 40.0 + 10.0 + 10.0 + 自适应?（40.0）
  83.         
  84.         // 实例化
  85.         if (self.titleLabel == nil)
  86.         {
  87.             self.titleLabel = UILabel(frame: CGRectZero)
  88.             self.contentView.addSubview(self.titleLabel)
  89.             
  90.             self.titleLabel.textColor = UIColor.blackColor()
  91.             self.titleLabel.font = UIFont.systemFontOfSize(14.0)
  92.         }
  93.         
  94.         if (self.contentButton == nil)
  95.         {
  96.             self.contentButton = UIButton(type: .Custom)
  97.             self.contentView.addSubview(self.contentButton)
  98.             
  99.             self.contentButton.backgroundColor = UIColor.orangeColor()
  100.             self.contentButton.layer.cornerRadius = 5.0
  101.             self.contentButton.layer.masksToBounds = true
  102.             self.contentButton.titleLabel!.font = UIFont.systemFontOfSize(12.0)
  103.             self.contentButton.setTitleColor(UIColor.redColor(),forState: .Highlighted)
  104.         }
  105.      
  106.         if (self.statusImage == nil)
  107.         {
  108.             self.statusImage = UIImageView(frame: CGRectZero)
  109.             self.contentView.addSubview(self.statusImage)
  110.             
  111.             self.statusImage.contentMode = .ScaleAspectFit
  112.         }
  113.         
  114.         if (self.contentLabel == nil)
  115.         {
  116.             self.contentLabel = UILabel(frame: CGRectZero)
  117.             self.contentView.addSubview(self.contentLabel)
  118.             
  119.             self.contentLabel.textColor = UIColor.brownColor()
  120.             self.contentLabel.font = UIFont.systemFontOfSize(contentFont)
  121.             self.contentLabel.numberOfLines = 0
  122.             self.contentLabel.lineBreakMode = NSLineBreakMode.ByWordWrapping
  123.         }
  124.         
  125.         
  126.         // 设置frame
  127.         // 标题
  128.         self.titleLabel.frame = CGRectMake(CGFloat(originXY),CGFloat(originXY),(CGRectGetWidth(self.frame) - CGFloat(originXY) * 3 - 60.0),CGFloat(labelHeight))
  129.         var currentView = self.titleLabel as UIView
  130.         // 按钮
  131.         self.contentButton.frame = CGRectMake((CGRectGetWidth(self.frame) - CGFloat(originXY) - 60.0),CGRectGetMinY(currentView.frame),60.0,CGRectGetHeight(currentView.frame))
  132.         // 分割线
  133.         let lineH = UIView(frame: CGRectMake(CGFloat(originXY),(CGRectGetMinY(currentView.frame) + CGRectGetHeight(currentView.frame) + CGFloat(originXY) - 0.5),(CGRectGetWidth(self.frame) - CGFloat(originXY) * 2),0.5))
  134.         self.contentView.addSubview(lineH)
  135.         lineH.backgroundColor = UIColor.lightGrayColor()
  136.         // 状态图标
  137.         self.statusImage.frame = CGRectMake(CGRectGetMinX(currentView.frame),(CGRectGetMinY(currentView.frame) + CGRectGetHeight(currentView.frame) + CGFloat(originXY)),CGFloat(originXY))
  138.         currentView = self.statusImage as UIView
  139.         // 详情
  140.         self.contentLabel.frame = CGRectMake(CGFloat(originXY),(CGRectGetMinY(currentView.frame) + CGRectGetHeight(currentView.frame)),(width - CGFloat(originXY) * 2),0.0)
  141.     }
  142.     
  143.     // MARK: 数据处理
  144.     func showModel()
  145.     {
  146.         self.titleLabel.text = self.cellModel.title
  147.         self.contentLabel.text = self.cellModel.content
  148.         self.contentButton.indexPath = self.cellIndex
  149.         
  150.         let status = self.cellModel.contentStatus
  151.         if status.boolValue
  152.         {
  153.             self.contentButton.setTitle("隐藏详情",forState: .Normal)
  154.             self.contentButton.setTitleColor(UIColor.blueColor(),forState: .Normal)
  155.             
  156.             self.statusImage.image = UIImage(named: "statusDown_image")
  157.             
  158.             // 计算字生符串的宽度，高度
  159.             var rect = self.contentLabel.frame
  160.             let height = CustomCell.heightWithText(self.cellModel.content)
  161.             rect.size.height = height
  162.             self.contentLabel.frame = rect
  163.         }
  164.         else
  165.         {
  166.             self.contentButton.setTitle("显示详情",forState: .Normal)
  167.             self.contentButton.setTitleColor(UIColor.blackColor(),forState: .Normal)
  168.             
  169.             self.statusImage.image = UIImage(named: "statusUp_image")
  170.             
  171.             // 隐藏
  172.             var rect = self.contentLabel.frame
  173.             rect.size.height = 0.0
  174.             self.contentLabel.frame = rect
  175.         }
  176.     }
  177.     
  178.     // MARK: - 计算高度
  179.     class func cellHeight(model:CustomModel) -> CGFloat
  180.     {
  181.         let status = model.contentStatus
  182.         if status.boolValue
  183.         {
  184.             let height = self.heightWithText(model.content)
  185.             return CustomCellHeightDefault + height
  186.         }
  187.         else
  188.         {
  189.             return CustomCellHeightDefault
  190.         }
  191.     }
  192.     
  193.     private class func heightWithText(text:String) -> CGFloat
  194.     {
  195.         let size:CGRect = text.boundingRectWithSize(CGSizeMake(width,999.9),options: NSStringDrawingOptions.UsesLineFragmentOrigin,attributes: [NSFontAttributeName:UIFont.systemFontOfSize(contentFont)],context: nil)
  196.         
  197.         return size.height
  198.     }
  199. }

自定义headerView

  1. import UIKit
  2.  
  3. let CustomHeaderHeight:CGFloat = 40.0
  4. let CustomHeaderIdentifier = "CustomHeader"
  5. let CustomHeaderWidth:CGFloat = UIScreen.mainScreen().bounds.width
  6.  
  7. class CustomHeader: UITableViewHeaderFooterView {
  8.  
  9.     // 标题按钮
  10.     var headerButton:UIButton!
  11.     
  12.     
  13.     // 必须实现的方法
  14.     required init?(coder aDecoder: NSCoder) {
  15.         fatalError("init(coder:) has not been implemented")
  16.     }
  17.     
  18.     // 实例化
  19.     override init(reuseIdentifier: String?)
  20.     {
  21.         super.init(reuseIdentifier: reuseIdentifier)
  22.         
  23.         self.setUI()
  24.     }
  25.     
  26.     // 让单元格宽度始终为屏幕宽
  27.     override var frame: CGRect
  28.     {
  29.         get
  30.         {
  31.             return super.frame
  32.         }
  33.         set (newFrame)
  34.         {
  35.             var frame = newFrame
  36.             frame.size.width = CustomHeaderWidth
  37.             super.frame = frame
  38.         }
  39.     }
  40.  
  41.     
  42.     
  43.     // 视图
  44.     private func setUI()
  45.     {
  46.         if self.headerButton == nil
  47.         {
  48.             self.headerButton = UIButton(frame: CGRectMake(0.0,CustomHeaderWidth,CustomHeaderHeight))
  49.             self.contentView.addSubview(self.headerButton)
  50.             
  51.             self.headerButton.backgroundColor = UIColor.greenColor()
  52.             self.headerButton.contentHorizontalAlignment = .Center
  53.             self.headerButton.setTitleColor(UIColor.blackColor(),forState: .Normal)
  54.             self.headerButton.setTitleColor(UIColor.redColor(),forState: .Highlighted)
  55.         }
  56.     }
  57.  
  58. }

自定义footerView

  1. import UIKit
  2.  
  3. let CustomFooterHeight:CGFloat = 40.0
  4. let CustomFooterIdentifier = "CustomFooter"
  5. let CustomFooterWidth:CGFloat = UIScreen.mainScreen().bounds.width
  6.  
  7. class CustomFooter: UITableViewHeaderFooterView {
  8.  
  9.     var label:UILabel!
  10.     
  11.     // 必须实现
  12.     required init?(coder aDecoder: NSCoder) {
  13.         fatalError("init(coder:) has not been implemented")
  14.     }
  15.     
  16.     // 实例化
  17.     override init(reuseIdentifier: String?)
  18.     {
  19.         super.init(reuseIdentifier: reuseIdentifier)
  20.         
  21.         self.setUI()
  22.     }
  23.  
  24.     
  25.     
  26.     // 视图
  27.     private func setUI()
  28.     {
  29.         if self.label == nil
  30.         {
  31.             self.label = UILabel(frame: CGRectMake(0.0,CustomFooterWidth,CustomFooterHeight))
  32.             self.contentView.addSubview(self.label)
  33.             
  34.             self.label.font = UIFont.systemFontOfSize(10.0)
  35.             self.label.textAlignment = .Center
  36.             self.label.backgroundColor = UIColor.yellowColor()
  37.         }
  38.     }
  39. }

自定义model

  1. import UIKit
  2.  
  3. class CustomModel: NSObject {
  4.  
  5.     // 标题
  6.     var title:String!
  7.     // 内容
  8.     var content:String!
  9.     // 内容显示，或隐藏状态
  10.     var contentStatus:Bool!
  11. }

猜你在找的Swift相关文章

Swift 正式开源，同时开源 Swfit 核心库和包管理器
Swift 正式开源！Swift 团队很高兴宣布 Swift 开始开源新篇章。自从苹果发布 Swfit 编程语...
Swift开源短短一天不到Github就有9000多star
快，快，快！动动您的小手，分享给更多朋友！ 苹果去年推出了全新的编程语言Swift，试图让...
苹果的Swift语言开源了！
开发者（KaiFaX） 面向开发者、程序员的专业平台！ 和今年年初承诺的一样，苹果贴出了Swif...
使用 Swift 构建自定义的ActivityIndicator View
本文由@Chun发表于Chun Tips ：http://chun.tips/blog/2014/12/11/shi-yong-swift-gou-jia...
Swift中编写单例的正确方式
本文由CocoaChina译者leon(社区ID)翻译 原文：THE RIGHT WAY TO WRITE A SINGLETON 在之前...
Swift中编写单例的正确方式
本文由CocoaChina译者leon(社区ID)翻译 原文：THE RIGHT WAY TO WRITE A SINGLETON 在之前...
Swift 的 NSDate 初学者指南
译者：ray16897188；校对：numbbbbb；定稿：Cee 如果问我在做过的所有项目中做的最多的事情...
10 个最佳的 Swift 教程实例
★ 时间就是金钱。你可以一开始就使用正确的 Swift 教程来节省时间。本文中提到的教程都是...
Swift Package Manager快速上手指南（一）：环境搭建
CSDN移动将持续为您优选移动开发的精华内容，共同探讨移动开发的技术热点话题，涵盖移动应...
编写高性能的 Swift 代码
下面这篇文档收集了一系列编写高性能 Swift 代码的要诀和技巧。文档的目标读者是编译器和标...
iOSAndroidSwiftHybridCocos2d-xFlutterXcodeSilverlightcocoaCordova
调试桥筛选栏假异步不会丢失AndPermissio权限申请抽屉式systemUI信号栏多行排列跨多行显示viewmode数据共享录制语音视频通话多行显示Studio3.5拉伸控件望远镜发动态走势图点赞控件显示牌冷启动v3签名v2签名v1签名本地html外接键盘流式标签