欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2022-03-20 20:26:39
今天做一个APP里面设置页面(个人中心) 就是一个列表菜单 顶部是一个头像和账户标题, 底部为一个退出登录按钮 当然我第一时间就想到了UITableView, HeaderView, FooterView 期初我是这样写的, 但是运行就报错了 我第一时间想到了, 是UITableView没进行刷新布 ......

今天做一个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 HeaderView,FooterView 使用SnapKit布局导致约束异常

我第一时间想到了, 是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()
}