32.TableView最合适的布局

影响TableView布局的问题主要是由其父类UIScrollView引起的。

影响UIScrollView布局的因素:

第一类: NavigationBar.translucentVC.edgesForExtendedLayoutVC.extendLayoutIncludesOpaqueBars
第二类: ScrollView.contentInsetVC.automaticallyAdjustsScrollViewInsetsnavigationBar/StatusBar的隐藏NavigationBar/TabBar的有无TabBar隐藏的方式第一个addSubview的是不是当前的ScrollView

Translucent

self.navigationController.navigationBar.translucent = NO; 时,self.view.frame的值为0.00_64.00_375.00_603.00 (iPhone 6为例)

默认属性下,向上滑动TableViewheader是可以透过NavigationBar的,修改translucent属性为NO后,正是因为VCView布局不在NavigationBar底下了,所以这时看不到header的。

edgesForExtendLayout

枚举值如下:

typedef NS_OPTIONS(NSUInteger, UIRectEdge) {
    UIRectEdgeNone   = 0,
    UIRectEdgeTop    = 1 << 0,
    UIRectEdgeLeft   = 1 << 1,
    UIRectEdgeBottom = 1 << 2,
    UIRectEdgeRight  = 1 << 3,
    UIRectEdgeAll    = UIRectEdgeTop | UIRectEdgeLeft | UIRectEdgeBottom | UIRectEdgeRight
} NS_ENUM_AVAILABLE_IOS(7_0);

既有TabBar又有NavigationBar的,默认值UIRectEdgeAll下,当前控制器就做了上面和下面的延展布局。

self.view.frame 的值为0.00_ 0.00_375.00_667.00

当将此属性改变为UIRectEdgeNone时,上面和下面的延展全部禁止。self.view.frame的值为0.00_64.00_375.00_554.00,说明view从导航栏开始布局,而且高度为667-49(TabBar高度)-64(NavigationBar高度 )

这里footer显示不全的原因就是VCview的高度比TableView的高度小。

extendedLayoutIncludesOpaqueBars

在导航栏不透明时,extendedLayoutIncludesOpaqueBars又为默认值NO的情况下。self.view.frame的值为0.00_64.00_375.00_603.00

当我们将此属性改为YES

self.extendedLayoutIncludesOpaqueBars = YES;

此时,self.view.frame的值为0.00_0.00_375.00_667.00

ScrollView.contentInset

关于ScrollView的这个属性,初始值为0,所有对contentInset值的自动调整都是在viewWillAppear和viewDidAppear之间进行调整。默认条件下,viewWillAppear中打印ContentInset--64.00_0.00_49.00_0.00

特别注意:

正常情况下想想要设置contentInset的值需要在viewDidLoad中进行,需要注意的是,设置contentInset值并不是覆盖了原值,而是与原值进行了各项相加的处理。

比如,我在创建tableView的时候,添加这样一行代码:

tableView.contentInset = UIEdgeInsetsMake(-64,0,0,0);

默认值top应该是64,设置新值后并没有覆盖,而应该是 -64 + 64 = 0;

这时,打印的结果为:viewWillAppear中打印ContentInset64.00_0.00_49.00_0.00,viewDidAppear中打印ContentInset0.00_0.00_49.00_0.00

automaticallyAdjustsScrollViewInsets

这个属性为当前控制器是否要自动调整contentInset,默认为YES
默认条件下,viewWillAppear中打印ContentInset0.00_0.00_0.00_0.00viewDidAppear中打印ContentInset64.00_0.00_49.00_0.00

当修改其值为NO后,
self.automaticallyAdjustsScrollViewInsets = NO;

修改后控制器不会根据系统的默认值自动调整ContentInset了,所以在viewWillAppear中打印ContentInset0.00_0.00_0.00_0.00,viewDidAppear中打印ContentInset0.00_0.00_0.00_0.00

NavigationBar / TabBar的有无

就如上面说过,NavigationBarTabBar的存在才是以上那些影响因素的前提。如果没有它们这些属性是无效果的,只有它们的存在才能通过这些属性影响ScrollView的布局。

NavigationBar / StatusBar 的隐藏

NavigationBar隐藏后,在默认自动调整ContentInset的情况下,其top的值为20。所以,想要做透明导航栏又不隐藏状态栏的需求,需要注意下这里。当然是用上面的设置ScrollView.contentInset的方法可以解决此问题。

TabBar的隐藏

一般的App在每个Tab首页的VC才会展示出TabBar,而在第二层页面开始就要隐藏TabBar了。但是TabBar不同的隐藏方式,会产生某些影响,从而影响ScrollView.contentInset.

使用系统的TabBar,通过hidesBottomBarWhenPushed方法进行隐藏TabBarTabBar.hidden两种方式来隐藏,会产生影响,从而影响ScrollView.contentInset.

使用系统的TabBar,通过hidesBottomBarWhenPushed方法进行隐藏TabBartabBar.hidden两种方式来对比。

hidesBottomBarWhenPushed

此方法下,viewWillAppear中打印ContentInset0.00_0.00_0.00_0.00viewDidAppear中打印ContentInset64.00_0.00_0.00_0.00

TabBar.hidden

此方法下,viewWillAppear中打印ContentInset0.00_0.00_0.00_0.00viewDidAppear中打印ContentInset64.00_0.00_49.00_0.00

两种方法的区别在于,执行TabBar隐藏的时机不同,hidesBottomBarWhenPushed方法在viewDidLoad之前执行,而TabBar.hidden是在viewWillAppear中执行的。正是因为此,造成ScrollView.contentInset的不同,因为hidesBottomBarWhenPushed方法在布局配置前就隐藏了TabBar了,所以不会有内嵌的影响了。

第一个addSubview的是不是当前的ScrollView

当前控制器,self.view上第一个addSubview的如果是ScrollView,则以上的所有因素才可以影响其布局。如果不是第一个添加的,则以上所有的属性影响失效。
而且还有一个布局方面的问题,在默认情况下只要是第一个添加的ScrollView,无论ScrollViewframe为多少,它的ContentInset是会一直存在的。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,386评论 6 479
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,939评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,851评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,953评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,971评论 5 369
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,784评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,126评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,765评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,148评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,744评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,858评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,479评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,080评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,053评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,278评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,245评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,590评论 2 343

推荐阅读更多精彩内容

  • 1.badgeVaule气泡提示 2.git终端命令方法> pwd查看全部 >cd>ls >之后桌面找到文件夹内容...
    i得深刻方得S阅读 4,628评论 1 9
  • { 11、核心动画 需要签协议,但是系统帮签好 一、CABasicAnimation 1、创建基础动画对象 CAB...
    CYC666阅读 1,526评论 2 4
  • 在这里总结一些iOS开发中的小技巧,能大大方便我们的开发 原文地址:http://www.jianshu.com/...
    Marray阅读 328评论 0 0
  • 在这里总结一些iOS开发中的小技巧,能大大方便我们的开发,持续更新。 UITableView的Group样式下顶部...
    管你爱不爱阅读 422评论 0 1
  • 这个题目看到好多天了,没有提笔的欲望,也完全不知道写什么,感觉上像是扭着头不想看它,却时不时地眼光瞄一下,然后又快...
    那个小惠子阅读 460评论 0 0