美文网首页
32.TableView最合适的布局

32.TableView最合适的布局

作者: 小笨憨 | 来源:发表于2017-10-09 14:41 被阅读0次

    影响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最合适的布局

          本文链接:https://www.haomeiwen.com/subject/muumextx.html