影响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是会一直存在的。












网友评论