Swift -- SnapKit
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的更多相关文章
- Awesome Swift
Awesome Swift https://github.com/matteocrippa/awesome-swift A collaborative list of awesome Swift re ...
- swift约束框架SnapKit使用
一.Swift - 自动布局库SnapKit的使用详解1(配置.使用方法.样例) 为了适应各种屏幕尺寸,iOS 6后引入了自动布局(Auto Layout)的概念,通过使用各种 Constrain ...
- Swift中的Masonry第三方库——SnapKit
在OC开发时我常用一个名叫Masonry的第三方Autolayout库,在转Swift后发现虽然Swift可以混编OC,但总感觉有些麻烦,在Github上发现了这个叫做SnapKit的第三方库,发现使 ...
- Swift 自动布局框架-SnapKit
官方网址:http://snapkit.io/ Github: https://github.com/SnapKit/SnapKit SnapKit is a DSL to make Auto Lay ...
- Swift中的Masonry第三方库——SnapKit
在OC开发时我常用一个名叫Masonry的第三方Autolayout库,在转Swift后发现虽然Swift可以混编OC,但总感觉有些麻烦,在Github上发现了这个叫做SnapKit的第三方库 ...
- swift学习 - tableView自适应高度2(SnapKit Layout)
SnapKit是Swift中自动布局的框架,相当于Objective-C中的Masonry 下面是tableView自定义cell,使用SnapKit布局的效果图: 详细代码如下: TYCustomC ...
- iOS SnapKit自动布局使用详解(Swift版Masonry)
对于自动布局: 我们在 StoryBoard 中可以使用约束实现,简单明了,但如果用纯代码来设置约束就很麻烦了 OC里面,我们常用的有Masonry,SDAutoLayout Swift里,我们有Sn ...
- swift 约束 - SnapKit 适配iPhoneX 安全区 和苹果自带的VFL ,auto layout 安全区适配
这里tableview 是从最顶上的安全区适配的, nextBtn是最下边从安全区设置的,如果是在中间的view还是原来的写法,看2 1.安全区适配适用于Vc里面, 如果是自定义的view或封装的vi ...
- SnapKit swift实现高度自适应的新浪微博布局
SnapKit swift版的自动布局框架,第一次使用感觉还不错. SnapKit是一个优秀的第三方自适应布局库,它可以让iOS.OS X应用更简单地实现自动布局(Auto Layout).GtiHu ...
随机推荐
- iOS 数组越界 Crash加工经验
我们先来看看有可能会出现的数组越界Crash的地方. - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSInd ...
- [置顶] 第一天初试linux
1).unix linix macos android 的区别 Unix是要收费的,而linix是一种开源免费的unix ,macos 和andorid又是linux的一种,macos闭源,仅仅是 ...
- Java对象与Json之间的转换
使用Jackson的ObjectMapper对象的readValue和writeValueAsString方法可以进行转换. 对于简单基本类型或String类型的对象,使用上述方法可以满足. 但是如果 ...
- php生成验证码图片
0:效果图 1:index.php用来生成验证码图片 <?php session_start(); header ('Content-Type: image/png'); $image=imag ...
- postgresql 行转列,列转行后加入到一个整体数据
这里行转列的基本思想就是使用max,因为其他列下面都是NULL,所以可以Max最后就只能得到有值的这行 普通的查询: SELECT icd , case when (ROW_NUMBER() OVER ...
- Linux操作系统安装Nvidia显卡驱动
一直以来,Linux分支系统使用过程中都有驱动适配麻烦,完全适配的驱动也不多.对于Nvidia显卡而言,一般Linux各分支操作系统虽然提供了N卡开源驱动工程Nouveau,但是性能上还是有待提高.下 ...
- Android TabHost的使用
标签显示界面的主要特点是可以在一个窗口中显示多组标签栏的类容. 在Android系统中,每个标签栏称为一个Tab,而包含多个标签栏的内容就称为TabHost. 通过TabHost的继承结构来看,Tab ...
- OC加强-day03
#program mark - 0_18 分类的使用注意 [掌握] 1.分类的作用 作用:讲一个类分为多个模块,将相似功能的方法写在同一个模块中,方便我们后面代码的维护 "强调 1.分类中只 ...
- javaee学习-JSP指令简介
JSP指令(directive)是为JSP引擎而设计的,它们并不直接产生任何可见输出,而只是告诉引擎如何处理JSP页面中的其余部分. 在JSP 2.0规范中共定义了三个指令: page指令 Inclu ...
- Gradle教程之任务管理
简要概述依赖管理 不算完美的依赖管理技术 自动管理依赖的重要性 自动依赖管理面临的挑战 声明依赖 外部模块依赖 文件依赖 配置远程仓库 这一章我将介绍Gradle对依赖管理的强大支持,学习依赖分组和定 ...