PureLayout 是 iOS & OS X Auto Layout 的终极 API——非常简单,又非常强大。PureLayout 通过一个全面的Auto Layout API 扩展了 UIView/NSView, NSArray 和 NSLayoutConstraint,仿照苹果自身的框架, 构建了一个全面的自动布局 API, 这样你再也不用为适配而苦恼啦!!!

添加PureLayout到你的工程里面

  • 用CocoaPods安装(podilfe中加pod 'PureLayout')/GitHub下载PureLayout, 手动添加到你的项目中
  • 导入头文件#import <PureLayout/PureLayout.h> /  #import "PureLayout.h"

我们就这个布局来简单说一下

首先新建几个 View

1
2
3
4
5
@property (nonatomic, strong) UIView *blueView;
@property (nonatomic, strong) UIView *redView;
@property (nonatomic, strong) UIView *yellowView;
@property (nonatomic, strong) UIView *greenView;
@property (nonatomic, assign) BOOL didSetupConstraints; // 判断是否存在约束条件

然后在加载试图

1
2
3
4
5
6
7
8
9
10
11
- (void)loadView
{
self.view = [UIView new];
self.view.backgroundColor = [UIColor colorWithWhite:0.1 alpha:1.0]; [self.view addSubview:self.blueView];
[self.view addSubview:self.redView];
[self.view addSubview:self.yellowView];
[self.view addSubview:self.greenView];
[self.view setNeedsUpdateConstraints]; // 设置新的约束天剑
}

如果没有试图,那么就重新创建一个

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
- (UIView *)blueView
{
if (!_blueView) {
_blueView = [UIView newAutoLayoutView];
_blueView.backgroundColor = [UIColor blueColor];
}
return _blueView;
} - (UIView *)redView
{
if (!_redView) {
_redView = [UIView newAutoLayoutView];
_redView.backgroundColor = [UIColor redColor];
}
return _redView;
} - (UIView *)yellowView
{
if (!_yellowView) {
_yellowView = [UIView newAutoLayoutView];
_yellowView.backgroundColor = [UIColor yellowColor];
}
return _yellowView;
} - (UIView *)greenView
{
if (!_greenView) {
_greenView = [UIView newAutoLayoutView];
_greenView.backgroundColor = [UIColor greenColor];
}
return _greenView;
}

然后再添加试图的约束条件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
- (void)updateViewConstraints   //更新约束条件
{
// 如果没有自动约束条件
if (!self.didSetupConstraints) {
// Blue view is centered on screen,(Centers the view in its superview.) with size {50 pt, 50 pt} //设置蓝色的 view 在父试图的中心,
[self.blueView autoCenterInSuperview];
//设置蓝色的 view 的宽和高(50.0 50.0)
[self.blueView autoSetDimensionsToSize:CGSizeMake(50.0, 50.0)]; // Red view is positioned at the bottom right corner of the blue view, with the same width, and a height of 40 pt
// 设置红色 view 的顶部是蓝色 view 的底部
[self.redView autoPinEdge:ALEdgeTop toEdge:ALEdgeBottom ofView:self.blueView];
//设置红色 view 的左边是蓝色 view 的右边
[self.redView autoPinEdge:ALEdgeLeft toEdge:ALEdgeRight ofView:self.blueView];
//设置红色 view 的宽度就是蓝色 view 的宽度
[self.redView autoMatchDimension:ALDimensionWidth toDimension:ALDimensionWidth ofView:self.blueView];
//设置红色 view 的高度为40.0
[self.redView autoSetDimension:ALDimensionHeight toSize:40.0]; // Yellow view is positioned 10 pt below the red view, extending across the screen with 20 pt insets from the edges,
// and with a fixed height of 25 pt
//设置黄色 veiw 的顶部距离红色 view 距离为10.0
[self.yellowView autoPinEdge:ALEdgeTop toEdge:ALEdgeBottom ofView:self.redView withOffset:10.0];
//设置黄色 view 的高度为25.0
[self.yellowView autoSetDimension:ALDimensionHeight toSize:25.0];
//设置黄色 view 距离父试图左边的距离为20.0
[self.yellowView autoPinEdgeToSuperviewEdge:ALEdgeLeft withInset:20.0];
//设置黄色 view 距离父试图右边的距离为20.0
[self.yellowView autoPinEdgeToSuperviewEdge:ALEdgeRight withInset:20.0]; // Green view is positioned 10 pt below the yellow view, aligned to the vertical axis of its superview,
// with its height twice the height of the yellow view and its width fixed to 150 pt
//设置绿色 view 的顶部距离黄色 view 的底部距离为10.0
[self.greenView autoPinEdge:ALEdgeTop toEdge:ALEdgeBottom ofView:self.yellowView withOffset:10.0];
//设置绿色 view 相对父试图竖向居中
[self.greenView autoAlignAxisToSuperviewAxis:ALAxisVertical];
//设置绿色的 view 的高度是黄色 view 高度的2.0倍
[self.greenView autoMatchDimension:ALDimensionHeight toDimension:ALDimensionHeight ofView:self.yellowView withMultiplier:2.0];
//设置绿色 view 的宽度为150.0
[self.greenView autoSetDimension:ALDimensionWidth toSize:150.0]; //设置已经添加过约束了
self.didSetupConstraints = YES;
} [super updateViewConstraints];
}

