美文网首页做一个默默无私奉献的程序猿
Masonry布局框架简单的介绍和使用。

Masonry布局框架简单的介绍和使用。

作者: 长风留言 | 来源:发表于2016-11-18 08:42 被阅读23次

    Masonry(自动布局)的基本使用

    Masonry的基本介绍

    在iOS开发中,为了满足开发者对苹果手机屏幕进行一个适配,苹果原生的也有自动布局去做到适应屏幕的一个适配,但是写的代码量特别的多,比较复杂,所以iOS开发者就对其进行了一个封装,那么今天就简单的介绍一下Masonry,Masonry是一个轻量级的布局框架 拥有自己的描述语法 采用更优雅的链式语法封装自动布局 简洁明了 并具有高可读性 而且同时支持 iOS 和 Max OS X。 Masonry是一个用代码写iOS或os界面的库,可以代替Auto layout。 Masonry的github地址:https://github.com/SnapKit/Masonry

    Masonry的基本使用

    1.使用Masonry时需要了解一下几点

    a.语法一般是 make.equalTo or make.greaterThanOrEqualTo or make.lessThanOrEqualTo + 倍数和位移修正。

    b.mas_makeConstraints 是给view添加约束,约束有几种,分别是边距,宽,高,左上右下距离,基准线。添加过约束后可以有修正,修正 有offset(位移)修正和multipliedBy(倍率)修正。

    c.使用 mas_makeConstraints方法的元素必须事先添加到父元素的中,例如[self.view addSubview:view]。

    d.mas_equalTo 和 equalTo 区别:mas_equalTo 比equalTo多了类型转换操作,一般来说,大多数时候两个方法都是 通用的,但是对于数值元素使用mas_equalTo。对于对象或是多个属性的处理,使用equalTo。特别是多个属性时,必须使用equalTo,例如 make.left.and.right.equalTo(self.view).

    e.注意到方法with和and,这连个方法其实没有做任何操作,方法只是返回对象本身,这这个方法的左右完全是为了方法写的时候的可读性 。make.left.and.right.equalTo(self.view);和make.left.right.equalTo(self.view);是完全一样的,但是明显的加了and方法的语句可读性 更好点。

    2.Masonry的实际开发运用(代码)

    a:实现一个试图的中心的为屏幕的中心,高度和宽度为400.

    示例代码

    b:实现一个试图距离上左下右的距离都是10

    示例代码

    c:实现两个试图高度为150的试图垂直居中并且等宽等间距的排列,margin的大小为10.

    示例代码

    以上是今天更新的,后面还会完善更多关于Masonry框架的解读和用法。

    相关文章

      网友评论

      • 舒马赫:Masory写的很棒,但是不喜欢纯代码写界面,太慢了,另外由于autolayout先天原因布局速度是比较慢的,会影响帧率。推荐使用xml的布局库FlexLib,采用前端布局标准flexbox(不使用autolayout),支持热刷新,自动计算高度等。可以到这里了解详细信息:

        https://github.com/zhenglibao/FlexLib

      本文标题:Masonry布局框架简单的介绍和使用。

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