UIViewController的view的frame问题

  • iOS7以前,UIViewController如果有navigationControllertabBarController,那么view的frame就是在navigationBar底部到tabBar的顶部;在iOS7中苹果给UIViewController增添了edgesForExtendedLayout属性,给UINavigationBarUITabBar增添了translucent属性(swift中是isTranslucent属性),这三个属性都会影响UIViewController的view最终展示时的frame.

edgesForExtendedLayout(扩展布局的边缘)

  • UIViewControlleredgesForExtendedLayout属性:
//swift
open var edgesForExtendedLayout: UIRectEdge
//swift
public struct UIRectEdge : OptionSet {
    public init(rawValue: UInt)
    public static var top: UIRectEdge { get }
    public static var left: UIRectEdge { get }
    public static var bottom: UIRectEdge { get }
    public static var right: UIRectEdge { get }
    public static var all: UIRectEdge { get }
}
//objectivec
@property(nonatomic,assign) UIRectEdge edgesForExtendedLayout NS_AVAILABLE_IOS(7_0); // Defaults to UIRectEdgeAll
//objectivec
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);
OC Swift 说明
UIRectEdgeNone UIRectEdge(rawValue: 0) 不做任何扩展,如果有navigationBar和tabBar时,self.view显示区域在二者之间
UIRectEdgeTop top 扩展顶部,self.view显示区域是从navigationBar顶部计算面开始计算一直到屏幕tabBar上部
UIRectEdgeLeft left 扩展左边,上下都不扩展,显示区域和UIRectEdgeNone是一样的
UIRectEdgeBottom bottom 扩展底部,self.view显示区域是从navigationBar底部到tabBar底部
UIRectEdgeRight right 扩展右边,上下都不扩展,显示区域和UIRectEdgeNone是一样的
UIRectEdgeAll all 上下左右都扩展,及暂满全屏,是默认选项
  • 所以UIViewControlleredgesForExtendedLayout属性是为了self.view扩展布局边缘的,在iOS7之前self.view就是显示在navigationBar底部到tabBar顶部之间;在iOS7是默认是该属性默认设置为UIRectEdgeAll,也就是上下左右都扩展了,以至于self.view沾满全屏显示.我们可以根据自己的需求来对每个UIViewControlleredgesForExtendedLayout属性进行设置以达到更灵活的布局适配.

translucent (tabBar和navigationBar的半透明属性)

  • iOS3的时候tabBarnavigationBar添加了translucent属性,在iOS6及以前默认是false,之后默认为true,即默认是半透明状态,如果barStyle设置为uibarStyleBlackTransparent则始终为true

  • 也就是说translucent默认为true(iOS7及之后),tabBarnavigationBar为半透明状态,UIViewControlleredgesForExtendedLayout属性默认为all,这是view的frame就是沾满整个屏幕;

  • 设置UIViewControlleredgesForExtendedLayout属性,是在translucenttrue的前提下的,如果tabBarnavigationBartranslucent都设置为false,UIViewControlleredgesForExtendedLayout为默认值all,此时虽然是self.viewframe上下左右都扩展了,但是由于设置了不透明,self.view的依然只能显示在tabBarnavigationBar之间的全部区域.

  • 如下示例1:(iPhone XS Max模拟器打印self.view的frame)

    self.navigationController?.navigationBar.isTranslucent = false
    self.tabBarController?.tabBar.isTranslucent = false
    self.edgesForExtendedLayout = UIRectEdge.all
    
    self.navigationController?.navigationBar.isTranslucent = false
    self.tabBarController?.tabBar.isTranslucent = true
    self.edgesForExtendedLayout = UIRectEdge.top
    
    self.navigationController?.navigationBar.isTranslucent = true
    self.tabBarController?.tabBar.isTranslucent = false
    self.edgesForExtendedLayout = UIRectEdge.bottom
    

    上面三种设置,self.view最终展示的frame都是一样的打印如下:

    示例1.png

    也就是说self.navigationController?.navigationBar.isTranslucent = false时,设置self.edgesForExtendedLayout = UIRectEdge.top是无效的,self.tabBarController?.tabBar.isTranslucent = false时,设置self.edgesForExtendedLayout = UIRectEdge.bottom是无效的.(顶部不半透明,扩展顶部是无效的的;底部不半透明,扩展底部是无效的)

  • translucent设置时需要谨慎,因为navigationControllertabBarController会被很多控制器持有,在某个控制器设置时可能会影响其他控制器view的展示情况,一般不建议轻易改动;

