Masonry

原创 2015年11月17日 19:31:59
#import "ViewController.h"
#import <Masonry.h>
@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
     [super viewDidLoad]; 
#if 0
     // 创建一个view
     UIView *view = [UIView new];
     // 给view背景颜色
     view.backgroundColor = [UIcolor yellowColor];
     // 将view贴到上级视图上
     [self.view addSubview:view];
     // 300x300 居中显示的矩形
     [view mas_makeConstraints:^(MASConstraintMaker *make) {
        // 设置中心
        make.center.equalTo(self.view);
        // 设置大小
        make.size.mas_equalTo(CGSizeMake(300, 300));
     }];
     // 1. make方法只会负责增加新的约束,但是不能同时出现两条针对同一对象的约束,否则会报错
     // 2. update方法针对上面的情况,会更新约束,以确保不会出现两条相同的约束
     // 3. remake方法会清除之前所有约束,并重新创建一次
#endif

#if 0
     // 创建一个view 略小于上级视图
     UIView *view1 = [UIView new];
     view1.backgroundColor = [UIColor yellowColor];
     // 一定要先将view贴到上级视图上再创建约束,否则会报错
     [self.view addSubview:view1];
     // 偏移量15
     [view1 mas_makeConstraints:^(MASConstraintMaker *make){
//      make.top.equalTo(self.view.mas_top).with.offset(15);
//      make.left.equalTo(self.view).with.offset(15);
//      make.bottom.equalTo(self.view).with.offset(-15);
//      make.right.equalTo(self.view).with.offset(-15);   

//        make.top.and.left.and.bottom.and.right.equalTo(self.view).insets(UIEdgeInsetsMake(15, 15, 15, 15));       
     }];
       make.edges.equalTo(self.view).with.insets(UIEdgeInsetsMake(15, 15, 15, 15));
#endif

//   两个高度为150的view 居中并且等宽,等间距,宽度自动计算
    UIView *view1 = [UIView new];
    view1.backgroundColor = [UIColor redColor];
    [self.view addSubview:view1];

    UIView *view2 = [UIView new];
    view2.backgroundColor = [UIColor blueColor];
    [self.view addSubview:view2];

 [view1 mas_makeConstraints:^(MASConstraintMaker *make) {
        // 设置对称轴,与上级视图的对称轴相同
        make.centerY.equalTo(self.view.mas_centerY);
        make.left.equalTo(self.view).with.offset(15);
        // 因为view1的右侧,是相对于view2的左侧而言,所以,这里要给view2加上mas_left这个属性
        make.right.equalTo(view2.mas_left).with.offset(-15);
        make.height.mas_equalTo(150);
        make.width.equalTo(view2);
    }];

    [view2 mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerY.equalTo(self.view.mas_centerY);
        make.left.equalTo(view1.mas_right).with.offset(15);
        make.right.equalTo(self.view).with.offset(-15);
        make.height.equalTo(view1);
        make.width.equalTo(view1);
    }];
}

AutoLayout框架Masonry使用心得--推酷

我们组分享会上分享了页面布局的一些写法,中途提到了AutoLayout,会后我决定将很久前挖的一个坑给填起来(还有好多坑就不说了,说了不填更毁形象了)。 可使用的框架首推Masonry,关于为啥...
  • u012338816
  • u012338816
  • 2016年04月12日 15:19
  • 1110

Masonry简单动画效果的实现-新

iOS开发在frame定位的时代,如果要想实现简单的移动动画,只需在下面这个方法的block里重写frame就可以实现 [UIView animateWithDuration:0.5 animatio...
  • w_shuiping
  • w_shuiping
  • 2015年06月24日 15:19
  • 10102

基于cocoapods安装Masonry框架

CocoaPods是一个用来帮助我们管理第三方依赖库的工具。它可以解决库与库之间的依赖关系,下载库的源代码,同时通过创建一个Xcode的workspace来将这些第三方整合到一起,方便调用...
  • zkh90644
  • zkh90644
  • 2016年04月01日 20:40
  • 1541

PureLayout和Masonry的比较以及对Masonry的扩展

文章来自 : http://bibibi.me/MasonryHelper/ 苹果的Autolayout是做适配的好东西,但是api比较难以使用,幸好还有一些优秀的第三方库帮...
  • zhaojian3513012
  • zhaojian3513012
  • 2015年08月05日 21:24
  • 2468

Masonry的基本使用方法

项目中需要使用到masonry进行适配,简单记录一下学习中的问题。 使用masonry首先需要导入masonry,masonry github地址如下:masonry下载地址:Swift 版:htt...
  • zww1984774346
  • zww1984774346
  • 2016年06月06日 14:59
  • 763

Masonry 框架的使用

Masonry 框架 目标 理解 Masonry 框架的基本使用差不多是使用最为广泛的自动布局框架下载地址:https://github.com/SnapKit/Masonry掌握 Mason...
  • dragongd
  • dragongd
  • 2017年03月11日 22:24
  • 636

Masonry使用-如何约束宽高比

打开Masonry的源代码,可以发现两个属性 /* /**  * Sets the NSLayoutConstraint multiplier property  *...
  • Le_Wrynn
  • Le_Wrynn
  • 2016年06月08日 12:19
  • 14934

【iOS】Masonry使用案例讲解

【iOS】Masonry使用案例讲解  Saitjr  四月 29, 2015  Ios  18 Comments 如果说自动布局解救了多屏幕适配,那众多三方库的出现就解救了系统自动布局的...
  • qq_29307685
  • qq_29307685
  • 2016年07月27日 14:49
  • 1229

GitHub Masonry 说明文档翻译

Masonry是一个强大、简洁的基于NSLayoutContraints的自动布局框架,使用可链接的表达语法。支持iOS和OS X自动布局。 Masonry Masonry一直在积极维护,我们致力...
  • taixuanzhenren
  • taixuanzhenren
  • 2015年11月13日 16:25
  • 1145

Masonry 使用复习总结

title: Masonry 使用复习总结 date: 2015-08-23 11:07:53 categories: IOS tags: Masonry 小小程序猿 我的博客:http://da...
  • coolwxb
  • coolwxb
  • 2016年03月05日 10:24
  • 1208
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Masonry
举报原因:
原因补充:

(最多只允许输入30个字)