×

contentSize、contentOffset和contentInset的图解辨别

96
奔跑的大橙子
2016.04.11 11:24* 字数 736

从网易博客转战简书已经3个月了,还没提笔写过一篇文章,那就从今天开始写自己的第一篇文章吧,算是激励自己继续写作的动力,既然是开篇,那么就从iOS开发中容易混淆的三个概念开始吧,之前也看过一些其他作者写的此类文章,但是大都是用纯文字去描述这三者的区别,对于iOS初学者而言,不太容易理解,所以笔者就采用图解的方式去阐述它们之间的区别,若有不恰当之处,望读者批评指正,共同进步。

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

•没有contentInset

•有tableHeaderView\tableFooterView

•添加了一个子控件,frame是CGRectMake(0, 0, 300, 50)



随笔
Web note ad 1