UIScrollView及其子控件有时会向下偏移问题

  • 在iOS7和以后的版本里,UIViewController类里面增加了automaticallyAjustScrollViewInsert属性,默认值为true。但在iOS11的时候废弃了,改成了UIScrollView1contentInsetAdjustmentBehavior属性,默认值为UIScrollView.ContentInsetAdjustmentBehavior.automatic;

  • UIViewController类里面增加了automaticallyAjustScrollViewInsert属性,选择true表示你允许视图控制器调整它内部插入的滑动视图来应对状态栏,导航栏,工具栏,和标签栏所消耗的屏幕区域。如果你设置为false呢,就代表你要自己调整你插入的滑动视图,比如你的视图层次里面有多于一个的滑动视图。这大概是个什么意思呢,就是你的视图控制器在没经你允许的情况下调整你的控件位置了,所以你要想自己调,对它设置false就可以了。

  • UIScrollViewcontentInsetAdjustmentBehavior属性,UIScrollView超出安全区域时系统自动调整了SafeAreaInsets值,进而影响adjustedContentInset值,在iOS 11中决定UIScrollView的内容与边缘距离的是adjustedContentInset属性,而不是contentInset。因为系统对adjustedContentInset值进行了调整,所以导致UIScrollView的内容到边缘的距离发生了变化,导致UIScrollView下移了20pt(statusbar高度)或64pt(navigationbar高度)

  • 也就是说这两个属性都是判断UIScrollView的内容的展示区域被状态栏,导航栏,工具栏,和标签栏等挡住时,默认会自动将滑动视图(展示区域)压缩到navigationBartabBar之间;我们不需要做任何设置,但是UIScrollViewfame任然是被挡住的状态,前提是edgesForExtendedLayouttranslucent也都是默认值的时候;

  • 示例2:所有属性都是默认状态下给self.view添加一个UIView和一个UITableView子视图:

    class HJViewController: UIViewController {
    let topv = UIView()
    let tablev = UITableView(frame: CGRect(x: 0, y: 0, width: 0, height: 0), style: UITableView.Style.plain)
    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.backgroundColor = UIColor.green
        topv.frame = CGRect(x: 0, y: 0, width: 200, height: 66)
        topv.backgroundColor = UIColor.red
        view.addSubview(topv)
        tablev.frame = CGRect(x: 0, y: topv.frame.maxY, width: view.frame.width, height: view.frame.height - topv.frame.maxY)
        tablev.backgroundColor = UIColor.yellow
        tablev.delegate = self
        tablev.dataSource = self
        tablev.register(UITableViewCell.classForCoder(), forCellReuseIdentifier: "cell")
        view.addSubview(tablev)
    }
    }
    

    在顶部时:

    示例2, tablev第一个cell并没有被挡住.png

    在底部时:
    示例2, tablev最后一个cell并没有被挡住.png

    上面黄色的背景的视图是tablev,可以看出它的是被navigationBar挡住了的,并且因为该模拟器是iPhone XS Max,底部有个33像素安全距离,此时的tablev在哪满了底部,但是第一个cell没有被navigationBar挡住,最后一个cell也在安全距离之上;但其实这样设置tablev是有问题的,因为此时self.view的frame并不准确;看一下示例3能说明问题.

  • 示例3:不给self.view扩展边缘,只需在viewDidLoad添加下面一句代码

    self.edgesForExtendedLayout = UIRectEdge(rawValue: 0)
    

    在顶部时:

    示例3, tablev第一个cell显示位置.png

    在底部时:
    示例3, tablev最后两个个cell显示位置.png

    当设置self.edgesForExtendedLayout = UIRectEdge(rawValue: 0)或设置self.navigationController?.navigationBar.isTranslucent = false时,导致self.view的最终展示的frame改变了,y和height改变了,所以整体下移了导航的高度,view不再被导航挡住;但是在viewDidLoadviewWillAppearself.viewframe此时不准确,此时设置子控件的frame时有用到self.viewheight,就到账该子控件展示的时候被挡住,当然如果是autolayout布局,就不会出现这个问题;我们只需在viewWillLayoutSubviewsviewDidLayoutSubviews方法中一同样的方式设置tabelv,就不会再出现该问题;自己验证.

  • 有时候我们就是需要UIScrollView展示的内容占满UIScrollView的真实frame,这是只需要设置下面属性即可:

    //swift
    if #available(iOS 11.0, *) {
            self.tablev.contentInsetAdjustmentBehavior = UIScrollView.ContentInsetAdjustmentBehavior.never
        }else {
            //iOS7 - iOS 11
            self.automaticallyAdjustsScrollViewInsets = false
        }
    
    //objectivec
    if (@available(iOS 11.0, *)) {
                    self.tab.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
                }else{
                    self.automaticallyAdjustsScrollViewInsets = NO;
     }
    

    效果如下:


    示例4,顶部.png

    示例4,底部.png

