edgesForExtendedLayout、contentInsetAdjustmentBehavior等几个属性

栏目: IOS · 发布时间: 5年前

内容简介:平常我们开发的界面的大部分时候都是需要导航栏或tabbar的,或者两个都需要,导航栏的高度在window的根控制器是导航栏,导航栏的根控制器是tabbar,tabbar有两个控制器。示例代码如下。以上代码中,
  • edgesForExtendedLayout

平常我们开发的界面的大部分时候都是需要导航栏或tabbar的,或者两个都需要,导航栏的高度在 iphoneX 出来之前的设备上是64pt(状态栏20pt,navigationBar的高度为44pt),tabbar的高度为49pt(暂先不考虑tabbar和iPhoneX之后的底部安全高度的情况下),所以大部分时候我们显示的内容的高度都是屏幕的高度减去导航栏和(或)tabbar的高度。 edgesForExtendedLayout 作为控制器UIViewController的属性,可以设置该控制器的view是否在导航栏或者tabbar的下边。edgesForExtendedLayout是枚举类型,上、下、左、右、全没和全有。

@property(nonatomic,assign) UIRectEdge edgesForExtendedLayout NS_AVAILABLE_IOS(7_0); // Defaults to UIRectEdgeAll

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);
复制代码

window的根控制器是导航栏,导航栏的根控制器是tabbar,tabbar有两个控制器。示例代码如下。

- (void)navTabbar
{
    ViewController *vc = [[ViewController alloc]init];
    SecController *sec = [[SecController alloc]init];
    UITabBarController *tab = [[UITabBarController alloc]init];
    //tab.edgesForExtendedLayout = UIRectEdgeNone;
    tab.viewControllers = @[vc,sec];
    UINavigationController *nav = [[UINavigationController alloc]initWithRootViewController:tab];
    self.window = [[UIWindow alloc]initWithFrame:[UIScreen mainScreen].bounds];
    self.window.rootViewController = nav;
    [self.window makeKeyAndVisible];
}
复制代码

以上代码中, tab.edgesForExtendedLayout = UIRectEdgeNone;vc.edgesForExtendedLayout = UIRectEdgeNone; 将两个控制器的edgesForExtendedLayout都设为全无的时候,即tabVC的view的顶部不被导航栏遮挡,vc的view的底部不被tabbar遮挡,这样,最终在我们显示的界面上,vc.view的frame就是 frame = (0 0; 375 554); 如果两个都设为全有的情况下,即相应的view位于被其容器控制器下边。vc.view的frame就是 frame = (0 0; 375 667)

如图: 注:绿色的视图是vc.view.

在iphone6模拟器上的效果:左边为 UIRectEdgeAll ,右边为 UIRectEdgeNone 。对应的vc.view的frame分别为:左边frame = (0 0; 375 667),右边frame = (0 0; 375 554)【屏幕高667-64-49】。

edgesForExtendedLayout、contentInsetAdjustmentBehavior等几个属性
在iphoneX模拟器上的效果:左边为 UIRectEdgeNone ,右边为 UIRectEdgeAll

。对应的vc.view的frame分别为:左边:frame = (0 0; 375 641)【屏幕高812-88-49-34】;右边frame = (0 0; 375 812)。

edgesForExtendedLayout、contentInsetAdjustmentBehavior等几个属性
有一点需要注意的是:如果将navigationBar和tabBar的 translucent

(半透明)属性都设置为NO的话,即便将控制器的edgesForExtendedLayout都设置为UIRectEdgeAll,最终控制器的view还是不会在navigationBar和tabBar的下边。

vc.navigationController.navigationBar.translucent = NO;
vc.tabBarController.tabBar.translucent = NO;
复制代码

在storyBoard中的设置如下图:

edgesForExtendedLayout、contentInsetAdjustmentBehavior等几个属性
  • contentInsetAdjustmentBehaviorautomaticallyAdjustsScrollViewInsets
/* Configure the behavior of adjustedContentInset.
 Default is UIScrollViewContentInsetAdjustmentAutomatic.
 */
@property(nonatomic) UIScrollViewContentInsetAdjustmentBehavior contentInsetAdjustmentBehavior API_AVAILABLE(ios(11.0),tvos(11.0));
复制代码

