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 个控件,各自分别居中。

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 个控件,分别左对齐。

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

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()
 }

数学计算,简单

代码链接


black_pearl
79 声望5 粉丝

火星时代, 未来是太空