OS Xのココア自動レイアウト隠し要素

これは自動レイアウトでは可能ですが、正確に拡大するわけではありません。

あなたの例を挙げると、ラベルAとラベルB（またはボタンなど）があるとしましょう。最初に、Aのスーパービューに上限制約を追加します。次に、AとBの間に垂直スペーシング制約があります。これまではすべて正常です。この時点でAを削除すると、Bはあいまいなレイアウトになります。あなたがそれを隠そうとしていたとしても、それはまだラベルの間のスペースを含むスペースを占有するでしょう。

次に、Bから別の制約をスーパービューの先頭に追加する必要があります。この優先順位を他の優先順位より低く（たとえば900）変更し、それを標準（または他の小さな値）に設定します。今、Aがスーパービューから削除されると、より低い優先度の制約が入り、Bを上に引きます。制約は次のようになります。

この問題は、ラベルの長いリストでこれを実行しようとすると発生します。

UILabelサブクラスの折りたたみ

1つの簡単な解決策は、UILabelをサブクラス化して、固有のコンテンツサイズを変更することです。

@implementation WBSCollapsingLabel

- (CGSize)intrinsicContentSize
{
    if (self.isHidden) {
        return CGSizeMake(UIViewNoIntrinsicMetric, 0.0f);
    } else {
        return [super intrinsicContentSize];
    }
}

- (void)setHidden:(BOOL)hidden
{
    [super setHidden:hidden];

    [self updateConstraintsIfNeeded];
    [self layoutIfNeeded];
}

@end

このカテゴリでは、自動レイアウト制約付きビューの折り畳みが非常にシンプルになります。

https://github.com/depth42/AutolayoutExtensions

私はちょうどそれをプロジェクトに追加し、それは素晴らしい作品です。

ここでは、Interface Builderを使用するのではなく、プログラムでこれをどのように処理したかの例を示します。要約すれば;私はそれが有効になっている場合のみ、ビューを追加し、私は行くように垂直方向の制約を追加し、サブビューを反復する。

問題のビューはこの前に初期化されていることに注意してください。

/*
  Begin Auto Layout
*/
NSMutableArray *constraints = [NSMutableArray array];
NSMutableDictionary *views = [[NSMutableDictionary alloc] init];


/*
  Label One
*/
if (enableLabelOne) {
    [contentView addSubview:self.labelOne];

    self.labelOne.translatesAutoresizingMaskIntoConstraints = NO;

    [views setObject:self.labelOne
              forKey:@"_labelOne"];

    [constraints addObjectsFromArray:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[_labelOne(44)]"
                                                                             options:0
                                                                             metrics:nil
                                                                               views:views]];

    [constraints addObjectsFromArray:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-[_labelOne]-|"
                                                                             options:0
                                                                             metrics:nil
                                                                               views:views]];
}

/*
    Label Two
*/
if (enableLabelTwo) {
    [contentView addSubview:self.labelTwo];

    self.labelTwo.translatesAutoresizingMaskIntoConstraints = NO;

    [views setObject:self.labelTwo
              forKey:@"_labelTwo"];

    [constraints addObjectsFromArray:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[_labelTwo(44)]"
                                                                             options:0
                                                                             metrics:nil
                                                                               views:views]];
}

[constraints addObjectsFromArray:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-[_labelTwo]-|"
                                                                         options:0
                                                                         metrics:nil
                                                                           views:views]];

/*
  Dynamically add vertical spacing constraints to subviews
*/
NSArray *subviews = [contentView subviews];

if ([subviews count] > 0) {
    UIView *firstView = [subviews objectAtIndex:0];
    UIView *secondView = nil;
    UIView *lastView = [subviews lastObject];

    [constraints addObjectsFromArray:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-[firstView]"
                                                                             options:0
                                                                             metrics:nil
                                                                               views:NSDictionaryOfVariableBindings(firstView)]];

    for (int i = 1; i < [subviews count]; i++) {
        secondView = [subviews objectAtIndex:i];
        [constraints addObjectsFromArray:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[firstView]-10-[secondView]"
                                                                                 options:0
                                                                                 metrics:nil
                                                                                   views:NSDictionaryOfVariableBindings(firstView, secondView)]];
        firstView = secondView;
    }

    [constraints addObjectsFromArray:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[lastView]-|"
                                                                             options:0
                                                                             metrics:nil
                                                                               views:NSDictionaryOfVariableBindings(lastView)]];
}


