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


    今天做一个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,  self.view.bounds.width, height: 120))
            let footerView = SettingFooterView(frame: CGRect(x: 0, y: 0,  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,  self.view.bounds.width, height: 120))
            let footerView = SettingFooterView(frame: CGRect(x: 0, y: 0,  self.view.bounds.width, height: 150))
            
            //2.赋值给UITableView
            self.tableView.tableHeaderView = headView
            self.tableView.tableFooterView = footerView
            
          //必要的代码, 刷新TableView
            self.tableView.setNeedsLayout()
            self.tableView.layoutIfNeeded()
    }
    

      

      

  • 相关阅读:
    CSS布局设计
    Gulp自动化构建工具的简单使用
    雅虎前端优化的35条军规
    CSS预编译器less简单用法
    java 数据相除
    idea 配置文件中文显示问题
    postgresql 表触发器
    postgresql 自定义函数
    postgresql 自定义聚合函数
    CentOS 6.5 yum安装mysql5.6或其他版本【默认yum只能安装mysql 5.1】 by jason
  • 原文地址:https://www.cnblogs.com/quxiangfu/p/11213091.html
Copyright © 2020-2023  润新知