美文网首页iOS DeveloperiOS 开发 iOS开发
代码约束-Masonry 框架介绍

代码约束-Masonry 框架介绍

作者: ATX | 来源:发表于2016-07-22 15:32 被阅读478次

上一篇文章写的是关于XIB与代码写界面的优缺点,现在我的界面一般都是用代码写的,然后就去学习了一下Masonry这个强大的框架。

Github 链接 github.com/SnapKit/Masonry

1什么是约束

对于一个控件也就是view来说,要确定好它的位置和大小一般需要四个条件:1垂直位置2水平位置3宽度4高度

2为什么要用Masonry

用代码写界面,系统的NSLayoutConstraints太复杂,一个简单的约束需要写很多代码。而使用Masonry后,将视图需要设置的约束条件写入block中就可以完成你的界面设计。

3安装Masonry 

github上面只介绍了用cocoapods安装的方法,cocoapods的介绍:CocoaPods的介绍、安装、使用和原理 - 简书 

4使用Mansory添加约束 

MASConstraintMaker:就是提供一些创建约束的类。

设置当前视图距离父视图的左边距离为20,可以这样写:

1 make.left.equalTo(@20); //NSObject就用equalTo

2 make.left.mas_equalTo(20;//非NSObject对象就用mas_equalTo

然后设置对其父视图的顶部位置向下偏倚30:

make.top.equalTo(@0).with.offset(30);

设置宽度和高度为200:

make.width.mas_equalTo(200);

make.height.mas_equalTo(200);

5其他快捷的设置约束的方法

1 edges 

设置当前的视图距离父视图的边距为上:5,左:10,下:15,右:20:

make.edges.equalTo(superView).insets(UIEdgeInsetsMake(5,10,15,20));

2 size 

设置当前视图的大小为200,200:

make.size.mas_equalTo(CGSizeMake(200,200));

3 center 

设置当前视图的中心与父视图的中心一样(可以写成superView.center,甚至直接写成superView):

make.center.equalTo(superView);

4 甚至还可以将约束链接起来一起设置,设置当前视图的宽度和高度与父视图一样:

make.width.and.height.equalTo(superView);

6使用Mansory更新约束 

更新的话可以一般可以配合动画一起使用,下面有关于动画和Mansory一起使用的方法:

7使用Masonry重新设计约束

重新设置以后当前的约束全部作废:

8Masonry约束加动画

相关文章

  • 代码约束-Masonry 框架介绍

    上一篇文章写的是关于XIB与代码写界面的优缺点,现在我的界面一般都是用代码写的,然后就去学习了一下Masonry这...

  • iOS Masonry常用方法

    Masonry就是为屏幕适配而生的三方框架. Masonry基础API 更新约束和布局 Masonry示例代码 常...

  • masonry设置约束后如何获取正确的frame

    纯代码实现自定义布局,我通常使用masonry框架和设置frame同时进行,然而masonry设置约束后并不能直接...

  • iOS高精仿考拉电台fm(OC)

    前言 本项目主要用了collectionView实现界面功能,MVC框架,纯代码开发,Masonry约束,coco...

  • Autolayout进阶之代码编写约束(二)

    上篇文章Autolayout进阶之代码编写约束(一)中介绍了怎么用Masonry来实现代码编写约束,这篇文章就来探...

  • 01Masory再学习

    0 介绍 要放弃frame手写代码, 改为有参照和约束的AutoLayoutMasonry 源码Masonry是一...

  • Masonry框架使用

    autolayout通过代码添加约束的方式有三种: 苹果自带的方式 VFL语言 Masonry框架 苹果自带的方式...

  • Masonry初探

    Masonry整理 Masonry是以AutoLayout为基础的轻量级布局框架更加简化了整个约束系统 Mason...

  • Masonry源码浅析

    OC 常用的约束框架是Masonry,而swift常用的是SnapKit,不过今天就只看看Masonry。 先看个...

  • Masonry纯代码约束

    现在可视化编程成为一种热流,大大的减少了我们程序开发的时间,提高了我开发的效率。但是作为一个程序员,我们不但要会新...

网友评论

    本文标题:代码约束-Masonry 框架介绍

    本文链接:https://www.haomeiwen.com/subject/eqyijttx.html