Snapkit

SnapKit是专门为Swift语言提供AutoLayout布局使用的,特点为语法简洁易用。

        let subview = UIView()
subview.backgroundColor = UIColor.redColor()
view.addSubview(subview) subview.snp_makeConstraints { (make) in
// subview距离父试图的上下左右边距各为20.0
make.top.equalTo(view).offset(20.0)
make.left.equalTo(view).offset(20.0)
make.right.equalTo(view).offset(-20.0)
make.bottom.equalTo(view).offset(-20.0)
}

也可以这样写:

        let subview = UIView()
subview.backgroundColor = UIColor.redColor()
view.addSubview(subview) subview.snp_makeConstraints { (make) in
// subview距离父试图的上下左右边距各为20.0
make.edges.equalTo(view).inset(UIEdgeInsetsMake(20, 20, 20, 20))
}

SnapKit不止局限于等于:

  • .equalTo:等于。
  • .lessThanOrEqualTo:小于等于。
  • .greaterThanOrEqualTo:大于等于。

视图属性:

  • view.snp_left NSLayoutAttribute.Left:左
  • view.snp_right NSLayoutAttribute.Right:右
  • view.snp_top NSLayoutAttribute.Top:上
  • view.snp_bottom NSLayoutAttribute.Bottom:下
  • view.snp_leading NSLayoutAttribute.Leading:开始
  • view.snp_trailing NSLayoutAttribute.Trailing:结束
  • view.snp_width NSLayoutAttribute.Width:宽度
  • view.snp_height NSLayoutAttribute.Height:高度
  • view.snp_centerX NSLayoutAttribute.CenterX:中心点X
  • view.snp_centerY NSLayoutAttribute.CenterY:中心点Y
  • view.snp_baseline NSLayoutAttribute.Baseline:基线

以下两种写法等效:

make.left.lessThanOrEqualTo(view)
make.left.lessThanOrEqualTo(view.snp_left)

自动布局允许将宽度和高度属性设置为常量值。如果你想对视图设置一个最小和最大宽度,你必须先给他一个初始的平等块:

// 大于等于200 小于等于400
make.width.greaterThanOrEqualTo(200.0)
make.width.lessThanOrEqualTo(400.0)
// 设置为常量
make.width.equalTo(300.0)

优先级:

  • .priority:允许指定一个确切的优先级
  • .priorityHigh:最高优先级
  • .priorityMedium:一般优先级
  • .priorityLow:最低优先级

一般优先级都是在链式的最后:

make.left.lessThanOrEqualTo(view.snp_left).priorityLow()
make.top.equalTo(view).offset(44.0).priority(600)

edges(边缘):

            // subview的上下左右 等同于view
make.edges.equalTo(view) // 下面代码等同于
// top = view.top + 10; left = view.left + 5;
// bottom = view.bottom - 15; right = view.bottom - 20;
make.edges.equalTo(view).inset(UIEdgeInsetsMake(10, 5, 15, 20))

size(尺寸):

            // subview的尺寸小于等于view
make.size.lessThanOrEqualTo(view)
// 以下代码等同于 width = view.width - 100; height = view.height - 50
make.size.equalTo(view).offset(CGSizeMake(-100, -50))

center(中心点):

            // subview的中心点等于view
make.center.equalTo(view)
// 以下代码等同于 center.x = view.center.x - 20; center.y = view.center.y + 30
make.center.equalTo(view).offset(CGPointMake(-20, 30))

串行:

            make.top.right.left.equalTo(view)
make.bottom.equalTo(view).offset(-20)

约束操作:

有时候你需要修改已经存在的约束为了移动或者移除、代替约束。在SnapKit 有一些不同的方法更新约束,你可以通过将约束的结果赋值给一个局部变量或一个类属性来保持一个特定的约束的引用。您还可以将多个约束引用存储在数组中。

// 声明属性
var topContraints: Constraint? // 设置约束 并赋值
subview.snp_makeConstraints { (make) in
topContraints = make.top.equalTo(view).offset(20).constraint
make.bottom.left.right.equalTo(view)
} // 对约束操作
override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {
topContraints?.updateOffset(64)
}

Contraints有多种方法,有卸载,装载,更新等 具体可进入文件内观看。

更新Contraints:

    override func updateViewConstraints() {
super.updateViewConstraints()
// 当更新一个视图的约束时 可以使用updateContraints 而不是 makeContraints
subview.snp_updateConstraints { (make) in
make.edges.equalTo(view).inset(UIEdgeInsetsMake(20, 20, 20, 20))
}
}

其次是remakeContraints,它的做法是:删除之前SnapKit做的约束后再设置新的约束。

