Masonry 轻量级布局框架的使用
iOS 提供了自动布局的方法,但是原生的方法使用太过麻烦 ,Masonry 框架提供了类似的方法,同样可以实现自动布局
,代码更加直观,而且容易理解。
Masonry 是一个轻量级的布局框架。拥有自己的描述语法,采用更优雅的链式语法封装自动布局,简洁明了并具有较高的可读性
,同时支持iOS和Mac OSX。某种意义上可以取代AutoLayout
1.Masonry配置
使用时只需要导入头文件 (Masonry.h)
2.Masonry 常用的方法
2.1Masonry 给视图添加布局条件的常用方法主要有以下三种:
1.创建新的约束条件
[view1 mas_makeConstrains:^(MASContraintMaker *make)];
2.如果之前有约束条件 ,则更新约束条件,如果没有则添加约束
[view1 mas_updateConstrains:^(MASConstrainMaker*make)];
3.将之前的约束条件全部删除 ,重新添加新的约束条件(重置约束条件)
[view1 mas_remakeContrains:^(MASContrainMaker*make)];
*说明;make代表当前视图的约束条件
2.2Masonry 的约束属性和方法
MASContraint 是一个抽象类 ,为视图提供了彼此之间的约束条件
*equalTo: 对齐
*greaterThanOrEqualTo:大于或超出
*lessThanOrEqualTo :小于或超出
priorityLow:优先级低
priorityMedium :优先级中等‘
priorityHigh ;优先级高
offset :位置偏移
sizeOffset: 大小偏移
centerOffset :中心偏移;
例如:(设置view1的位置和大小 1. 通过设置四周边界里控制位置和大小)
[view1 mas_makeContraints:^(MASContraintMaker *make){
//定制视图到四边的距离
make.top.equalTo:(self.view.mas_top).offset(20);//到顶部的距离
make.bottom.equalTo:(self.view.mas_bottom).offset(-200);//到底部的距离
make.left.equalTo:(self.view.mas_left).offset(50); //左侧的距离
make.right.equalTo:(self.view.mas_right).offset(-100);//右侧的距离
}];
设置view2 的位置和大小
[view2 mas_makeConstrains:^(MASConstraintMaker:*make){
make.left.equalTo:(self.view.mas_left).offset(100);
make.right.equalTo:(self.view.mas_right).offset(-100);
make.width.mas_equalTo(100);
make.height.mas_equalTo(200);
}];
Masonry 轻量级布局框架的使用的更多相关文章
- Masonry布局框架的使用
Masonry是一个轻量级的布局框架 拥有自己的描述语法 采用更优雅的链式语法封装自动布局 简洁明了 并具有高可读性.比我们使用自动布局,繁琐的约束条件,好用多了.下面我们来学学masonry的使用方 ...
- IOS控件布局之Masonry布局框架
前言: 回想起2013年做iOS开发的时候,那时候并没有采用手写布局代码的方式,而是采用xib文件来编写,如果使用纯代码方式是基于window的size(320,480)计算出一个相对位置进行布局,那 ...
- 2016 年 50 个最佳的轻量级 JavaScript 框架和库
作者:IT程序狮链接:https://zhuanlan.zhihu.com/p/24598210来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 回顾今年已发布的 JS ...
- 如何编写轻量级 CSS 框架
Github 地址: https://github.com/nzbin/snack Demo 演示: https://nzbin.github.io/snack/ 前言 这篇文章我已经酝酿了半年之久, ...
- 轻量级php框架phpk v1.0发布
phpk框架简介 PHPK是一个简单易用,易于扩展的轻量级PHP框架.phpk不仅仅是一个php框架,也是一个js框架,内置一套全新的js内库,完全摒弃了庞大的jquery,所有的前端都是一个全新的微 ...
- 微博轻量级RPC框架Motan
Motan 是微博技术团队研发的基于 Java 的轻量级 RPC 框架,已在微博内部大规模应用多年,每天稳定支撑微博上亿次的内部调用.Motan 基于微博的高并发和高负载场景优化,成为一套简单.易用. ...
- 轻量级ORM框架初探-Dapper与PetaPoco的基本使用
一.EntityFramework EF是传统的ORM框架,也是一个比较重量级的ORM框架.这里仍然使用EF的原因在于为了突出轻量级ORM框架的性能,所谓有对比才有更优的选择. 1.1 准备一张数据库 ...
- .NET轻量级MVC框架:Nancy入门教程(二)——Nancy和MVC的简单对比
在上一篇的.NET轻量级MVC框架:Nancy入门教程(一)——初识Nancy中,简单介绍了Nancy,并写了一个Hello,world.看到大家的评论,都在问Nancy的优势在哪里?和微软的MVC比 ...
- JustWeEngine - 轻量级游戏框架
JustWeEngine - 轻量级游戏框架 An easy open source Android game engine. Github地址 引擎核心类流程图 使用方法 引入Engine作为Lib ...
随机推荐
- Chap5: question: 29 - 31
29. 数组中出现次数超过一半的数字. 方法a. 排序取中 O(nlogn). 方法b. partition 函数分割找中位数 >=O(n). 方法c. 设计数变量,扫描一遍 ...
- php创建多级目录的两种方法
1.使用递归的思想 function mkdirs_2($path){ if(!is_dir($path)){ mkdirs_2(dirname($path)); if(!mkdir($path, 0 ...
- display:inline-block左右元素上下不对齐
今天做了两个inline-block元素,出现左右两个元素顶端出现上下不对齐的情况(下图): 解决办法: 把应用 inline-block的元素加上 vertical-align: top; .CSS ...
- mvc中Scripts.Render、Styles.Render
一.配置BundleConfig.cs文件 1.首先要在App_Start 里面BundleConfig.cs 文件里面 添加要包含的css文件 2.BundleConfig就是一个微软新加的 一个打 ...
- 3dsMax脚本插件开发之路
经过这两个月的努力,RDF2.1的升级开发已经基本完成,只待过些天正式发布.所以现在总算有时间思考,来整理一下自己的思路,以及今后的方向. 回顾当初,1.0是纯Maxscript编写的,一机一码的方式 ...
- NHibernate系列文章十五:NHibernate组件
摘要 前面文章介绍了NHibernate对简单.net数据类型的映射对照表.NHibernate也可以映射复杂数据类型,这里介绍通过组件映射NHibernate值对象. 1. NHibernate引用 ...
- TStringList TMemo Text与Add赋值的区别 Memo.Text赋值高度注意事项,不得不知的技巧。
Memo.Text赋值高度注意事项,不得不知的技巧. list := TStringList.Create; list.Text:= str: list.Count; list.Clear; l ...
- 控件的相对位置与绝对位置-UI界面编辑器(SkinStudio)教程
绝对位置: 相对位置: 相对位置配合Anchor属性使用 例如Anchor属性选择left|top(即相对位置的left和top保持不变) 窗口大小改变前: 窗口大小改变后: 可以看到控件相对位置的l ...
- SQL in与exists
无可置疑,如果in()的结果集非常庞大,那么效率必然是低的. 但EXISTS subquery根据其语法可知在SQL中的作用是:检验查询是否返回数据.如果在 Dictionary 对象中指定的关键字存 ...
- Android permission
1. users-permission Users-permission is the permission that this app should acquire, so that the app ...