Erlo

UITableView HeaderView,FooterView 使用SnapKit布局导致约束异常

时间:2019-07-19 16:03   阅读:141次   来源:博客园页面报错

点赞

今天做一个APP里面设置页面(个人中心) 就是一个列表菜单 顶部是一个头像和账户标题, 底部为一个退出登录按钮

当然我第一时间就想到了UITableView, HeaderView, FooterView

// 我创建了两个类文件, 用来做UITableView 的header, footer
class SettingHeaderView: UIView {
     //里面的布局是采用 SnapKit 布局
}
class SettingFooterView: UIView {
}

  

 

期初我是这样写的, 但是运行就报错了

override func viewDidLoad() {
        super.viewDidLoad()
        
        //1.创建header,footerView
        let headView = SettingHeaderView(frame: CGRect(x: 0, y: 0, width: self.view.bounds.width, height: 120))
        let footerView = SettingFooterView(frame: CGRect(x: 0, y: 0, width: self.view.bounds.width, height: 150))


     //2.赋值给UITableView
        self.tableView.tableHeaderView = headView
        self.tableView.tableFooterView = footerView

        
        self.tableView.dataSource = self
        self.tableView.delegate = self
        
        self.view.addSubview(self.tableView)
        self.tableView.mas_makeConstraints { (maker) in
            
            maker?.top.equalTo()(self.mas_topLayoutGuide)
            maker?.left.right()?.equalTo()(self.view)
            maker?.bottom.equalTo()(self.view.mas_bottom)
        }
}  

  

我第一时间想到了, 是UITableView没进行刷新布局, 我加上了setNeedsLayout 和 layoutIfNeeded 依旧不可, 我又想到, 是否我添加的header 和footer也需呢?

但是也是错误了, 后来我想了下, 修改了代码的顺序

override func viewDidLoad() {
        super.viewDidLoad()
        
        self.tableView.dataSource = self
        self.tableView.delegate = self
        
        self.view.addSubview(self.tableView)
        self.tableView.mas_makeConstraints { (maker) in
            
            maker?.top.equalTo()(self.mas_topLayoutGuide)
            maker?.left.right()?.equalTo()(self.view)
            maker?.bottom.equalTo()(self.view.mas_bottom)
        }

        //必要的代码, 刷新TableView
        self.tableView.setNeedsLayout()
        self.tableView.layoutIfNeeded()
        
        //1.创建header,footerView
        let headView = SettingHeaderView(frame: CGRect(x: 0, y: 0, width: self.view.bounds.width, height: 120))
        let footerView = SettingFooterView(frame: CGRect(x: 0, y: 0, width: self.view.bounds.width, height: 150))
        
        //2.赋值给UITableView
        self.tableView.tableHeaderView = headView
        self.tableView.tableFooterView = footerView
        
      //必要的代码, 刷新TableView
        self.tableView.setNeedsLayout()
        self.tableView.layoutIfNeeded()
}

  

  

 

下一篇:iOS常用算法之单链表查找倒数第n个节点(图解)

评论留言

还没有评论留言,赶紧来抢楼吧~~

Erlo大厅()

* 这里是“吐槽厅”,所有人可看,只保留当天信息。

  • Erlo.vip2019-08-23 02:14:40Hello、欢迎使用吐槽厅,这里是个吐槽的地方。
  • 首页 笔记分享 案例展示 ERLO 搜索
    鼠标试试
    返回顶部