Masonry的简单使用
#import "RootViewController.h"
#import "Masonry.h"
@interface RootViewController ()
@end
@implementation RootViewController
- (void)viewDidLoad {
[super viewDidLoad];
#pragma mark label
// 添加约束,不需要这只frame
UILabel *label = [UILabel new];
label.backgroundColor = [UIColor redColor];
// 添加父视图,视图添加完成之后才能进行布局
[self.view addSubview:label];
// 布局,实现布局方法
[label mas_makeConstraints:^(MASConstraintMaker *make) {
// 距离上面50
// make:相当于你要布局的视图,equalTo(参照视图的对象),如果参照视图是self.view,可以不设置参照视图的属性(就是top)
make.top.offset();
// 距离左边100;
make.left.offset();
// 距离右边100
make.right.equalTo(self.view).offset(-);
// 距离下面500
make.bottom.equalTo(self.view).offset(-);
}];
#pragma mark label1
UILabel *label1 = [UILabel new];
label1.backgroundColor = [UIColor greenColor];
[self.view addSubview:label1];
// 布局label1
// 先布局参照视图,否则约束容易丢失
[label1 mas_makeConstraints:^(MASConstraintMaker *make) {
//和label左边一致
// equalTo(自定义视图),需要设置视图的属性
// 如果是数值为0可以不写offset()
make.leading.equalTo(label.mas_leading);
//和label右边一致
make.trailing.equalTo(label.mas_trailing);
//上边距离label50
make.top.equalTo(label.mas_bottom).offset();
// 高度60
// mas_equalTo(数值)
make.height.mas_equalTo();
}];
#pragma mark label2
UILabel *label2 = [UILabel new];
label2.backgroundColor = [UIColor cyanColor];
[self.view addSubview:label2];
// 设置距离参照视图的内边距(上左下右)
UIEdgeInsets padding = UIEdgeInsetsMake(, , , );
[label2 mas_makeConstraints:^(MASConstraintMaker *make) {
// make.top.equalTo(self.view).offset(400);
// make.left.equalTo(self.view).offset(100);
// make.right.equalTo(self.view).offset(-100);
// make.bottom.equalTo(self.view).offset(-100);
// 设置约束视图的边界距离self.view边界值
make.edges.equalTo(self.view).insets(padding);
}];
#pragma mark label3
UILabel *label3 = [UILabel new];
label3.backgroundColor = [UIColor orangeColor];
[self.view addSubview:label3];
[label3 mas_makeConstraints:^(MASConstraintMaker *make) {
// 设置中心点一致
make.center.equalTo(label2);
// 设置大小
// make.width = label2.width - 40
// make.height = label2.height - 60
make.size.equalTo(label2).sizeOffset(CGSizeMake(-, -));
}];
}
Masonry的简单使用的更多相关文章
- Masonry的简单使用(一)
Masonry的简单使用(一) 一.新建工程 二.导入Masonry,可从我的GitHub上获取"Masonry":https://github.com/sycFuture/Mas ...
- iOS开发 Masonry的简单使用
首先,在正式使用Masonry之前,我们先来看看在xib中我们是如何使用AutoLayout 从图中我们可以看出,只要设置相应得局限,控制好父视图与子视图之间的关系就应该很ok的拖出你需要的需 ...
- 第三方框架-纯代码布局:Masonry的简单使用
Masonry是一个对系统NSLayoutConstraint进行封装的第三方自动布局框架,采用链式编程的方式提供给开发者API.系统AutoLayout支持的操作,Masonry都支持,相比系统AP ...
- SDAutoLayout:比masonry更简单易用的自动布局库
SDAutoLayout:一行代码搞定自动布局!支持Cell和Tableview高度自适应,Label和ScrollView内容自适应,致力于做最简单易用的AutoLayout库. [SDAutoLa ...
- Coding源码学习第四部分(Masonry介绍与使用(三))
接上篇继续进行Masonry 的学习. (12)tableViewCell 布局 #import "TableViewController.h" #import "Tes ...
- 自动布局库--Masonry使用
参考资料(戳这里): > Masonry官网 > Masonry介绍与使用实践(快速上手Autolayout) > iOS 开发实践之 Auto Layout > Ma ...
- iOS 资源大全
这是个精心编排的列表,它包含了优秀的 iOS 框架.库.教程.XCode 插件.组件等等. 这个列表分为以下几个部分:框架( Frameworks ).组件( Components ).测试( Tes ...
- IOS中文版资源库
Swift 语言写成的项目会被标记为 ★ ,AppleWatch 的项目则会被标记为 ▲. [转自]https://github.com/jobbole/awesome-ios-cn#librari ...
- 墙裂推荐 iOS 资源大全
这是个精心编排的列表,它包含了优秀的 iOS 框架.库.教程.XCode 插件.组件等等. 这个列表分为以下几个部分:框架( Frameworks ).组件( Components ).测试( Tes ...
随机推荐
- Linux挂在ntfs格式的U盘
工作中遇到linux系统 Red Hat Enterprise5.7 挂载希捷ntfs格式移动硬盘,会跳出一个ERROR提示框:The volume ‘EAGET-NQH’user the ntfs ...
- (简单) FZU 2150 Fire Game ,Floyd。
Problem Description Fat brother and Maze are playing a kind of special (hentai) game on an N*M board ...
- shell字符串操作之cut---实现字符串截取
shell中(字符串截取) cut是以每一行为一个处理对象的,这种机制和sed是一样的.(关于sed的入门文章将在近期发布) 2 cut一般以什么为依据呢? 也就是说,我怎么告诉cut我想定位到的剪切 ...
- html5 js控制音乐播放
<!DOCTYPE HTML><html><head><meta charset="UTF-8"><script lang ...
- 学习vi(1)
原文地址:http://www.gentoo.org/doc/zh_cn/vi-guide.xml#doc_chap2 1. 新手上路 介绍 本教程将会向你展示如何使用vi──一个强大的可视化编辑器 ...
- IO的五种模型
为了区分IO的五种模型,下面先来看看同步与异步.阻塞与非阻塞的概念差别. 同步:所谓同步,就是在发出一个功能调用时,在没有得到结果之前,该调用就不返回.按照这个定义,其实绝大多数函数都是同步调用(例如 ...
- 关于Java通过JNI调用C 动态链接库(DLL)
JNI介绍 用JNI实现Java和C语言的数据传递 JNI原理分析和详细步骤截图说明 jni的JNIEnv指针和jobject指针 JNI实现回调| JNI调用JAVA函数|参数和返回值的格式 Jni ...
- “&”详解
1.引用 引用就是某一变量(目标)的一个别名,对引用的操作与对变量直接操作完全一样. &作为引用的时候,必须在定义时候就进行初始化,若不进行初始化则会编译报错. 2.取地址 &作为取地 ...
- listview 去掉header和footer中的分割线
在listView中加上android:headerDividersEnabled="false" android:footerDividersEnabled="fals ...
- java 位操作的总结
2014-05-07 17:14 今天工作上需要一个Byte的低5位,高3位.所以查询了资料.总结下如何实现 百度到一个资料: 介绍的很详细 基础知识: http://www.blogjava.net ...