iOS 的 snapKit 布局简单技巧,leading = centerX

场景一:

视图内两个控件,分别居中。

就是把视图左右切两半,两个控件,各自分别居中。

iOS 的 snapKit 布局简单技巧,leading = centerX_第1张图片

one.snp.makeConstraints { (m) in
      m.centerX.equalTo(view.snp.centerX).multipliedBy(0.5)
      m.centerY.equalToSuperview()
 }
 
 two.snp.makeConstraints { (m) in
       m.centerX.equalTo(view.snp.centerX).multipliedBy(1.5)
       m.centerY.equalToSuperview()
 }

需要简单的数学计算

场景 2:

视图内 3 个控件,分别居中。

就是把视图左中右切 3 等分,3 个控件,各自分别居中。

iOS 的 snapKit 布局简单技巧,leading = centerX_第2张图片

one.snp.makeConstraints { (m) in
     m.centerX.equalTo(view.snp.centerX).multipliedBy(0.33)
     m.centerY.equalToSuperview()
     m.width.equalTo(view.snp.width).multipliedBy(0.2)
 }

// 这个不用算 
 two.snp.makeConstraints { (m) in
     m.centerX.equalToSuperview()
     m.centerY.equalToSuperview()
 }
 
 three.snp.makeConstraints { (m) in
     m.centerX.equalTo(view.snp.centerX).multipliedBy(1.67)
     m.centerY.equalToSuperview()
 }

数学计算,也很简单

场景 3:

视图内 2 个控件,分别左对齐。

就是把视图左右切两半,两个控件,各自分别左对齐

iOS 的 snapKit 布局简单技巧,leading = centerX_第3张图片

one.snp.makeConstraints { (m) in
     m.leading.equalToSuperview().offset(20)
     m.centerY.equalToSuperview()
 }
 
 two.snp.makeConstraints { (m) in
     m.leading.equalTo(view.snp.centerX).offset(20)
     m.centerY.equalToSuperview()
 }

数学计算,简单

代码链接

你可能感兴趣的:(ios)