AutoLayout用法(一)

今天介绍下用AutoLauout实现等距约束

先看下效果图

nihao
nihao

创建一个带view的xib文件

在Attibute inspector 设置status bar为none ,size 为freeform 这里我只考虑竖屏,所以size classes我们选择 (高度设置成100吧)

//适配所有iphone竖屏
w:compact h:regular

创建我们需要4个UIButton和5个UIView(辅助视图,就是button之间的间距)

其中按钮我们是正方形w:75 ,这里需要等宽等高(宽和高都为75,定值),当屏幕变化的时候,不能改变按钮的大小,辅助view呢,为了满足按钮间的间距相等,所以五个view呢我们希望他们左右的约束为0,宽度始终相同。

给按钮添加约束

按钮等宽等高
按钮等宽等高

给view设置等宽,再加一个高度

给view设置等宽
给view设置等宽

让他们的上下边距相等,左右边距为0

边距相等
边距相等

最后在preview中查看个尺寸的效果

preview
preview

7.效果出来后就把view设置成透明即可。

关于Size classes 和 AutoLayout 可以查考

  1. Size classes自悟 http://www.cocoachina.com/ios/20141217/10669.html
  2. Working with Constraints in Interface Builder https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/AutolayoutPG/WorkingwithConstraints/WorkingwithConstraints.html
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容