contentInsetAdjustmentBehavior 是iOS11.0之后的 UIScrollView 及其子类的 属性,默认值是 UIScrollViewContentInsetAdjustmentAutomatic 。是用来设置scrollView在控制器上的适配内边距。即scrollView的显示的内容是否被导航栏及tabBar遮挡。 automaticallyAdjustsScrollViewInsets (默认是YES)是iOS11之前(现在已经废弃)的 UIViewController 的属性,其作用与 contentInsetAdjustmentBehavior 相似,设置控制器上的UIScrollView是否被遮挡。

以下示例代码的效果如下边的截图

//window及根控制器的设置
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    ViewController *vc = [[ViewController alloc]init];
    SecController *sec = [[SecController alloc]init];
    UITabBarController *tab = [[UITabBarController alloc]init];
    tab.viewControllers = @[vc,sec];
    UINavigationController *nav = [[UINavigationController alloc]initWithRootViewController:tab];
    self.window = [[UIWindow alloc]initWithFrame:[UIScreen mainScreen].bounds];
    self.window.rootViewController = nav;
    [self.window makeKeyAndVisible];
}

- (void)viewDidLoad {
    [super viewDidLoad];
    if (@available(iOS 11.0, *)) {
        self.tableView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentAutomatic;
    } else {
        self.automaticallyAdjustsScrollViewInsets =  YES;
    }
}
//tableView的frame的设置
    - (void)viewDidLayoutSubviews
{
    [super viewDidLayoutSubviews];
    self.tableView.frame = self.view.bounds;
}

复制代码

(1): iOS 10.0的iphone6的模拟器的效果

edgesForExtendedLayout、contentInsetAdjustmentBehavior等几个属性
edgesForExtendedLayout、contentInsetAdjustmentBehavior等几个属性
由上边的效果图可以看出,当设置控制器的 automaticallyAdjustsScrollViewInsets 的属性是YES的时候,tableView的上部不会被遮挡,从控制台打印结果可以看出,其 contentInset 的top为64;即顶部留出了64的内边距。但是下边依然被tabBar遮挡,从动图看也是有一行cell被遮盖了,控制台的打印结果也显示下边没有内边距。看来如果想要tableView的下边不被tabBar遮挡,需要设置控制器的 edgesForExtendedLayout 或者设置计算好的tableView的frame。更方便的是用 autolayout

(2): iOS 12.2的iphoneX的模拟器效果

edgesForExtendedLayout、contentInsetAdjustmentBehavior等几个属性
edgesForExtendedLayout、contentInsetAdjustmentBehavior等几个属性
从图上效果看出,在iOS11.0之后,将tableView的 contentInsetAdjustmentBehavior 设置为 UIScrollViewContentInsetAdjustmentAutomatic 后,tabelView的上边和下边都不会被遮挡,从控制台打印看出tableView的frame虽然是屏幕的高度,但是偏移量 contentOffset 是-88,而且在iOS11.0之后, UIScrollView 增加了一个属性 adjustedContentInset

适配后的内边距。看打印结果显示tableView的适配后内边距上下分别是88和83,从而避免上下被遮挡。

/* When contentInsetAdjustmentBehavior allows, UIScrollView may incorporate
 its safeAreaInsets into the adjustedContentInset.
 */
@property(nonatomic, readonly) UIEdgeInsets adjustedContentInset API_AVAILABLE(ios(11.0),tvos(11.0));

复制代码

如有错误,欢迎指出。 未完待续……


以上所述就是小编给大家介绍的《edgesForExtendedLayout、contentInsetAdjustmentBehavior等几个属性》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Web表单设计

Web表单设计

[美] Luke Wroblewski / 卢颐、高韵蓓 / 清华大学出版社 / 2010-6 / 49.00元

精心设计的表单,能让用户感到心情舒畅,愉快地注册、付款和进行内容创建和管理,这是促成网上商业成功的秘密武器。本书通过独到、深邃的见解,丰富、真实的实例,道出了表单设计的真谛。新手设计师通过阅读本书,可广泛接触到优秀表单设计的所有构成要素。经验丰富的资深设计师,可深入地了解以前没有注意到的问题及解决方案。 本书专为表单设计或开发人员准备,但同时也适合可用性工程师、网站开发人员、产品经理、视觉设......一起来看看 《Web表单设计》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具