影响TableView
布局的问题主要是由其父类UIScrollView
引起的。
影响UIScrollView布局的因素:
第一类: NavigationBar.translucent
,VC.edgesForExtendedLayout
,VC.extendLayoutIncludesOpaqueBars
第二类: ScrollView.contentInset
,VC.automaticallyAdjustsScrollViewInsets
,navigationBar/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为例)
默认属性下,向上滑动TableView
,header
是可以透过NavigationBar
的,修改translucent
属性为NO
后,正是因为VC
的View
布局不在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
显示不全的原因就是VC
的view
的高度比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
中打印ContentInset
为64.00_0.00_49.00_0.00
,viewDidAppear
中打印ContentInset
为0.00_0.00_49.00_0.00
automaticallyAdjustsScrollViewInsets
这个属性为当前控制器是否要自动调整contentInset
,默认为YES
。
默认条件下,viewWillAppear
中打印ContentInset
为0.00_0.00_0.00_0.00
,viewDidAppear
中打印ContentInset
为64.00_0.00_49.00_0.00
当修改其值为NO
后,
self.automaticallyAdjustsScrollViewInsets = NO;
修改后控制器不会根据系统的默认值自动调整ContentInset
了,所以在viewWillAppear
中打印ContentInset
为0.00_0.00_0.00_0.00
,viewDidAppear
中打印ContentInset
为0.00_0.00_0.00_0.00
NavigationBar / TabBar的有无
就如上面说过,NavigationBar
和TabBar
的存在才是以上那些影响因素的前提。如果没有它们这些属性是无效果的,只有它们的存在才能通过这些属性影响ScrollView
的布局。
NavigationBar / StatusBar 的隐藏
NavigationBar
隐藏后,在默认自动调整ContentInset
的情况下,其top
的值为20
。所以,想要做透明导航栏又不隐藏状态栏的需求,需要注意下这里。当然是用上面的设置ScrollView.contentInset
的方法可以解决此问题。
TabBar的隐藏
一般的App
在每个Tab
首页的VC
才会展示出TabBar
,而在第二层页面开始就要隐藏TabBar
了。但是TabBar
不同的隐藏方式,会产生某些影响,从而影响ScrollView.contentInset
.
使用系统的TabBar
,通过hidesBottomBarWhenPushed
方法进行隐藏TabBar
和TabBar.hidden
两种方式来隐藏,会产生影响,从而影响ScrollView.contentInset
.
使用系统的TabBar
,通过hidesBottomBarWhenPushed
方法进行隐藏TabBar
和tabBar.hidden
两种方式来对比。
hidesBottomBarWhenPushed
此方法下,viewWillAppear
中打印ContentInset
为0.00_0.00_0.00_0.00
,viewDidAppear
中打印ContentInset
为64.00_0.00_0.00_0.00
TabBar.hidden
此方法下,viewWillAppear
中打印ContentInset
为0.00_0.00_0.00_0.00
,viewDidAppear
中打印ContentInset
为64.00_0.00_49.00_0.00
两种方法的区别在于,执行TabBar
隐藏的时机不同,hidesBottomBarWhenPushed
方法在viewDidLoad
之前执行,而TabBar.hidden
是在viewWillAppear
中执行的。正是因为此,造成ScrollView.contentInset
的不同,因为hidesBottomBarWhenPushed
方法在布局配置前就隐藏了TabBar
了,所以不会有内嵌的影响了。
第一个addSubview的是不是当前的ScrollView
当前控制器,self.view
上第一个addSubview
的如果是ScrollView
,则以上的所有因素才可以影响其布局。如果不是第一个添加的,则以上所有的属性影响失效。
而且还有一个布局方面的问题,在默认情况下只要是第一个添加的ScrollView
,无论ScrollView
的frame
为多少,它的ContentInset
是会一直存在的。
网友评论