iOS10以后坐标系的变化

今天研究一下iOS10以后的屏幕坐标系,内容为:
iOS10原点坐标(frame/Masonry布局)、
iOS11原点坐标(frame/Masonry布局)、
以及有无导航栏、有无tabBar情况下的坐标系。

iOS10以后坐标系的变化_第1张图片
屏幕快照 2017-11-06 17.23.18.png

iOS10 frame布局,无导航栏

屏幕快照 2017-11-06 17.33.15.png
iOS10以后坐标系的变化_第2张图片
屏幕快照 2017-11-06 17.31.34.png

iOS10 frame布局,有导航栏

iOS10以后坐标系的变化_第3张图片
屏幕快照 2017-11-06 17.34.14.png

iOS10 masonry布局,无导航栏

    [testView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.top.equalTo(self.view);
        make.width.equalTo(@300);
        make.height.equalTo(@100);
    }];
iOS10以后坐标系的变化_第4张图片
屏幕快照 2017-11-06 17.31.34.png

iOS10 masonry布局,有导航栏

iOS10以后坐标系的变化_第5张图片
![Uploading 屏幕快照 2017-11-06 17.31.34_017226.png . . .]

iOS10 masonry布局,无tabBar

    [testView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.bottom.equalTo(self.view);
        make.width.equalTo(@300);
        make.height.equalTo(@100);
    }];
iOS10以后坐标系的变化_第6张图片
屏幕快照 2017-11-06 17.46.11.png

iOS10 masonry布局,有tabBar

iOS10以后坐标系的变化_第7张图片
屏幕快照 2017-11-06 17.44.50.png

iOS11 frame布局,有导航栏

iOS11 masonry布局,无导航栏

iOS11 masonry布局,有导航栏

iOS10以后坐标系的变化_第8张图片
屏幕快照 2017-11-06 17.34.14.png

iOS11 masonry布局,无tabBar

iOS10以后坐标系的变化_第9张图片
屏幕快照 2017-11-06 17.46.11.png

iOS11 masonry布局,有tabBar

iOS10以后坐标系的变化_第10张图片
屏幕快照 2017-11-06 17.44.50.png

iPhone X frame布局,有导航栏

iPhone X masonry布局,无导航栏

iPhone X masonry布局,有导航栏

iOS10以后坐标系的变化_第11张图片
屏幕快照 2017-11-06 17.53.38.png

iPhone X masonry布局,无tabBar

iOS10以后坐标系的变化_第12张图片
屏幕快照 2017-11-06 17.52.07.png

iPhone X masonry布局,有tabBar

iOS10以后坐标系的变化_第13张图片
屏幕快照 2017-11-06 17.50.56.png

你可能感兴趣的:(iOS10以后坐标系的变化)