2つのラベルの位置合わせとその制約

Question

私は2つのラベルがあります説明ラベル（赤背景/ W）との結果ラベル（灰色のテキストを）私は結果のラベルを持っているために、この例の制約を設定するにはどうすればよい

結果の先頭に至るまでの内容と説明ラベルの大きさでアンカー？

のObjective C

[self.customTextLabel.trailingAnchor constraintLessThanOrEqualToAnchor:self.counterLabel.leadingAnchor].active = YES; 
[self.counterLabel.widthAnchor constraintGreaterThanOrEqualToConstant:0].active = YES; 

迅速

titleLabel.trailingAnchor.constraint(lessThanOrEqualTo: counterLabel.leadingAnchor).isActive = true 
counterLabel.widthAnchor.constraint(greaterThanOrEqualToConstant: 0).isActive = true 

（私は2番目の行に持っているように）私はそれが醜いだと思うのソリューションを持っています。

self.counterLabelWidthConstraint.constant = [self.counterLabel sizeThatFits:CGSizeMake(CGFLOAT_MAX, self.counterLabel.height)].width; 

Answer 1

自動レイアウトでこれを行う方法は2つのラベルのcontentCompressionResistancePriorityを使用することです。 2番目のラベルの場合はプリフライトをNSLayoutPriorityRequiredに設定し、最初のラベルの場合はNSLayoutPriorityDefaultLowのように低く設定します。次に、2つのラベルにスーパービューや相互に固定するための適切な制約がある限り、第1のラベルは圧縮し、第2のラベルは圧縮すべきではありません。

Answer 2

あなたはストーリーボード自体での制約を設定することができます。私は、テキストを設定

self.counterLabelWidthConstraint = [self.counterLabel.widthAnchor constraintEqualToConstant:0]; 
self.counterLabelWidthConstraint.active = YES; 

そして後。ラベル1（赤い背景）を選択すると、ラベルのスーパービューセットの幅は等制約になります。ラベル1を選択し、その幅の制約をダブルタップすると、結果ウィンドウからLable 1の幅がスーパービューに等しく、値定数が '1'であることが分かります。 「1」を0.7に変更します。

Answer 3

右/灰色のラベルの水平方向の圧縮抵抗を、左/赤のラベルの水平方向の圧縮抵抗よりも高くする必要があります。これはビジュアルレイアウトに、両方のラベルに十分なスペースがない場合、右側のラベルを縮小する前に左側のラベルが圧縮されることを示します。 750はすべてのビューのデフォルトですので、右/グレーのラベルの水平方向の圧縮抵抗を751に増やすだけでよいです。