Swift -- SnapKit的更多相关文章

  1. Awesome Swift

    Awesome Swift https://github.com/matteocrippa/awesome-swift A collaborative list of awesome Swift re ...

  2. swift约束框架SnapKit使用

    一.Swift - 自动布局库SnapKit的使用详解1(配置.使用方法.样例)   为了适应各种屏幕尺寸,iOS 6后引入了自动布局(Auto Layout)的概念,通过使用各种 Constrain ...

  3. Swift中的Masonry第三方库——SnapKit

    在OC开发时我常用一个名叫Masonry的第三方Autolayout库,在转Swift后发现虽然Swift可以混编OC,但总感觉有些麻烦,在Github上发现了这个叫做SnapKit的第三方库,发现使 ...

  4. Swift 自动布局框架-SnapKit

    官方网址:http://snapkit.io/ Github: https://github.com/SnapKit/SnapKit SnapKit is a DSL to make Auto Lay ...

  5. Swift中的Masonry第三方库——SnapKit

        在OC开发时我常用一个名叫Masonry的第三方Autolayout库,在转Swift后发现虽然Swift可以混编OC,但总感觉有些麻烦,在Github上发现了这个叫做SnapKit的第三方库 ...

  6. swift学习 - tableView自适应高度2(SnapKit Layout)

    SnapKit是Swift中自动布局的框架,相当于Objective-C中的Masonry 下面是tableView自定义cell,使用SnapKit布局的效果图: 详细代码如下: TYCustomC ...

  7. iOS SnapKit自动布局使用详解(Swift版Masonry)

    对于自动布局: 我们在 StoryBoard 中可以使用约束实现,简单明了,但如果用纯代码来设置约束就很麻烦了 OC里面,我们常用的有Masonry,SDAutoLayout Swift里,我们有Sn ...

  8. swift 约束 - SnapKit 适配iPhoneX 安全区 和苹果自带的VFL ,auto layout 安全区适配

    这里tableview 是从最顶上的安全区适配的, nextBtn是最下边从安全区设置的,如果是在中间的view还是原来的写法,看2 1.安全区适配适用于Vc里面, 如果是自定义的view或封装的vi ...

  9. SnapKit swift实现高度自适应的新浪微博布局

    SnapKit swift版的自动布局框架,第一次使用感觉还不错. SnapKit是一个优秀的第三方自适应布局库,它可以让iOS.OS X应用更简单地实现自动布局(Auto Layout).GtiHu ...

随机推荐

  1. android103 内容观察者

    #内容观察者 * 通过内容提供者可以访问到数据库,当数据库数据改变时,内容提供者会发出通知,在内容提供者的uri上注册一个内容观察者,就可以收到数据改变的通知,类似于广播接受者,但是他不是广播. cr ...

  2. android99 拍照摄像

    package com.itheima.camera; import java.io.File; import android.net.Uri; import android.os.Bundle; i ...

  3. mysql导出部分(指定)数据库表字段

      需要导出某个表中的部分字段信息 之前导出数据库表一直使用mysqldump命令,例如: mysqldump -hIP -uroot -P3306 -p 库 表 > 名字.sql 但是如果导出 ...

  4. LoC

    对于图片.Flash等非文本文件统计文件数量.文件大小: 对于文本文件统计文件数量.文本行数.字符数:

  5. cocos2d-x 开发中的小问题 在xcode4环境下

    转自:http://hi.baidu.com/baby_66_/item/302353174f19521cd0d66df2 1.如果你在想怎么去搞定程序的开始运行的背景一闪而过的大图 以及icon想换 ...

  6. mongo数据管理java简易版

    mongo是搭建在局域网服务器上的,处理起来比较麻烦,于是自己写了个简单的处理工具. 如果有对java操作mongo不太了解的也可以在这里看下简单的示例. 只有增删改查的功能,而且只支持json格式的 ...

  7. Android_SeekBarAndProgressBar

    xml文件: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:t ...

  8. pthread

    pthread是UNIX操作系统中创建和控制线程的一系列API,通过了解这些API,可以更加清晰的理解线程究竟是什么. 调用pthread的API首先要包含<pthread.h>这一头文件 ...

  9. 异步任务(AsyncTask)

    Android的UI线程主要负责处理用户的按键事件.用户触屏事件及屏幕绘图事件等,因此开发者的其他操作不应该.也不能阻塞UI线程,否则UI界面将会变得停止响应——用户感觉非常糟糕.(总之,开发者需要牢 ...

  10. 20160405javaweb之jdbc

    一.数据库驱动的概念.JDBC 数据库厂商提供的用来操作数据库用的jar包就是数据库驱动.各个厂商如果提供各自的数据库驱动的话会导致开发人员学习成本太高,所以sun公司提供了一套数据库驱动应该遵循的接 ...