iOS 的 translucent 和automaticallyAdjustsScrollViewInsets

translucent

translucent属性能决定UITabBar/UINavigationBar是否为半透明的效果.这个BOOL属性能控制UITabBar/UINavigationBar的半透明效果,默认为YES,即默认情况下为半透明效果.

默认情况下,如果使用UITabBarController和UINavigationBarController(translucent属性默认为YES)。
设置一个UITableView,距离边距是0.

    UITableView *tableView = [[UITableView alloc] initWithFrame:[UIScreen mainScreen].bounds];
    tableView.backgroundColor = [UIColor redColor];
    tableView.contentInset = UIEdgeInsetsMake(0, 0, 0, 0);
image.png

image.png

我们看到tableView虽然是占住整个屏幕但是还是没有遮挡住cell,这是因为系统默认默认控制器属性automaticallyAdjustsScrollViewInsets默认为YES。

请注意:iOS11开始,苹果摒弃了automaticallyAdjustsScrollViewInsets属性,改由contentInsetAdjustmentBehavior(枚举值)控制。

automaticallyAdjustsScrollViewInsets = YES时系统底层所干的事:

scrollView的内容原本没有内边距,但是考虑到导航栏(高度44px)、状态栏(高度20px)、TabBar(高度49px)会挡住后面scrollView所展示的内容,系统自动为scrollView增加上下的内边距。
一旦手动在系统布局页面之前设置automaticallyAdjustsScrollViewInsets = NO,将会取消上述操作,届时scrollView内容将会被部分挡住。
请注意:上述的情况仅仅对UIScrollView或者子类(如UITableView)有效。
当我们添加:

self.navigationController.navigationBar.translucent = NO;
image.png

此时tableView的往下移动了64px。

总结:


1、navigationBar.translucent 默认是YES,此时布局的起始点是(0,0)。
2、navigationBar.translucent 设置为NO,原点坐标在(0,64)。


当navigationBar.translucent为YES,automaticallyAdjustsScrollViewInsets 设置为No的时候,此时cell被遮挡住.


image.png

当navigationBar.translucent为NO,automaticallyAdjustsScrollViewInsets 设置为No的时候,此时cell上面没被遮挡住.


image.png

当navigationBar.translucent = NO, tabBar.translucent = NO 的时候,下面其实还是被遮挡住。

automaticallyAdjustsScrollViewInsets用法

1、单独设置self.automaticallyAdjustsScrollViewInsets

self.automaticallyAdjustsScrollViewInsets = NO;

2、self.edgesForExtendedLayout联合设置,原点就是(0,64)开始

self.automaticallyAdjustsScrollViewInsets = NO;
self.edgesForExtendedLayout = UIRectEdgeNone;

当屏幕会多出一个64的高度的时候,系统就会自动根据UINavigationBar和statusBar将view下移64,frame从(0,64)开始。这样,我们在布局内部控件的时候依然可以从(0,0)开始,而不必担心上部被UINavigationBar遮挡了.

iOS11+,contentInsetAdjustmentBehavior定义及使用(替代automaticallyAdjustsScrollViewInsets)

如果只想单纯地设置导航条不偏移导航条+状态栏和Tabbar高度

/* Configure the behavior of adjustedContentInset.
 Default is UIScrollViewContentInsetAdjustmentAutomatic.
 中文解析:该属性用来配置UIScrollView调整内边距的行为,其值为枚举值,默认值是UIScrollViewContentInsetAdjustmentAutomatic,就是自动调整。
 */
@property(nonatomic) UIScrollViewContentInsetAdjustmentBehavior contentInsetAdjustmentBehavior API_AVAILABLE(ios(11.0),tvos(11.0));

// 以下是该枚举的具体值(选项)
typedef NS_ENUM(NSInteger, UIScrollViewContentInsetAdjustmentBehavior) {
    // 中文解析:与UIScrollViewContentInsetAdjustmentScrollableAxes相似,但为了向后兼容(向低版本兼容),当scroll view被view controller管理,且该view controller的automaticallyAdjustsScrollViewInsets = YES并在导航条控制器栈内,该枚举也会调整顶部(导航条)和底部(Tabbar)的内边距,无论该scroll view是否可滚动。
    UIScrollViewContentInsetAdjustmentAutomatic, // Similar to .scrollableAxes, but for backward compatibility will also adjust the top & bottom contentInset when the scroll view is owned by a view controller with automaticallyAdjustsScrollViewInsets = YES inside a navigation controller, regardless of whether the scroll view is scrollable

    // 中文解析:滚动轴的边缘会被调整(例如contentSize.width/height > frame.size.width/height 或 alwaysBounceHorizontal/Vertical = YES)
    UIScrollViewContentInsetAdjustmentScrollableAxes, // Edges for scrollable axes are adjusted (i.e., contentSize.width/height > frame.size.width/height or alwaysBounceHorizontal/Vertical = YES)

    // 中文解析:内边距不会被调整
    UIScrollViewContentInsetAdjustmentNever, // contentInset is not adjusted

    // 中文解析:内边距总是被scroll view的safeAreaInsets所调整,safeAreaInsets顾名思义就是safeArea的内边距,safeArea下面会有一个概括性的解释。
    UIScrollViewContentInsetAdjustmentAlways, // contentInset is always adjusted by the scroll view's safeAreaInsets
} API_AVAILABLE(ios(11.0),tvos(11.0));

