- iOS7以前,
UIViewController
如果有navigationController
和tabBarController
,那么view
的frame就是在navigationBar
底部到tabBar
的顶部;在iOS7中苹果给UIViewController
增添了edgesForExtendedLayout
属性,给UINavigationBar
和UITabBar
增添了translucent
属性(swift中是isTranslucent
属性),这三个属性都会影响UIViewController
的view最终展示时的frame.
edgesForExtendedLayout(扩展布局的边缘)
-
UIViewController
的edgesForExtendedLayout
属性:
//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 | 上下左右都扩展,及暂满全屏,是默认选项 |
- 所以
UIViewController
的edgesForExtendedLayout
属性是为了self.view
扩展布局边缘的,在iOS7之前self.view
就是显示在navigationBar
底部到tabBar
顶部之间;在iOS7是默认是该属性默认设置为UIRectEdgeAll
,也就是上下左右都扩展了,以至于self.view
沾满全屏显示.我们可以根据自己的需求来对每个UIViewController
的edgesForExtendedLayout
属性进行设置以达到更灵活的布局适配.
translucent (tabBar和navigationBar的半透明属性)
iOS3的时候
tabBar
和navigationBar
添加了translucent
属性,在iOS6及以前默认是false
,之后默认为true
,即默认是半透明状态,如果barStyle
设置为uibarStyleBlackTransparent
则始终为true
。也就是说
translucent
默认为true
(iOS7及之后),tabBar
和navigationBar
为半透明状态,UIViewController
的edgesForExtendedLayout
属性默认为all
,这是view的frame就是沾满整个屏幕;设置
UIViewController
的edgesForExtendedLayout
属性,是在translucent
为true
的前提下的,如果tabBar
和navigationBar
的translucent
都设置为false
,UIViewController
的edgesForExtendedLayout
为默认值all
,此时虽然是self.view
的frame
上下左右都扩展了,但是由于设置了不透明,self.view
的依然只能显示在tabBar
和navigationBar
之间的全部区域.-
如下示例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
都是一样的打印如下:
也就是说self.navigationController?.navigationBar.isTranslucent = false
时,设置self.edgesForExtendedLayout = UIRectEdge.top
是无效的,self.tabBarController?.tabBar.isTranslucent = false
时,设置self.edgesForExtendedLayout = UIRectEdge.bottom
是无效的.(顶部不半透明,扩展顶部是无效的的;底部不半透明,扩展底部是无效的) translucent
设置时需要谨慎,因为navigationController
和tabBarController
会被很多控制器持有,在某个控制器设置时可能会影响其他控制器view的展示情况,一般不建议轻易改动;
UIScrollView及其子控件有时会向下偏移问题
在iOS7和以后的版本里,
UIViewController
类里面增加了automaticallyAjustScrollViewInsert
属性,默认值为true
。但在iOS11的时候废弃了,改成了UIScrollView1
的contentInsetAdjustmentBehavior
属性,默认值为UIScrollView.ContentInsetAdjustmentBehavior.automatic
;UIViewController
类里面增加了automaticallyAjustScrollViewInsert
属性,选择true
表示你允许视图控制器调整它内部插入的滑动视图来应对状态栏,导航栏,工具栏,和标签栏所消耗的屏幕区域。如果你设置为false
呢,就代表你要自己调整你插入的滑动视图,比如你的视图层次里面有多于一个的滑动视图。这大概是个什么意思呢,就是你的视图控制器在没经你允许的情况下调整你的控件位置了,所以你要想自己调,对它设置false
就可以了。UIScrollView
的contentInsetAdjustmentBehavior
属性,UIScrollView
超出安全区域时系统自动调整了SafeAreaInsets
值,进而影响adjustedContentInset
值,在iOS 11中决定UIScrollView
的内容与边缘距离的是adjustedContentInset
属性,而不是contentInset
。因为系统对adjustedContentInset
值进行了调整,所以导致UIScrollView
的内容到边缘的距离发生了变化,导致UIScrollView
下移了20pt(statusbar高度)或64pt(navigationbar高度)也就是说这两个属性都是判断
UIScrollView
的内容的展示区域被状态栏,导航栏,工具栏,和标签栏等挡住时,默认会自动将滑动视图(展示区域)压缩到navigationBar
和tabBar
之间;我们不需要做任何设置,但是UIScrollView
的fame
任然是被挡住的状态,前提是edgesForExtendedLayout
和translucent
也都是默认值的时候;-
示例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) } }
在顶部时:
在底部时:
上面黄色的背景的视图是tablev
,可以看出它的是被navigationBar
挡住了的,并且因为该模拟器是iPhone XS Max,底部有个33像素安全距离,此时的tablev
在哪满了底部,但是第一个cell没有被navigationBar
挡住,最后一个cell也在安全距离之上;但其实这样设置tablev
是有问题的,因为此时self.view的frame并不准确;看一下示例3能说明问题. -
示例3:不给self.view扩展边缘,只需在
viewDidLoad
添加下面一句代码self.edgesForExtendedLayout = UIRectEdge(rawValue: 0)
在顶部时:
在底部时:
当设置self.edgesForExtendedLayout = UIRectEdge(rawValue: 0)
或设置self.navigationController?.navigationBar.isTranslucent = false
时,导致self.view的最终展示的frame
改变了,y和height改变了,所以整体下移了导航的高度,view不再被导航挡住;但是在viewDidLoad
和viewWillAppear
中self.view
的frame
此时不准确,此时设置子控件的frame时有用到self.view
的height
,就到账该子控件展示的时候被挡住,当然如果是autolayout布局,就不会出现这个问题;我们只需在viewWillLayoutSubviews
或viewDidLayoutSubviews
方法中一同样的方式设置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; }
效果如下:
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)
}
总结
tabBar
和navigationBar
的半透明属性translucent
,iOS7之后默认是YES
;一旦设置了tabBar
的translucent
为NO
,则控制器的view
底部就是在tabBar
的顶部上,一旦设置了navigationBar
的translucent
属性为NO
,则控制器的view
顶部就是在navigationBar
的底部下.在iOS7之前控制器的如果有
tabBar
和navigationBar
,那么view
就的显示范围在二者之间;iOS7给UIViewController
添加了edgesForExtendedLayout
属性,并且默认设置是all
,该属性是为了给控制器的view
扩展边缘的,默认扩展了上下左右,所以默认view就是沾满全屏,我们可以设置edgesForExtendedLayout
属性来只扩展一边,或者都不扩展来满足我们的开发需求;该edgesForExtendedLayout生效的前提是tabBar
或navigationBar
的translucent
属性为YES
.比如tabBar
的translucent
设置为NO,我们设置控制器的edgesForExtendedLayout
为bottom
,这时并不能扩展底部达到我们想要的效果;(当然如果tabBar
影藏了,设置其translucent
为NO
也是无意义的).因为有很多控制器持有同一个
tabBar
和navigationBar
,所以修改translucent
属性时,一定要慎重;否则可能对其他控制器布局造成一种莫名其妙
的布局错误影响,一般不建议修改该属性;所以尽量使用edgesForExtendedLayout
属性来达到我们想要的布局效果,或者就默认全屏,布局子控件时要加上tabBar
和navigationBar
的高.UIViewController
的view
的frame
在viewDidLoad
(没有superview和window)和viewWillAppear
(没有window)的时候都是不准确的;在viewWillLayoutSubviews
,viewDidLayoutSubviews
和viewDidAppear
中是准确的(尤其是设置了translucent
和edgesForExtendedLayout
时),但viewWillLayoutSubviews
,viewDidLayoutSubviews
会被多次调用,viewDidAppear
视图已经显示再去布局子控件会有刷新的效果也是不合适的;(可以去在viewWillLayoutSubviews
,viewDidLayoutSubviews
方法中设置控制器view的frame,其他方法中都不可以,但是不建议这么做);所以一般布局子控件还是在viewDidLoad
中设置,但是不要用到view
的height
,如果一定要用到height
可以在viewWillLayoutSubviews
或viewDidLayoutSubviews
中去设置(因为不准确).-
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; }