iOS开发之一行有多个Lable时的约束设置

急性子，我们直接进入主题吧
1、先看看xib（storyboard）上的设置：
对于前端开发来说，经常会使用到label这种控件，而且也不少的，会遇到一行中存在两个或者两个以上label的情况，这种情况下的label约束会变得很微妙，因为多数情况下，我们不会设置label的固定高宽，我们会直接设置label的约束，因为UILabel开启了intrinsicContentSize，可以让其根据文字的多少来自适应大小。假如一行中有两个label，而这两个label的文字都是动态的，那么在设置他们的文字之前，他们都无法确定自己的宽度，而此时如果两个label相对对方有约束，那么就会造成约束冲突。如下图：

约束冲突.jpg

这里的label1距屏幕左边有一个约束，label2距屏幕右边有约束，他们之间也有一个约束，设置的10pt。
那么问题来了，这种情况下，label1和label2的宽度都可能根据自己的文字发生改变，他们中间的10pt的约束就会变得模棱两可，也就造成看约束冲突。
要解决这种冲突，首先我们要确定一个label 显示的优先级，怎么说呢，就是你觉得哪个label的显示优先级要高于其他的label，不能被压缩或者拉伸，需要完全显示其中的内容。
确定了之后，我们会用到autolayout中的算是比较高级一点的东西——“Content Hugging”和“Content Compression Resistance”。关于这两个东西，不是很清楚的可以自行百度，这里不做赘述。懒得去搜的，这里介绍的比较详细了：Autolayout中关于intrinsic content、相关优先级及其应用。
简单的说，就是设置label的显示优先级，抗压缩和抗拉伸。抗压缩优先级低的label会被挤压，留出更多的空间给需要完全展示的label。
那么来看一下上方图示有约束的两个label的content Hugging／content Compression Resistance ：
label1：

content Hugging／content Compression Resistance - 1.png

label2：

content Hugging／content Compression Resistance - 2.png

可以看到，两个labe的默认值一样（默认是250）。现在我们来修改一下label1的content Hugging：

content Hugging1.png

修改content Hugging之前.png

可以看到，label1将content Hugging修改大了一些之后，约束冲突没有了，并且label1自动压缩到了和文字相同的宽度。当然这还可能会有问题，我们把label2的文本增加一些再看看：

label2文本增长.png

发现label2文本增长之后，约束冲突又来了。我们已经设置了label1的抗拉伸，但是label2的文本也可能会发生改变，超出现在的长度，那么label2距屏幕右侧的约束就会和label本身的intrinsicContentSize产生冲突，intrinsicContentSize属性想要让label根据文字长度来自适应宽度，但是约束告诉它你不能再变宽了。
取舍的时候到了，我们将用到content Compression Resistance 来限制label的抗压缩，如果我们需要将label1的内容显示完，那么我们将label1的content Compression Resistance 设置大一些：

content Compression Resistance 1.png

label2多出的文本将会以省略号显示，而保证了label1的完全显示。
那如果我们设置的label2的content Compression Resistance 呢？

content Compression Resistance 2.png

可以看到，label2被完全显示出来，而label1会被压缩。
我们上面演示的都是解决的横向的约束冲突，竖直方向的冲突方法是一样的，只是我们调整的是下面的vertical的值。

2、上面介绍了xib（storyboard）的解决方法，那么如果使用纯代码布局呢？
很多时候我们使用代码添加约束来进行UI的布局，在使用纯代码约束的时候，遇到这种多个动态label的情况，通过下面这两行代码就可以轻松搞定：

[self.label1 setContentHuggingPriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisHorizontal];
[self.label1 setContentCompressionResistancePriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisHorizontal];

这两个方法分别设置了抗压缩和抗拉伸，第一个参数UILayoutPriority，系统给了4个默认值，一般来说是满足我们的需求的：

static const UILayoutPriority UILayoutPriorityRequired NS_AVAILABLE_IOS(6_0) = 1000; 
static const UILayoutPriority UILayoutPriorityDefaultHigh NS_AVAILABLE_IOS(6_0) = 750;
static const UILayoutPriority UILayoutPriorityDefaultLow NS_AVAILABLE_IOS(6_0) = 250; 
static const UILayoutPriority UILayoutPriorityFittingSizeLevel NS_AVAILABLE_IOS(6_0) = 50

当然我们也可以自定义，就像这样

[self.label1 setContentHuggingPriority:1 forAxis:UILayoutConstraintAxisHorizontal];
[self.label1 setContentCompressionResistancePriority:2 forAxis:UILayoutConstraintAxisHorizontal];

第二个参数UILayoutConstraintAxis，表示你的约束方向。
这样就已经解决了两个动态label约束问题，当然，三个、四个甚至更多的label都可以用这个方法来解决，也就是设置不同的优先级罢了。

那么最后，还是继续鞭策我吧。