首页 > 其他 > 详细

Auto Layout— 实现等分

时间:2015-04-25 16:42:37      阅读:161      评论:0      收藏:0      [点我收藏+]

Auto Layout 的本质原理

Auto Layout 的本质是用一些约束条件对元素进行约束,从而让他们显示在我们想让他们显示的地方。

约束主要分为以下几种(欢迎补充):

  1. 相对于父 view 的约束。如:距离上边距 10,左边距 10。
  2. 相对于前一个元素的约束。如:距离上一个元素 20,距离左边的元素 5 等。
  3. 对齐类约束。如:跟父 view 左对齐,跟上一个元素居中对齐等。
  4. 相等约束。如:跟父 view 等宽。

等分设计思路

许多人刚开始接触 Auto Layout,可能会以为它只能实现上面的1、2功能,其实后面3、4两个功能才是强大、特别的地方。接下来我们将尝试设计横向三等分(二等分):

  1. 第一个元素距离左边一定距离、最后一个元素距离右边一定距离。方法:Trallling Space to Contatiner Margin
  2. 三者高度恒定,宽度相等。Top Space to Top Layout Guide -->按住control在每个分块设置Height --> 设置Horizontal Spacing --> 按住control拉下临近的设置Equal Widths。
  3. 这样就完成了。
技术分享

参考:http://lvwenhan.com/ios/431.html
代码:http://download.csdn.net/detail/quanqinayng/8631253

Auto Layout— 实现等分

原文:http://blog.csdn.net/quanqinyang/article/details/45270571

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!