github 地址:https://github.com/smileyborg/PureLayout#

PureLayout的更多相关文章

  1. PureLayout和Masonry比较

    一年前那时我做iOS开发,为了自动布局适配多种屏幕,我一般使用Masonry,后来偶然地在一个视频教程中发现老师使用了UIView+Autolayout(现在作者改名为PureLayout)自动布局, ...

  2. iOS PureLayout使用

    PureLayout是iOS Auto Layout的终端API,强大而简单.由UIView.NSArray和NSLayoutConstraint类别组成.PureLayout为大多数Auto Lay ...

  3. PureLayout,使用纯代码写AutoLayout

    为iOS和OS X的自动布局最终的API -- 令人印象深刻的简单,非常强大. PureLayout延伸的UIView /NSView , NSArray,和NSLayoutConstraint与之后 ...

  4. PureLayout(轻量级自动布局)

    直接整理用法 1.设置高度宽度 [view1 autoSetDimension:ALDimensionHeight toSize:70.0]; [view1 autoSetDimension:ALDi ...

  5. 使用Autolayout实现UITableView的Cell动态布局和高度动态改变

    本文翻译自:stackoverflow 有人在stackoverflow上问了一个问题: 1 如何在UITableViewCell中使用Autolayout来实现Cell的内容和子视图自动计算行高,并 ...

  6. 【转】GitHub 排名前 100 的安卓、iOS项目简介

    GitHub Android Libraries Top 100 简介 排名完全是根据 GitHub 搜索 Java 语言选择 (Best Match) 得到的结果, 然后过滤了跟 Android 不 ...

  7. GitHub iOS-Top 100 简介

    GitHub排名前100的iOS第三方汇总简介,方便开发者选择适合的第三方框架. 项目名称 项目信息 1. AFNetworking 作者是 NSHipster 的博主, iOS 开发界的大神级人物, ...

  8. iOS 开源项目

    在 Github 上 Star 太多了,有时候很难找到自己想要的开源库,所以在此记录下来.便于自己开发使用,也顺便分享给大家. 动画 awesome-ios-animation收集了iOS平台下比较主 ...

  9. Github上关于iOS的各种开源项目集合(强烈建议大家收藏,查看,总有一款你需要)

    下拉刷新 EGOTableViewPullRefresh - 最早的下拉刷新控件. SVPullToRefresh - 下拉刷新控件. MJRefresh - 仅需一行代码就可以为UITableVie ...

随机推荐

  1. php error _report

    [error_reporting] => Array   (   [global_value] => 32767   [local_value] => 0   [access] =& ...

  2. CF Round #355 Div.2

    http://codeforces.com/contest/677 B. Vanya and Food Processor 题意:有一个食物加工器,每次能加工不超过h高度的土豆,且每秒加工至多k高度的 ...

  3. linode更换Linux内核教程(独家)

    Linode服务器性价比高,最低套餐2G内存,享受每月2TB流量,机房40Gb带宽,每月供需10美元(Linode优惠链接).Linode用户创建vps服务器后,可在后台自定义Linux系统版本,包括 ...

  4. 关于ajax跨域问题

    什么是跨域 1.document.domain+iframe的设置 2.动态创建script 3.利用iframe和location.hash 4.window.name实现的跨域数据传输 5.使用H ...

  5. docker openvswitch网络方案

    1. 测试环境 75机(10.11.150.75):Red Hat Enterprise Linux Server 7.0,无外网访问权限,已安装Docker Server 74机(10.11.150 ...

  6. jx problem

    Entity: line 37: parser error : xmlParseEntityRef: no nameecho "xxxxxx > /dev/null 2>& ...

  7. Hibernate 异常 集锦

    异常1.Error parsing JNDI name [foo] 异常信息摘要: org.hibernate.engine.jndi.JndiException: Error parsing JND ...

  8. NSLineBreakMode

    typedef enum {    UILineBreakModeWordWrap = 0,    UILineBreakModeCharacterWrap,    UILineBreakModeCl ...

  9. flume从kafka读取数据到hdfs中的配置

    #source的名字 agent.sources = kafkaSource # channels的名字,建议按照type来命名 agent.channels = memoryChannel # si ...

  10. bootstrap如何自定义5等分

    根据bootstrap源码改的1比5的栅格系统 /*5等分媒体查询样式begin*/ .col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5,.col-xs-4 ...