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 轻量级布局框架的使用的更多相关文章

  1. Masonry布局框架的使用

    Masonry是一个轻量级的布局框架 拥有自己的描述语法 采用更优雅的链式语法封装自动布局 简洁明了 并具有高可读性.比我们使用自动布局,繁琐的约束条件,好用多了.下面我们来学学masonry的使用方 ...

  2. IOS控件布局之Masonry布局框架

    前言: 回想起2013年做iOS开发的时候,那时候并没有采用手写布局代码的方式,而是采用xib文件来编写,如果使用纯代码方式是基于window的size(320,480)计算出一个相对位置进行布局,那 ...

  3. 2016 年 50 个最佳的轻量级 JavaScript 框架和库

    作者:IT程序狮链接:https://zhuanlan.zhihu.com/p/24598210来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 回顾今年已发布的 JS ...

  4. 如何编写轻量级 CSS 框架

    Github 地址: https://github.com/nzbin/snack Demo 演示: https://nzbin.github.io/snack/ 前言 这篇文章我已经酝酿了半年之久, ...

  5. 轻量级php框架phpk v1.0发布

    phpk框架简介 PHPK是一个简单易用,易于扩展的轻量级PHP框架.phpk不仅仅是一个php框架,也是一个js框架,内置一套全新的js内库,完全摒弃了庞大的jquery,所有的前端都是一个全新的微 ...

  6. 微博轻量级RPC框架Motan

    Motan 是微博技术团队研发的基于 Java 的轻量级 RPC 框架,已在微博内部大规模应用多年,每天稳定支撑微博上亿次的内部调用.Motan 基于微博的高并发和高负载场景优化,成为一套简单.易用. ...

  7. 轻量级ORM框架初探-Dapper与PetaPoco的基本使用

    一.EntityFramework EF是传统的ORM框架,也是一个比较重量级的ORM框架.这里仍然使用EF的原因在于为了突出轻量级ORM框架的性能,所谓有对比才有更优的选择. 1.1 准备一张数据库 ...

  8. .NET轻量级MVC框架:Nancy入门教程(二)——Nancy和MVC的简单对比

    在上一篇的.NET轻量级MVC框架:Nancy入门教程(一)——初识Nancy中,简单介绍了Nancy,并写了一个Hello,world.看到大家的评论,都在问Nancy的优势在哪里?和微软的MVC比 ...

  9. JustWeEngine - 轻量级游戏框架

    JustWeEngine - 轻量级游戏框架 An easy open source Android game engine. Github地址 引擎核心类流程图 使用方法 引入Engine作为Lib ...

随机推荐

  1. AIR call dll

    commandproxy C#通讯 https://code.google.com/p/commandproxy smartrcp Java And Flex Application http://s ...

  2. NGUI之UIPanel

    原文:http://www.tasharen.com/forum/index.php?topic=6705.0 概述 UIPanel用来收集和管理它下面所有widget的组件.通过widget的geo ...

  3. 5.Integer to Roman && Roman to Integer

    Roman chart: http://literacy.kent.edu/Minigrants/Cinci/romanchart.htm Integer to Roman Given an inte ...

  4. 11. Evaluate Reverse Polish Notation

    Evaluate the value of an arithmetic expression in Reverse Polish Notation. Valid operators are +, -, ...

  5. node socket.io web

    soket.io & web http://socket.io/get-started/chat/ 新建一個文件夾 soketWeb ; 在sokertWeb 文件夾內新建一個 package ...

  6. Flume NG简介及配置

    Flume下载地址:http://apache.fayea.com/flume/ 常用的分布式日志收集系统: Apache Flume. Facebook Scribe. Apache Chukwa ...

  7. 关于启用 HTTPS 的一些经验分享

    https://imququ.com/post/sth-about-switch-to-https.html 随着国内网络环境的持续恶化,各种篡改和劫持层出不穷,越来越多的网站选择了全站 HTTPS. ...

  8. 手把手教你编写一个具有基本功能的shell(已开源)

    刚接触Linux时,对shell总有种神秘感:在对shell的工作原理有所了解之后,便尝试着动手写一个shell.下面是一个从最简单的情况开始,一步步完成一个模拟的shell(我命名之为wshell) ...

  9. nginx环境下配置nagios-关于perl-fcgi.pl

    配置文件如下: 请注意,网上提供的官方文档在运行时可能会出现问题,此文中保证无问题. ; ; ; ;  ); ;  ); ; ;          my $pidnumber = $$;        ...

  10. Spring 4集成 Quartz2(转)

    本文将演示如何通过 Spring 使用 Quartz Scheduler 进行任务调度.Spring 为简化 Quartz 的操作提供了相关支持类.本文示例使用的相关工具如下: Spring 4.2. ...