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

你可能感兴趣的:(32.TableView最合适的布局)