IOS使用AutoLayout让UIScrollView自动计算ContentSize

简介: 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。就可以直接滚动了
        }

参考

https://stackoverflow.com/questions/48216808/programmatic-uiscrollview-with-autolayout

目录
相关文章
|
3月前
|
安全 iOS开发
iOS页面布局:UIScrollView的布局问题
iOS页面布局:UIScrollView的布局问题
64 8
|
iOS开发
iOS界面布局之四——使用第三方库Masonry进行autolayout布局(二)
iOS界面布局之四——使用第三方库Masonry进行autolayout布局
225 0
iOS界面布局之四——使用第三方库Masonry进行autolayout布局(二)
|
Android开发 iOS开发
IOS开发之UIScrollView约束布局
IOS开发之UIScrollView约束布局
424 0
|
Android开发 iOS开发
IOS的UIScrollview简单使用
IOS的UIScrollview简单使用
92 0
|
iOS开发 Python
一个iOS噪音计模型、以及测量原理及分贝计算
最近在办公室觉得有点吵,然后忽然想做一个噪音计测试一下噪音,在App Store下载了几款测噪音软件,使用原来都大同小异。于是决定自己实现测噪音的原理。
724 0
一个iOS噪音计模型、以及测量原理及分贝计算
|
iOS开发 开发者
AutoResizing and AutoLayout(IOS屏幕适配)
AutoResizing and AutoLayout(IOS屏幕适配)
121 0
AutoResizing and AutoLayout(IOS屏幕适配)
|
iOS开发
iOS 利用UIScrollView实现图片放大预览,并支持缩小
iOS 利用UIScrollView实现图片放大预览,并支持缩小
529 0
iOS 利用UIScrollView实现图片放大预览,并支持缩小
|
iOS开发
iOS计算器: 表达式的精准计算(计算字符串数学表达式)MathStringExpression
iOS计算器: 表达式的精准计算(计算字符串数学表达式)MathStringExpression
230 0
iOS计算器: 表达式的精准计算(计算字符串数学表达式)MathStringExpression
|
iOS开发
iOS界面布局之四——使用第三方库Masonry进行autolayout布局(一)
iOS界面布局之四——使用第三方库Masonry进行autolayout布局
188 0
iOS界面布局之四——使用第三方库Masonry进行autolayout布局(一)
|
iOS开发
iOS界面布局之三——纯代码的autoLayout及布局动画(二)
iOS界面布局之三——纯代码的autoLayout及布局动画(一)
259 0
iOS界面布局之三——纯代码的autoLayout及布局动画(二)