美文网首页iOS学习专题iOS开发文章iOS奋斗
contentSize、contentOffset和conten

contentSize、contentOffset和conten

作者: 奔跑的大橙子 | 来源:发表于2016-04-11 11:24 被阅读13375次

从网易博客转战简书已经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)

相关文章

网友评论

  • 96d57843c303:contentInset 计算在contentSize 里面的 大家了解下 不过感谢图解
  • dominghao:结构很清晰.
  • a98f3f7898fd:UITableView下拉时设置contentInset.top==30,contentOffset.y会骤变了-15,view往下滑动

    -(void)scrollViewDidScroll:(UIScrollView *)scrollView
    {
    if (scrollView.isTracking) {

    if (fabsf(scrollView.contentOffset.y)>=30.0) {
    UIEdgeInsets insets =self.tableView.contentInset;
    insets.top=30;
    self.tableView.contentInset=insets;

    NSLog(@"=====%f",scrollView.contentOffset.y);
    }

    2017-11-29 11:04:35.551999+0800 jijiuh[8293:7764693] =====-28.500000
    2017-11-29 11:04:35.788500+0800 jijiuh[8293:7764693] =====-29.000000
    2017-11-29 11:04:35.835559+0800 jijiuh[8293:7764693] =====-29.500000
    2017-11-29 11:04:35.855895+0800 jijiuh[8293:7764693] =====-30.000000
    2017-11-29 11:04:35.901743+0800 jijiuh[8293:7764693] =====-45.000000 这里跳了
    2017-11-29 11:04:35.990865+0800 jijiuh[8293:7764693] =====-45.500000
    2017-11-29 11:04:36.080947+0800 jijiuh[8293:7764693] =====-46.000000

    请问这是什么原因?
  • d404ba4d41a4:文章图解,误导过深,contentoffset和contentinset的表述,在图中,有明显误导,评论区,已有人提出
  • 黑羽肃霜:一图胜千言啊,赞👍!
  • S_Criminal_7a03:情形8并没有试验出来,给tableview增加一个子view,并没有改变contentsize的高度;有cell,有contentInset;求指教,或者给个demo看下
    跷脚啖牛肉:估计画错了吧, 肯定不会改变 contentSize 的, 最多改变 contentOffset
  • 妮妮世界:您好。从你的文章和评论,我得出的结论是:frame:tableview自身的尺寸
    contentsize:内容显示的尺寸,包括tableheadview。 cell, tableFootView,而且tableview添加子视图的顶点是contentsize的左上角,但如果子视图的起点为-50,则contentsize自动会向上扩展50.

    contentInset:附着内容尺寸,在contentsize的四周

    contentOffset.y:以滚动的y值,从-contentinset.top 开始计算
    不知道我的理解对不对,望多多指导!谢谢
    S_Criminal_7a03:求指教contentsize自动扩展是怎么实现的
    妮妮世界:@zhiyiLiu :smile:
  • CocoaH:有个问题请教一下,我给一个tableview设置了contentInset 是UIEdgeInsetsMake(200 , 0, 0, 0) 在scrollViewDidScroll:(UIScrollView *)scrollView 这个方法里面得到的scrollView.contentOffset.y 的初始值 是-200,这是为什么?
    brownfeng:@HK1218 contentOffset和inset没有关系的. 只用记住contentOffset是 content(内容)相对于tableView.frame的左上角顶点的偏移量即可, inset只是内容附着,并不是内容.

    inset.top唯一对contentOffset的影响就是.contentOffset.y的变化范围会受到影响.例如inset.top =0时候, contentOffset.y的范围就是(*, 0), 如果inset.top = 10的时候,contentOffset.y的范围会是(*, 10), *表示一个负数应该是tableview.height - content.height.

    如果需要自定义下拉刷新控件, 那么RefreshControl的frame的x和height都会受到contentOffset.y和contentInset.top的影响
    CocoaH:@多克维 所以说contentOffset.y 应该和inset.top 有关系,你文章中的图解,有contentInset的时候,contentOffset.y 是不是应该加上inset.top?
    0a35cbc13910:@HK1218 这个scrollView的显示范围下降了200相当于scrollView向下偏移了200,用scrollView显示的原点减去父控件的原点,所以scrollView.contentOffset.y是-200。同理如果UIEdgeInsetsMake(-200 , 0, 0, 0),则scrollView.contentOffset.y是200;
  • CharlyZheng:一直混淆这些概念, 看了你的图, 顿时清晰了好多.. 想问一下这些图是用什么软件做的??
    96d57843c303:contentInset 计算在contentSize 里面的
    Miles_miles:用Pages应该很好画出来

本文标题:contentSize、contentOffset和conten

本文链接:https://www.haomeiwen.com/subject/ylcilttx.html