iOS的多屏适配 - AutoLayout

最新推荐文章于 2019-07-31 16:09:34 发布

Sugaramer

最新推荐文章于 2019-07-31 16:09:34 发布

阅读量1k

点赞数

分类专栏： iosugar 文章标签：屏幕适配 ios VFL storm

本文链接：https://blog.csdn.net/iJason92/article/details/46418167

版权

AutoLayout(自动布局)是iOS中一种简单却高效的屏幕适配技术,它在Xcode 5中被支持,在新建工程时会被默认添加。
AutoLayout实现布局的原理是有精确的数学描述,为了便于理解,我先使用storyboard实现一个水平三等分的自动布局,然后再通过代码实现相同功能。

新建xcode工程,工程名为AutoLayout
进入Main.storyboard,然后先拖拽一个UIView(outside),作为外部的容器,设置背景色,设置自动布局,然后再分别拖入3个Uiview(inner),设置子视图的自动布局。
运行结果:
xcode 6.3.1
Mac OS X 10.10.3
simulator iOS 8.3 iphone
xcode并未输出那种一大堆的提示:存在多余约束… 证明 storyboard方式实现自动布局已经成功。

下面使用纯代码的方式实现上面的效果

为工程添加一个新的Targets 名为:CodeAutoLayout
选择新的Targets,然后定位到ViewController.m中,在这里添加代码实现自动布局效果

- (void)viewDidLoad {
    [super viewDidLoad];

    // outsideView
    // 1.创建outsideView
    UIView *outsideView = [[UIView alloc] init];

    // 2.关闭translatesAutoresizing
    outsideView.translatesAutoresizingMaskIntoConstraints = NO;