stevia别具一格的约束库

最新推荐文章于 2024-10-03 06:17:36 发布

weixin_33843947

最新推荐文章于 2024-10-03 06:17:36 发布

阅读量327

点赞数

文章标签： swift

原文链接：https://juejin.im/post/5ab22bb25188257bf550f2c5

版权

源码结构

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(""),表示不进行任何操作提供了一个自上而下的线性布局