Question

iOS 适配 Masonry 这是我写的约束

__block WeatherViewController *blockSelf = self; int w = [UIScreen mainScreen].bounds.size.width; int h = [UIScreen mainScreen].bounds.size.height; //weatherIcon weatherIcon.frame = CGRectMake(0, 0, w*128/375, w*128/375); [weatherIcon mas_makeConstraints:^(MASConstraintMaker *make) { make.left.equalTo(blockSelf.view.mas_left).with.offset(w*232/375); make.top.equalTo(blockSelf.view.mas_top).with.offset(h*84/667); }]; //refreshButton refreshButton.frame = CGRectMake(0, 0,35, 35); [refreshButton mas_makeConstraints:^(MASConstraintMaker *make) { make.right.equalTo(weatherIcon.mas_left).with.offset(0); make.centerY.equalTo(weatherIcon.mas_centerY).with.offset(0); }];





Answer 1

1 MagicNumber -> autoresizingMask -> autolayout
以上是纯手写代码所经历的关于页面布局的三个时期
在iphone1-iphone3gs时代 window的size固定为(320,480) 我们只需要简单计算一下相对位置就好了
在iphone4-iphone4s时代 苹果推出了retina屏 但是给了码农们非常大的福利:window的size不变
在iphone5-iphone5s时代 window的size变了(320,568) 这时autoresizingMask派上了用场(为啥这时候不用Autolayout? 因为还要支持ios5呗) 简单的适配一下即可
在iphone6+时代 window的width也发生了变化(相对5和5s的屏幕比例没有变化) 终于是时候抛弃autoresizingMask改用autolayout了(不用支持ios5了 相对于屏幕适配的多样性来说autoresizingMask也已经过时了)
那如何快速的上手autolayout呢? 说实话 当年ios6推出的同时新增了autolayout的特性 我看了一下官方文档和demo 就立马抛弃到一边了 因为实在过于的繁琐和啰嗦(有过经验的朋友肯定有同感)
直到iphone6发布之后 我知道使用autolayout势在必行了 这时想起了以前在浏览Github看到过的一个第三方库Masonry 在花了几个小时的研究使用后 我就将autolayout掌握了(重点是我并没有学习任何的官方文档或者其他的关于autolayout的知识) 这就是我为什么要写下这篇文章来推荐它的原因
介绍
Masonry 源码
Masonry是一个轻量级的布局框架 拥有自己的描述语法 采用更优雅的链式语法封装自动布局 简洁明了 并具有高可读性而且同时支持 iOS 和 Max OS X
我们先来看一段官方的sample code来认识一下Masonry
1 [view1 mas_makeConstraints:^(MASConstraintMaker *make) { 2make.edges.equalTo(superview).with.insets(padding); 3 }];
看到block里面的那句话: make edges equalTo superview with insets
通过链式的自然语言 就把view1给autolayout好了 是不是简单易懂?
使用