码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-07-19 15:19:48      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:uid   bounds   时间   div   运行   src   页面   ott   rect   

今天做一个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()
}

  

  

 

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

标签:uid   bounds   时间   div   运行   src   页面   ott   rect   

原文地址:https://www.cnblogs.com/quxiangfu/p/11213091.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!