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);
iOS 的 translucent 和automaticallyAdjustsScrollViewInsets_第1张图片
image.png

iOS 的 translucent 和automaticallyAdjustsScrollViewInsets_第2张图片
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;
iOS 的 translucent 和automaticallyAdjustsScrollViewInsets_第3张图片
image.png

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

总结:


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


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


iOS 的 translucent 和automaticallyAdjustsScrollViewInsets_第4张图片
image.png

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


iOS 的 translucent 和automaticallyAdjustsScrollViewInsets_第5张图片
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。


iOS 的 translucent 和automaticallyAdjustsScrollViewInsets_第6张图片
image.png

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


iOS 的 translucent 和automaticallyAdjustsScrollViewInsets_第7张图片
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。

你可能感兴趣的:(iOS 的 translucent 和automaticallyAdjustsScrollViewInsets)