2|2 contentSize、contentOffset和contentInset的图解辨别
iOS中，UIScrollView是可以滚动的视图，其中最常用的UITableView就是继承了UIScrollView。
contentSize、contentInset和contentOffset 是scrollView三个基本的属性。
contentSize:即内容,就是scrollview可以滚动的区域,比如frame = (0 ,0 ,100 ,200) contentSize = (100 ,400)，代表你的scrollview可以上下滚动，滚动区域为frame大小的两倍。其中常用的是contentSize.height = 内容的高度。
contentOffset:即偏移量,其中分为contentOffset.y=内容的顶部和frame顶部的差值,contentOffset.x=内容的左边和frame左边的差值,下面重点阐述contentOffset.y,因为contentOffset.y最为常用。
contentInset:即内边距,contentInset = 在内容周围增加的间距(粘着内容),contentInset的单位是UIEdgeInsets,默认值为UIEdgeInsetsZero。
说完了三者的定义,下面介绍contentSize到底包含哪几部分,tableView的内容(即contentSize)仅包含下面三部分:
tableView的内容(即contentSize):
1> cell
2> tableHeaderView\tableFooterView
3> sectionHeader\sectionFooter
其中
contentSize.height = 内容的高度
contentOffset.y = 内容的顶部 和 frame顶部 的差值
contentInset = 在内容周围增加的间距（粘着内容）
请读者牢记上面的概念介绍,对理解下面的情形有一定的帮助。
情形1:
?没有cell
?没有contentInset
?没有tableHeaderView\tableFooterView
文章图片
情形2:
?没有cell
?没有contentInset
?有tableHeaderView\tableFooterView
文章图片
情形3:
?有cell
?没有contentInset
?没有tableHeaderView\tableFooterView
文章图片
情形4:
?有cell
?有contentInset
?没有tableHeaderView\tableFooterView
文章图片
情形5:
?有cell
?没有contentInset
?有tableHeaderView\tableFooterView
文章图片
情形6:
?有cell
?有contentInset
?有tableHeaderView\tableFooterView
文章图片
情形7:
?有cell
?有contentInset
?没有tableHeaderView\tableFooterView
?添加了一个子控件，frame是CGRectMake(0, 0, 300, 50)
?子控件的frame以父控件内容左上角为坐标原点{0,0}
文章图片
文章图片
情形8:
?有cell
?有contentInset
?没有tableHeaderView\tableFooterView
?添加了一个子控件，frame是CGRectMake(0,-50, 300, 50)
?子控件的frame以父控件内容左上角为坐标原点{0,0}
文章图片
文章图片
情形9:
?有cell
【2|2 contentSize、contentOffset和contentInset的图解辨别】?没有contentInset
?有tableHeaderView\tableFooterView
?添加了一个子控件，frame是CGRectMake(0, 0, 300, 50)
文章图片
文章图片
来自：https://www.jianshu.com/p/9091e5f34df5
推荐阅读
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- Shell-Bash变量与运算符
- 清明，是追思、是传承、是感恩。
- 牛人进化+|牛人进化+ 按自己的意愿过一生
- 七老修复好敏感、角质层薄、红血丝
- 华为旁！大社区、地铁新盘，佳兆业城市广场五期！
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 螃蟹和这些食物同吃，轻则腹泻、重则中毒！要小心哦~
- 八、「料理风云」