hidesBottomBarWhenPushed的正确使用

  • 当控制器A push到控制器B的时候应该设置B的hidesBottomBarWhenPushed = true,这样当B展示时,tabbar就影藏了,返回到A又会展示,不要设置错了,而且设置后,从B在push进来的控制器都不会再显示tabbar了.
override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        let vc = ViewController()
        vc.hidesBottomBarWhenPushed = true
        self.navigationController?.pushViewController(vc, animated: true)
    }

总结

  • tabBarnavigationBar的半透明属性translucent,iOS7之后默认是YES;一旦设置了tabBartranslucentNO,则控制器的view底部就是在tabBar的顶部上,一旦设置了navigationBartranslucent属性为NO,则控制器的view顶部就是在navigationBar的底部下.

  • 在iOS7之前控制器的如果有tabBarnavigationBar,那么view就的显示范围在二者之间;iOS7给UIViewController添加了edgesForExtendedLayout属性,并且默认设置是all,该属性是为了给控制器的view扩展边缘的,默认扩展了上下左右,所以默认view就是沾满全屏,我们可以设置edgesForExtendedLayout属性来只扩展一边,或者都不扩展来满足我们的开发需求;该edgesForExtendedLayout生效的前提是tabBarnavigationBartranslucent属性为YES.比如tabBartranslucent设置为NO,我们设置控制器的edgesForExtendedLayoutbottom,这时并不能扩展底部达到我们想要的效果;(当然如果tabBar影藏了,设置其translucentNO也是无意义的).

  • 因为有很多控制器持有同一个tabBarnavigationBar,所以修改translucent属性时,一定要慎重;否则可能对其他控制器布局造成一种莫名其妙的布局错误影响,一般不建议修改该属性;所以尽量使用edgesForExtendedLayout属性来达到我们想要的布局效果,或者就默认全屏,布局子控件时要加上tabBarnavigationBar的高.

  • UIViewControllerviewframeviewDidLoad(没有superview和window)和viewWillAppear(没有window)的时候都是不准确的;在viewWillLayoutSubviews,viewDidLayoutSubviewsviewDidAppear中是准确的(尤其是设置了translucentedgesForExtendedLayout时),但viewWillLayoutSubviews,viewDidLayoutSubviews会被多次调用,viewDidAppear视图已经显示再去布局子控件会有刷新的效果也是不合适的;(可以去在viewWillLayoutSubviews,viewDidLayoutSubviews方法中设置控制器view的frame,其他方法中都不可以,但是不建议这么做);所以一般布局子控件还是在viewDidLoad中设置,但是不要用到viewheight,如果一定要用到height可以在viewWillLayoutSubviewsviewDidLayoutSubviews中去设置(因为不准确).

  • UIScrollView及其子类,内容的展示区域被状态栏,导航栏,工具栏,和标签栏等挡住时,默认会自动将滑动视图(展示区域)压缩到navigationBar和tabBar之间;要想展示的内容是其真实的fame,只需要按一下设置:

    //swift
    if #available(iOS 11.0, *) {
            self.tablev.contentInsetAdjustmentBehavior = UIScrollView.ContentInsetAdjustmentBehavior.never
        }else {
            //iOS7 - iOS 11
            self.automaticallyAdjustsScrollViewInsets = false
        }
    
    //objectivec
    if (@available(iOS 11.0, *)) {
                    self.tab.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
                }else{
                    self.automaticallyAdjustsScrollViewInsets = NO;
     }
    

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,126评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,254评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,445评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,185评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,178评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,970评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,276评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,927评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,400评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,883评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,997评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,646评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,213评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,204评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,423评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,423评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,722评论 2 345

推荐阅读更多精彩内容