autoLayout自动布局

autoLayout 有两个核心概念：

约束：就是对控件进行高度，宽度，相对位置的控制

参照：多个控件时，一个或多个控件以其中的一个为基准进行高度，宽度，位置的设置

当选择了 use auto layout 的选项之后左侧就会多出两个东西：top layout guide 和 bottom layout guide

代表上面和下面的范围，点击top layout guide 会发现状态栏下方会有一条线。添加约束的时候会相对于这条线。

删除约束的方法：选中一个约束，按delete键就可以

出现警告的时候可以点上面截图中按钮用update frames来修复。

当要进行约束的控件在top layout guide 的下面时会出现第二个参照，如果控件的位置超过了这个参照就不会出现。

添加约束的时候默认是选择Constrain to margins选项的，这样当左边想靠到最边时，值应该写成负数，

或者把这个选项去掉，然后填写数值为0就可以了。

参照：当想要一个控件想要参照另一个控件的位置和大小做参照的时候，先选中两个以上的控件，这样就可以设置

选中的控件的做参照。

在上面第一幅图中可以设置选中的几个控件的对齐方式。第二幅图中可以设置选中的多个控件的宽高比。

例如，相要设置两一控件其中一个是另一个的宽度的0.5倍，可以先选中两个控件设置他们Equal Widths，宽度相等，

然后在约束属性那里点Edit，或者双击这一行，设置Multiplier=0.5

另一个属性constant是可以设置偏移常量，例如一个按钮要距离中心点偏上50point，可以先设置它的水平居中，然后

设置constant=50

转载于:https://www.cnblogs.com/longling2344/p/4836971.html

autoLayout自动布局相关推荐

AutoLayout自动布局,NSLayoutConstraint 视图约束使用
一.方法 NSLayoutConstraint *constraint = [NSLayoutConstraint constraintWithItem:<#(id)#> attribut ...
iOS中AutoLayout自动布局,自适应高度
以往我们做cell的自适应的时候都是要写许多的代码进行计算高度,而且在适配的时候容易出现问题,费时耗工.那么下面我们就共同探讨一种基于xib的自动计算高度的方法 1.我们先创建tableView,ta ...
iOS自动布局（AutoLayout）之 NSLayoutAnchor
自动布局(AutoLayout)之 NSLayoutAnchor 方式使用 AutoLayout 自动布局(AutoLayout)是iOS6引入的关系布局,实现动态位置和多视图关系的布局方式,是对fr ...
android自动布局优先级,自动布局AutoLayout
1:理解概念 Auto Layout 中文翻译过来意思是自动布局 ,通过内定的 Constraint (约束)和各项条件来计算出合理的布局.而这个合理的布局,符合我们的的预期和意图. 将我们想象中的 ...
第三方库Masonry自动布局AutoLayout使用
布局: 1. 放在哪坐标 CGPoint(x, y) 2. 有多大尺寸 CGSize(width, height) 布局方式: 1.绝对布局(FrameLayout)也称坐标布局 ...
autolayout autoresizing
WWDC 2012 Session笔记--202, 228, 232 AutoLayout(自动布局)入门这是博主的WWDC2012笔记系列中的一篇,完整的笔记列表可以参看这里.如果您是首次来到本站 ...
iOS自动布局进阶用法
本文主要介绍几个我遇到并总结的相对高级的用法(当然啦牛人会觉得这也不算什么). 简单的storyboard中上下左右约束,固定宽高啥的用法在这里就不做赘述了. autolayout自动布局是iOS6以 ...
[专栏精选]UI的自动布局
本文节选自洪流学堂公众号专栏<郑洪智的Unity2018课>,未经允许不可转载. 洪流学堂公众号回复专栏,查看更多专栏文章. 小新:"大智,我在往Scroll View里面填充内 ...
IOS使用Auto Layout中的VFL适配
做登录页面,之前做都是用frame做,今天想着用Auto Layout中的VFL来做.觉得做的效果还是可以的(自恋一下下). 首先看下效果图和标记图自己在做的过程中也遇到了好多问题,不过也一个一个的 ...

autoLayout自动布局

autoLayout自动布局相关推荐

最新文章

热门文章