IOS使用AutoLayout让UIScrollView自动计算ContentSize

2023-04-23 140

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： IOS使用AutoLayout让UIScrollView自动计算ContentSize

在IOS的界面开发中，布局方式存在分裂的两种局面。

早入行的iOS开发者，基本上都是手动计算各种高度。但是从web或者Android转过去的学习iOS的开发者，基本上都很难适应这种手动计算的方式，更加偏向使用autolayout去做布局。

实际上 iPhone6之后，iOS设备出现多种分辨率之后，苹果也推荐大家使用autolayout去写界面。

看了几本iOS的书籍，基本的都是直接设置一个固定的contentSize给UIScrollView就完事了，也不考虑高度不固定的情况。

网上搜索了一堆，也没看到一个正常一点的例子。

切入主题

思路：创建一个UIScrollView，然后直接把子View的下边的约束依赖到UIScollView的底部，

然后就ok了

上代码

// 1
var scrollView : UIScrollView = {
        let v = UIScrollView(frame: .zero)
        v.backgroundColor = UIColor.systemGray
        return v;
    }();
  // 2.
  self.view.addSubview(scrollView)
  // 3.设置UIScrollView的默认宽高约束
  scrollView.snp.makeConstraints { make in
            make.leading.equalTo(view.safeAreaLayoutGuide.snp.leading)
            make.top.equalTo(view.safeAreaLayoutGuide.snp.top)
            make.trailing.equalTo(view.safeAreaLayoutGuide.snp.trailing)
            make.bottom.equalTo(view.safeAreaLayoutGuide.snp.bottom)
        }
  // 4. 创建子View
   let v = UIView();
        v.backgroundColor = UIColor.systemCyan
        scrollView.addSubview(v)
        v.snp.makeConstraints { make in
            make.width.equalTo(200)
            make.height.equalTo(3000)
            make.leading.equalToSuperview()
            make.top.equalToSuperview()
            make.bottom.equalTo(scrollView.snp.bottom) // 重点就是这一句。让子View的bottom依赖到UIScrollView的bottom。就可以直接滚动了
        }