iOS中navigationBar和Tabbar的translucent对view.frame产生的影响(一)
vc 在 NavigationController中的navigationBar的透明影响
iPhone7上, 在vc加载之前将 navigationBar.translucent = YES, 这也是默认值, 此时 vc的view可以铺满全屏. (0, 0) 从屏幕左上角开始.
2018-09-14 14:59:24.286637+0800 ViewFrameDemo[20301:632381] 1 viewDidLoad: {{0, 0}, {375, 667}}
2018-09-14 14:59:24.287354+0800 ViewFrameDemo[20301:632381] 1 viewWillAppear: {{0, 0}, {375, 667}}
2018-09-14 14:59:24.290044+0800 ViewFrameDemo[20301:632381] 1 viewDidLayoutSubviews: {{0, 0}, {375, 667}}
2018-09-14 14:59:24.292779+0800 ViewFrameDemo[20301:632381] 1 viewDidAppear: {{0, 0}, {375, 667}}
iPhone7 上的, 在vc加载之前将 navigationBar.translucent = NO, 此时 vc 的 view 的原点(0,0) 从 navigationBar的左下角开始(下面打印的frame, 因此是 (0, 64)). 并且我们可以看到, viewDidLoad -> viewWillAppear中关于 view.frame 的值的变化.
2018-09-14 15:01:03.981053+0800 ViewFrameDemo[20614:645755] 1 viewDidLoad: {{0, 0}, {375, 667}}
2018-09-14 15:01:03.981872+0800 ViewFrameDemo[20614:645755] 1 viewWillAppear: {{0, 64}, {375, 603}}
2018-09-14 15:01:03.987325+0800 ViewFrameDemo[20614:645755] 1 viewDidLayoutSubviews: {{0, 64}, {375, 603}}
2018-09-14 15:01:03.990968+0800 ViewFrameDemo[20614:645755] 1 viewDidAppear: {{0, 64}, {375, 603}}
vc 在 UITabbarController以及NavigationController中的透明对frame的影响
如果 vc 在UITabbarController的NavigationController中, iPhone7 上的navigationBar.translucent = NO, tabBar.translucent = NO . 此时 vc 的 view 的原点(0,0) 从 navigationBar的左下角开始(下面打印的frame, 因此是 (0, 64)), 并view的高度: screen.height - navbar.height - tabbar.height. 并且我们可以看到, viewDidLoad -> viewWillAppear 中关于 view.frame 的值的变化. 在view刚刚被load时, 使用的大小和屏幕一样大, viewWillAppear中 view.frame 大小就是展示时候的大小.
2018-09-14 15:46:45.570998+0800 ViewFrameDemo[22905:777691] 1 viewDidLoad: {{0, 0}, {375, 667}}
2018-09-14 15:46:45.571774+0800 ViewFrameDemo[22905:777691] 1 viewWillAppear: {{0, 64}, {375, 554}}
2018-09-14 15:46:45.578019+0800 ViewFrameDemo[22905:777691] 1 viewDidLayoutSubviews: {{0, 64}, {375, 554}}
2018-09-14 15:46:45.582282+0800 ViewFrameDemo[22905:777691] 1 viewDidAppear: {{0, 64}, {375, 554}}
iPhone7 上的 navigationBar.translucent = YES, tabBar.translucent = NO. 此时 vc 的 view 的原点(0,0) 从 screen 的左上角开始, 并view的高度: screen.height - tabbar.height (iPhone7 tabBar 高度49). 并且我们可以看到, viewDidLoad -> viewWillAppear中关于 view.frame 的值的变化. 在view刚刚被load时, 使用的大小和屏幕一样大, viewWillAppear view.frame 大小就是展示时候的大小.
2018-09-14 15:52:56.529481+0800 ViewFrameDemo[23287:802793] 1 viewDidLoad: {{0, 0}, {375, 667}}
2018-09-14 15:52:56.530214+0800 ViewFrameDemo[23287:802793] 1 viewWillAppear: {{0, 0}, {375, 618}}
2018-09-14 15:52:56.534778+0800 ViewFrameDemo[23287:802793] 1 viewDidLayoutSubviews: {{0, 0}, {375, 618}}
2018-09-14 15:52:56.538174+0800 ViewFrameDemo[23287:802793] 1 viewDidAppear: {{0, 0}, {375, 618}}
iPhone7 上的navigationBar.translucent = NO, tabBar.translucent = YES此时 vc 的 view 的原点(0,0) 从 navigationBar左下角开始(下面打印的frame, 因此是 (0, 64)), 并view的高度: screen.height - tabbar.height (iPhone7 tabBar 高度49). 并且我们可以看到, viewDidLoad -> viewWillAppear 中关于 view.frame 的值的变化. 在view刚刚被load时, 使用的大小和屏幕一样打, viewWillAppear view.frame 大小就是展示时候的大小.
2018-09-14 15:59:01.324324+0800 ViewFrameDemo[23579:820659] 1 viewDidLoad: {{0, 0}, {375, 667}}
2018-09-14 15:59:01.324937+0800 ViewFrameDemo[23579:820659] 1 viewWillAppear: {{0, 64}, {375, 603}}
2018-09-14 15:59:01.328475+0800 ViewFrameDemo[23579:820659] 1 viewDidLayoutSubviews: {{0, 64}, {375, 603}}
2018-09-14 15:59:01.332294+0800 ViewFrameDemo[23579:820659] 1 viewDidAppear: {{0, 64}, {375, 603}}
VC的extendedLayoutIncludesOpaqueBars属性
在iOS7 时, vc增加了一个属性extendedLayoutIncludesOpaqueBars,该属性默认是NO, 表示view的layout是否延展到不透明的Bars底部.也就是说如果vc.extendedLayoutIncludesOpaqueBars = YES, 那么不论是否有navigationBar/Tabbar, 以及它们的属性如何, view.frame一直不会改变.
总结
根据上面的结果. 我们可以清楚的得到以下几点:
- 使用代码创建的vc, 如果承载它的UIWindow的大小是Screen大小, 那么在
viewDidLoad中view的frame大小是screen大小, 并且origin是(0,0). - 在
viewWillAppear, viewDidLayoutSubviews, viewDidAppear中的frame大小都会固定, 具体frame的大小受到vc所在的tabbar, navigationBar是否透明有关,具体关系如下:- navigationBar透明会影响 view 的 origin 和 height, 如果不透明 view 的 origin为(0,64)(iPhoneX中为(0,88)), 可以简单理解成, view的原点位于navigationBar的左下角, 此时 view.height = screen.height - navgationBar.maxY
- tabbar 透明会影响 view的 height, 如果不透明, view.height = screen.height - tabbar.height (可能会有 - navigationBar.maxY)
- tabbar 和 navigationbar 透明会叠加
- tabbar和 navigationBar都不透明translucent=NO, 那么view的frame 就是为 UIScreen.bounds