[self addConstraints:constraints];

私は lastView という制約を設定しているに過ぎません。なぜなら、このコードはUIScrollViewの内部から変更されたからです。

私はもともとこれをこのスタックオーバーフローの答えに基づいて実装し、自分のニーズに合わせて変更しました。

私はこれを行うために、うなずいてまともな方法を見つけました。これは David's に似ています。ここでコードでどのように動作するのですか？私はスーパービューを作成しました。サブビューはすべて表示されない場合もあります。スーパービューに V：| - [_ btn] などの制約の多くを追加しました。これらの制約の最後に表示されるように、スーパービューの下にはリンクがありません。私はその後、ビューの両方の状態に対して2つの制約の配列を作成しました。違いは「詳細オプション」の開示用三角です。三角形の状態に応じて三角形をクリックすると、それに応じて制約とサブビューが追加され、削除されます。たとえば、私は追加する：

[self.backgroundView removeConstraints:self.lessOptionsConstraints];
[self.backgroundView addSubview:self.nameField];
[self.backgroundView addConstraints:self.moreOptionsConstraints];

削除した制約は、ボタンを V：[_ btn] - | のようにスーパービューの一番下につなぎました。この制約がわかるように、追加した制約は、 V：[_ btn] - [_ nameField] - | のようになり、新しいビューをその元のビューとスーパービューのスーパービューの高さ

プログラムでこの問題を解決しました。いくつかのボタンが連続していて、いつでもそのボタンを隠すことにします。

地図作成を使用して、 hidden のいずれかの変更があるたびに置き換えます。

let buttons = self.buttons!.filter { button in
    return !button.hidden
}

constrain(buttons, replace: self.constraintGroup) { buttons in
    let superview = buttons.first!.superview!

    buttons.first!.left == superview.left

    for var i = 1; i < buttons.count; i++ {
        buttons[i].left == buttons[i-1].right + 10
    }

    buttons.last!.right == superview.right
}

私はこれを行う別の方法を見つけました。この方法論はどこにでも適用でき、スケーリングの問題はありません。マージンも処理します。それにサードパーティのものは必要ありません。

まず、このレイアウトを使用しないでください：

V:|-?-[Label1]-10-[Label2]-10-|
H:|-?-[Label1]-?-|
H:|-20-[Label2]-20-|

代わりにこれらを使用してください：

("|" is the real (outer) container)
V:|-?-[Label1]-0-[Label2HideableMarginContainer]-0-|
H:|-?-[Label1]-?-|
H:|-0-[Label2HideableMarginContainer]-0-|

("|" is Label2HideableMarginContainer)
V:|-10-[Label2]-10-|
H:|-20-[Label2]-20-|

では、今何をしましたか？ Label2 はレイアウトでは直接使用されません。 余白コンテナに配置されます。そのコンテナは Label2 のプロキシとして、レイアウトでは0の余白で使用されます。実際のマージンは Margin-Container のに配置されます。

Label2 を次のように隠すことができます：

隠しを YES に設定する

そして

• Disabling the Top, Bottom, Leading そして Trailing constraints. So seek them out, than set Active to NO on them. This will cause the Margin-Container to have a Frame Size of (0,0); because it does have subview(s); but there aren't any (active) layout constraints which anchors those subviews to it.

Maybe a bit complex, but you only have to develop it once. All the logic can be put into a separate place, そして be reused every time you need to hide smg.

以下はC＃Xamarinのコードで、 Margin-Container ビューの内側の端にサブビューを固定する制約をどのように探すかです：

public List SubConstraints { get; private set; }

private void ReadSubContraints()
{
    var constraints = View.Constraints;//View: the Margin-Container NSView
    if(constraints?.Any() ?? false)
    {
        SubConstraints = constraints.Where((NSLayoutConstraint c) => {
            var predicate = 
                c.FirstAttribute == NSLayoutAttribute.Top ||
                c.FirstAttribute == NSLayoutAttribute.Bottom ||
                c.FirstAttribute == NSLayoutAttribute.Leading ||
                c.FirstAttribute == NSLayoutAttribute.Trailing;
            predicate &= ViewそしてSubviews.Contains(c.FirstItem);//ViewそしてSubviews: The View そして View.Subviews
            predicate &= ViewそしてSubviews.Contains(c.SecondItem);
            return predicate;
        }).ToList();
    }
}