源码结构
1 约束条件的封装 2 样式的封装 3 控件常用方法的封装
整体思路
1 每个方法都都将加入的新的view添加到当前的数组中然后返回,最后结果就是方法会返回涉及到的全部views 2 对操作符进行了大量的自定义简化了操作
约束条件封装
Stevia+Alignment.swift
Horizontally 横向居中对齐 Vertically 竖向居中对齐 Center 中心对齐 有offset方法表示进行偏移 基类方法为以下三个方法:
func align(_ axis: UILayoutConstraintAxis, views: [UIView])func align(_ axis: UILayoutConstraintAxis, v1: UIView, with v2: UIView, offset: CGFloat)func align(_ attribute: NSLayoutAttribute, views: [UIView]) -> [UIView]复制代码
约束属性枚举: UILayoutConstraintAxis: 描述两个的横竖向关系 .horizontal, .vertical NSLayoutAttribute: 描述对象的约束值 所有方法都调用constraint方法添加约束
Stevia+Equation.swift
主要涉及操作符重置,通过操作符重置来设置约束 button.CenterY == avatar.Bottom - 4 label.Width <= button.Width * 3 label.Height == (button.Width / 7) + 3 button.Left >= image.Right - 20 image.Height >= 100 view.Top == 10 以上的所有操作符都已经重载,看的出非常方便,也比较直观 返回值都是NSLayoutConstraint,可以设置权重
(label.Width == button.Width * 3).priority = 1000 // Making this a required constraint.复制代码
Stevia+Operators.swift
主要定义控件从左到右添加约束的方法 1 具体父类边缘的具体 2 View之间距离 SideConstraint结构体,表示和父类的边缘的距离 PartialConstraint结构体,表示局部的约束
Stevia+FlexibleMargin.swift
主要处理间距是>=, <=的情况 SteviaFlexibleMargin结构体: 封装数组和NSLayoutRelation(lessThanOrEqual, greaterThanOrEqual) PartialFlexibleConstraint结构体: 封装 SteviaFlexibleMargin 和 view
Stevia+Style.swift
样式设置语法糖
button.style { b in b.A = X b.B = Y b.C = Z } button.style(buttonStyle) // later func buttonStyle(b: UIButton) { ..styling code }复制代码 Stevia+Hierarchy.swift
添加到subview下
Stevia+Stacks.swift
核心类 完成控件自上到下布局
layout( 100, |-email-| ~ 80, 8, |-password-forgot-| ~ 80, >=20, |login| ~ 80, 0)复制代码
主要方法stackV(_ objects: [Any]) -> [UIView] 如果是CGFloat就保存到previousMargin中下次使用,是>=20就保存到previousFlexibleMargin下次使用,每行最后会返回一个View或者[UIView],取出第一个添加top和bottom约束,如果是String(""),表示不进行任何操作 提供了一个自上而下的线性布局