ios中vfl怎样添加约束等级

第一种：

+(instancetype)constraintWithItem:(id)view1 attribute:(NSLayoutAttribute)attr1 relatedBy:(NSLayoutRelation)relation toItem:(id)view2 attribute:(NSLayoutAttribute)attr2 multiplier:(CGFloat)multiplier constant:(CGFloat)c

第二种：

+ (NSArray *)constraintsWithVisualFormat:(NSString *)format options:(NSLayoutFormatOptions)opts metrics:(NSDictionary *)metrics views:(NSDictionary *)views

第一种方法返回的是一个约束对象，也就是一条约束。看参数也比较好理解，就是在view1与view2之间设定一条约束，但往往一个控件需要好几条约束来约束，加上如此长的方法，所以导致一个控件就需要大量的代码来实现约束。

第二种方法返回的是array，包含的是一组约束，所以一般一个控件，调用两次第二种方法就能实现约束。所以这种方法更加的简洁，但是这种方法用到的是一种描述性语言，有点不好理解

一、自身内容尺寸约束

回到Xcode打开Main.storyboard，选中用户头像图片视图Head Image View，并打开尺寸窗口（Size Inspector，快捷键⌥⌘5）查看其布局约束。

可以看到该图片视图当前具有2个约束：

水平中心点与其父视图水平中心点对齐（确定图片水平位置x）

底部与下方文本控件顶部相隔20点的距离（已知下方文本控件的垂直位置是确定的，因此也就确定了图片垂直位置y）

等等，这里貌似有问题。细心的读者可能会发问了，本系列的第一篇文章明确说过，要确定一个视图的精确位置，至少需要4个布局约束（以确定水平位置x、垂直位置y、宽度w和高度h）。可现有的2个约束仅能确定x和y，缺少必要的信息来确定w和h。然而此时Interface Builder并没有提示缺少约束的错误（如果真的缺少约束，则Interface Builder会显示红色错误圆圈，并提示Missing Constraints），并且程序运行正常且没有报错，这是怎么回事呢？

请注意，某些用来展现内容的用户控件，例如文本控件UILabel、按钮UIButton、图片视图UIImageView等，它们具有自身内容尺寸（Intrinsic Content Size），此类用户控件会根据自身内容尺寸添加布局约束。也就是说，如果开发者没有显式给出其宽度或者高度约束，则其自动添加的自身内容约束将会起作用。因此看似“缺失”约束，实际上并非如此。

对于UIImageView，其自身内容尺寸就是图片（1倍图）的尺寸。打开Images.xcassets，选中head中的1x图，在属性窗口（Attribute Inspector）中可以看到其尺寸为133px*133px。

我们不妨使用Xcode提供的界面层次调试工具在运行时动态查看视图层次、尺寸以及布局约束等信息。如果当前没有运行程序，请编译运行，然后打开调试导航窗口（Debug Navigator），点击进程查看选项按钮（Process View Option），选择界面层次（View UI Hierarchy）以开启界面层次调试工具。

此时Xcode左侧会列出视图层次、视图类型（包括系统私有类型）与布局约束。中间区域显示视图的详细样式、尺寸、层次等，可以在空白处拖动鼠标以不同视角观察和调试界面。右侧会根据所选内容显示其不同属性。

选中UIImageView，在右侧打开尺寸窗口，在Auto Layout区域可以看到4个黑色的约束，其中两个就定义了宽度w为133点，高度h为133点，并且后面加了(content size)表示此约束是自身内容尺寸约束。视图调试工具对解决界面自动布局问题很有帮助，当出现问题却又不知什么原因的时候，不妨用该工具调试。

---