iOS8 Layout Margins

最新推荐文章于 2025-09-11 11:18:05 发布

weixin_30329623

最新推荐文章于 2025-09-11 11:18:05 发布

阅读量162

点赞数

CC 4.0 BY-SA版权

文章标签： xcode

原文链接：http://www.cnblogs.com/emmet7life/p/5520117.html

本文介绍了iOS8中新增的layoutMargins属性及其使用方法。详细解释了如何通过该属性调整UIView之间的布局间距，并探讨了preservesSuperviewLayoutMargins属性的作用。

国外作者写的一篇文章，向我们介绍了一个iOS8中的一个新属性，

var layoutMargins: UIEdgeInsets

我们在IB(Interface Builder)中通过按住control键来设置各个UIView之间的方位关系之后，点击这个位置关系属性，在属性面板中可能能看到这个Relative to margin是被勾选的。

一般默认情况下，这个Relative to margin是默认会被勾选上的，如果你不想让系统默认勾选这个选项，那么请在拖拉时同时按住control和alt键，然后我们也可以通过设置layoutMargins属性来调整这个值，默认值是：

UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8)

设置的代码：

let version = (UIDevice.currentDevice().systemVersion as NSString).doubleValue
if version >= 8 {
 myView.layoutMargins = UIEdgeInsets(
   top: 0,
   left: 40,
   bottom: 0,
   right: 0)
}

另外还有一个属性：

var preservesSuperviewLayoutMargins: Bool

文章可能会看的不太明白，我也是读了两遍看明白的，preserves这个单词的基本意思是保护，保持，再根据文章的解释，可以这么理解：

1.首先明白一下层级关系，红色视图包含棕色视图，棕色视图包含紫色视图。

2.红色视图layoutMargins属性的left值为40，但是棕色视图之所以位于红色视图最左侧，是因为它们的leading位置关系中Relative to margin没有开启。

3.棕色视图layoutMargins属性的left值为2，紫色视图与棕色视图之间的leading位置约束关系是带Relative to margin的，所以能看到紫色视图偏移了两个像素。

4.棕色视图preservesSuperviewLayoutMargins：

4.1 不开启情况下，各自维护各自的关系，互不干扰，没什么影响。

4.2 开启情况下，相当于棕色视图把红色视图的margin值一并传递给了紫色视图，而且两个值是叠加的关系，此时紫色视图相对于棕色视图左侧的margin值应该是40+2。

另外当layoutMargins的各个属性值发生变化时，有方法通知：

override func layoutMarginsDidChange() {
    println("layoutMarginsDidChange")
}

基本上就是这样了，代码在XCode LayoutMargins Project。

3Q for Read It. ^_^

转载于:https://www.cnblogs.com/emmet7life/p/5520117.html