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

目录
打赏
0
0
0
0
4
分享
相关文章
|
10月前
|
iOS页面布局:UIScrollView的布局问题
iOS页面布局:UIScrollView的布局问题
359 63
iOS界面布局之四——使用第三方库Masonry进行autolayout布局(二)
iOS界面布局之四——使用第三方库Masonry进行autolayout布局
264 0
iOS界面布局之四——使用第三方库Masonry进行autolayout布局(二)
一个iOS噪音计模型、以及测量原理及分贝计算
最近在办公室觉得有点吵,然后忽然想做一个噪音计测试一下噪音,在App Store下载了几款测噪音软件,使用原来都大同小异。于是决定自己实现测噪音的原理。
886 0
一个iOS噪音计模型、以及测量原理及分贝计算
AutoResizing and AutoLayout(IOS屏幕适配)
AutoResizing and AutoLayout(IOS屏幕适配)
151 0
AutoResizing and AutoLayout(IOS屏幕适配)
iOS 利用UIScrollView实现图片放大预览,并支持缩小
iOS 利用UIScrollView实现图片放大预览,并支持缩小
592 0
iOS 利用UIScrollView实现图片放大预览,并支持缩小
iOS计算器: 表达式的精准计算(计算字符串数学表达式)MathStringExpression
iOS计算器: 表达式的精准计算(计算字符串数学表达式)MathStringExpression
286 0
iOS计算器: 表达式的精准计算(计算字符串数学表达式)MathStringExpression
iOS界面布局之四——使用第三方库Masonry进行autolayout布局(一)
iOS界面布局之四——使用第三方库Masonry进行autolayout布局
244 0
iOS界面布局之四——使用第三方库Masonry进行autolayout布局(一)
iOS界面布局之三——纯代码的autoLayout及布局动画(二)
iOS界面布局之三——纯代码的autoLayout及布局动画(一)
301 0
iOS界面布局之三——纯代码的autoLayout及布局动画(二)

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问