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和Masonry比较
一年前那时我做iOS开发,为了自动布局适配多种屏幕,我一般使用Masonry,后来偶然地在一个视频教程中发现老师使用了UIView+Autolayout(现在作者改名为PureLayout)自动布局, ...
- iOS PureLayout使用
PureLayout是iOS Auto Layout的终端API,强大而简单.由UIView.NSArray和NSLayoutConstraint类别组成.PureLayout为大多数Auto Lay ...
- PureLayout,使用纯代码写AutoLayout
为iOS和OS X的自动布局最终的API -- 令人印象深刻的简单,非常强大. PureLayout延伸的UIView /NSView , NSArray,和NSLayoutConstraint与之后 ...
- PureLayout(轻量级自动布局)
直接整理用法 1.设置高度宽度 [view1 autoSetDimension:ALDimensionHeight toSize:70.0]; [view1 autoSetDimension:ALDi ...
- 使用Autolayout实现UITableView的Cell动态布局和高度动态改变
本文翻译自:stackoverflow 有人在stackoverflow上问了一个问题: 1 如何在UITableViewCell中使用Autolayout来实现Cell的内容和子视图自动计算行高,并 ...
- 【转】GitHub 排名前 100 的安卓、iOS项目简介
GitHub Android Libraries Top 100 简介 排名完全是根据 GitHub 搜索 Java 语言选择 (Best Match) 得到的结果, 然后过滤了跟 Android 不 ...
- GitHub iOS-Top 100 简介
GitHub排名前100的iOS第三方汇总简介,方便开发者选择适合的第三方框架. 项目名称 项目信息 1. AFNetworking 作者是 NSHipster 的博主, iOS 开发界的大神级人物, ...
- iOS 开源项目
在 Github 上 Star 太多了,有时候很难找到自己想要的开源库,所以在此记录下来.便于自己开发使用,也顺便分享给大家. 动画 awesome-ios-animation收集了iOS平台下比较主 ...
- Github上关于iOS的各种开源项目集合(强烈建议大家收藏,查看,总有一款你需要)
下拉刷新 EGOTableViewPullRefresh - 最早的下拉刷新控件. SVPullToRefresh - 下拉刷新控件. MJRefresh - 仅需一行代码就可以为UITableVie ...
随机推荐
- php error _report
[error_reporting] => Array ( [global_value] => 32767 [local_value] => 0 [access] =& ...
- CF Round #355 Div.2
http://codeforces.com/contest/677 B. Vanya and Food Processor 题意:有一个食物加工器,每次能加工不超过h高度的土豆,且每秒加工至多k高度的 ...
- linode更换Linux内核教程(独家)
Linode服务器性价比高,最低套餐2G内存,享受每月2TB流量,机房40Gb带宽,每月供需10美元(Linode优惠链接).Linode用户创建vps服务器后,可在后台自定义Linux系统版本,包括 ...
- 关于ajax跨域问题
什么是跨域 1.document.domain+iframe的设置 2.动态创建script 3.利用iframe和location.hash 4.window.name实现的跨域数据传输 5.使用H ...
- docker openvswitch网络方案
1. 测试环境 75机(10.11.150.75):Red Hat Enterprise Linux Server 7.0,无外网访问权限,已安装Docker Server 74机(10.11.150 ...
- jx problem
Entity: line 37: parser error : xmlParseEntityRef: no nameecho "xxxxxx > /dev/null 2>& ...
- Hibernate 异常 集锦
异常1.Error parsing JNDI name [foo] 异常信息摘要: org.hibernate.engine.jndi.JndiException: Error parsing JND ...
- NSLineBreakMode
typedef enum { UILineBreakModeWordWrap = 0, UILineBreakModeCharacterWrap, UILineBreakModeCl ...
- flume从kafka读取数据到hdfs中的配置
#source的名字 agent.sources = kafkaSource # channels的名字,建议按照type来命名 agent.channels = memoryChannel # si ...
- 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 ...