非ScrollView的布局需求

UINavigationBar和statusBar 在默认情况下都是半透明的,要求:在上面添加控件,从(0,0)点开始布局,内容不被遮挡,可以正常显示。

UINavigationBar和statusBar保留半透明效果时
1、手动布局,计算UINavigationBar和statusBar的占位,上面从(0,64)开始布局,整个空间的布局长度是[UIScreen mainScreen].bounds.size.heigh-64-49,iphoneX的时候则是:[UIScreen mainScreen].bounds.size.heigh-88-49-34。


image.png

2、修改viewController的edgesForExtendedLayout属性,edgesForExtendedLayout = UIRectEdgeNone。设置后,控制器的view的frame的坐标Y增加64px紧挨着navigationBar下方,底部同理,该属性支持iOS7及以后的版本。(注意:这里虽然看着导航条和TabBar还有半透明效果,但是实际上下面的内容已经无法再”穿透“了。)


image.png

UINavigationBar和statusBar不保留半透明效果时
UINavigationBar和statusBar设置为NO,此时NavigationBar和statusBar都是白色的不透明

iOS11:

在iOS11中UIViewController的automaticallyAdjustsScrollViewInsets属性被废弃,不再起作用, 取而代之的是UIScrollView中新增的属性contentInsetAdjustmentBehavior。

self.extendedLayoutIncludesOpaqueBars = YES;
if (@available(iOS 11.0, *)) {
        self.tableView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
} else {
        self.automaticallyAdjustsScrollViewInsets = NO;
}
_tableView.contentInset = UIEdgeInsetsMake(64, 0, 49, 0);
_tableView.scrollIndicatorInsets = _tableView.contentInset;

全屏效果的app

在ios7之后,为了达到全屏效果,在UIViewController中添加了几个属性:

@property(nonatomic,assign) UIRectEdge edgesForExtendedLayout NS_AVAILABLE_IOS(7_0); // Defaults to UIRectEdgeAll
@property(nonatomic,assign) BOOL extendedLayoutIncludesOpaqueBars NS_AVAILABLE_IOS(7_0); // Defaults to NO, but bars are translucent by default on 7_0.  
@property(nonatomic,assign) BOOL automaticallyAdjustsScrollViewInsets API_DEPRECATED_WITH_REPLACEMENT("Use UIScrollView's contentInsetAdjustmentBehavior instead", ios(7.0,11.0),tvos(7.0,11.0)); // Defaults to YES

edgesForExtendedLayout:离四周的距离,默认UIRectEdgeAll,意为上下左右填充满整个屏幕。


UIViewController添加到UINavigationController上时,默认UIViewController的原点是在(0,0)处。
当self.edgesForExtendedLayout = UIRectEdgeNone;时,
UIViewController的原点是在(0,64/88)处。
UIViewController.y = UINavigationBar.y + UINavigationBar.h;
此时可以设置navigationBar.translucent = NO,让导航栏不半透明。

UITableViewController添加到UITabBarController上时,UITableViewController的底部一部分cell会被TabBar挡住.
设置:self.edgesForExtendedLayout = UIRectEdgeNone;
UITableViewController.tabbar的y = CGRectGetMaxY(UITableViewController);


extendedLayoutIncludesOpaqueBars:延伸视图包含不包含不透明的Bar,是用来指定导航栏是透明的还是不透明.

YES 是透明,NO是不透明。

automaticallyAdjustsScrollViewInsets

YES时,scrollView、tableview,在设置完数据的时候,内部会改变contentInsets的top值为64。

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

推荐阅读更多精彩内容

  • 先声明:以下总结只对ios7及ios7之后才有效~~~ 之前开发过程中偶尔会遇到设置导航栏透明与否或者运行系统版本...
    Qiu_W阅读 1,323评论 0 1
  • 目录: NavigationBar 由导航栏引起的零点坐标问题 TabBar StatusBar NSAttrib...
    Ryan___阅读 1,710评论 0 6
  • 最近项目里有个需求和导航栏的样式定制有关,深入之后发现之前理解的一些概念有些模糊,刚好趁着这次机会全面整理了一下。...
    Kevin追梦先生阅读 505评论 0 0
  • 最近项目里有个需求和导航栏的样式定制有关,深入之后发现之前理解的一些概念有些模糊,刚好趁着这次机会全面整理了一下。...
    hi_xgb阅读 5,094评论 4 39
  • 这世上最让你痛心的事莫过于你在乎的人拒绝你还他的人情,却不断让你欠他人情。 我们总是想着互相在乎,其实你欠我我欠你...
    东条二十阅读 208评论 0 0