ビューが非表示のときに自動レイアウトを使用して他のビューを移動するにはどうすればよいですか？

私はカスタムセルをIBで設計し、サブクラス化し、アウトレットをカスタムクラスに接続しました。セルコンテンツには、UIView（cdView）と2つのラベル（titleLabelとemailLabel）の3つのサブビューがあります。各行で使用可能なデータによっては、UIViewと2つのラベルをセルに表示したい場合と、2つのラベルのみを表示したい場合があります。私がやろうとしているのは、UIViewプロパティを非表示に設定した場合、またはスーパービューから削除した場合に、2つのラベルが左に移動するように制約を設定することです。UIpx先行制約を10pxのスーパービュー（セルコンテンツ）に設定し、UILabelsが10 pxの制約を次のビュー（UIView）に設定しようとしました。後で私のコードで

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(IndexPath *)indexPath {
...
Record *record = [self.records objectAtIndex:indexPath.row];

if ([record.imageURL is equalToString:@""]) {
     cell.cdView.hidden = YES;
}

私は自分のcell.cdViewを非表示にしていて、ラベルを左に移動させたいのですが、それらはセル内の同じ位置にとどまっています。superviewからcell.cdViewを削除しようとしましたが、うまくいきませんでした。私が何であるかを明確にするために画像を添付しました。

私はこれをプログラムで行う方法を知っており、その解決策を探していません。私が欲しいのはIBに制約を設定することです。他のビューが削除または非表示にされた場合、私のサブビューが動的に移動することを期待しています。自動レイアウトでIBでこれを行うことは可能ですか？

.....

それは可能ですが、少し余分な作業を行う必要があります。最初に邪魔にならないようにするための概念的なものがいくつかあります。

• 非表示のビューは、描画しなくても、自動レイアウトに参加し、通常はフレームを保持して、他の関連するビューをそのまま残します。
• スーパービューからビューを削除すると、関連するすべての制約もそのビュー階層から削除されます。

あなたの場合、これはおそらく次のことを意味します：

• 左側のビューを非表示に設定した場合、左側のビューはスペースを占有しているため（表示されていなくても）、ラベルはそのまま残ります。
• 左側のビューを削除すると、ラベルの左端の制約がなくなるため、ラベルが曖昧に制約されたままになる可能性があります。

あなたがする必要があるのはあなたのラベルを慎重に過剰に制限することです。既存の制約（他のビューまで10ポイントのスペース）はそのままにして、別の制約を追加します。ラベルの左端を必須ではない優先順位でスーパービューの左端から10ポイント離します（デフォルトの高優先順位がおそらくうまく機能します）。

次に、左に移動させたい場合は、左側のビューを完全に削除します。左側のビューへの必須の10ポイントの制約は、関連するビューとともに消え、ラベルがスーパービューから10ポイント離れるという優先度の高い制約が残ります。次のレイアウトパスでは、これにより、スーパービューの幅を埋めるまで左に拡大しますが、エッジの周りのスペースは必要です。

重要な注意点の1つは、左側のビューを画像に戻したい場合は、ビューの階層に再び追加する必要があるだけでなく、すべての制約を同時に再確立する必要があります。つまり、そのビューが再び表示されるときはいつでも、ビューとそのラベルの間に10ptの間隔制約を戻す方法が必要です。

実行時の制約の追加または削除は、パフォーマンスに影響を与える可能性がある重い操作です。ただし、より簡単な代替手段があります。

非表示にするビューに対して、幅の制約を設定します。他のビューを、そのビューに対する先行水平ギャップで拘束します。

非表示にするに.constantは、幅制約のを0.f に更新します。他のビューは自動的に左に移動して位置を決めます。

詳細については、こちらの他の回答をご覧ください。

実行時にラベル制約を変更するにはどうすればよいですか？

iOS 8以降のみをサポートする人のために、新しいブール型プロパティactiveがあります。必要な制約のみを動的に有効化するのに役立ちます

PS制約アウトレットは、弱くてはならず、強くなければなりません。

例：

@IBOutlet weak var optionalView: UIView!
@IBOutlet var viewIsVisibleConstraint: NSLayoutConstraint!
@IBOutlet var viewIsHiddenConstraint: NSLayoutConstraint!

func showView() {
    optionalView.isHidden = false
    viewIsVisibleConstraint.isActive = true
    viewIsHiddenConstraint.isActive = false
}

func hideView() {
    optionalView.isHidden = true
    viewIsVisibleConstraint.isActive = false
    viewIsHiddenConstraint.isActive = true
}

また、ストーリーボードのエラーを修正するにはInstalled、これらの制約のいずれかのチェックボックスをオフにする必要があります。

UIStackView （iOS 9以降）
もう1つのオプションは、ビューをでラップすることですUIStackView。ビューが非表示にUIStackViewなると、レイアウトが自動的に更新されます

UIStackViewhiddenプロパティがサブビューのいずれかで変更されると、ビューを自動的に再配置します（iOS 9以降）。

UIView.animateWithDuration(1.0) { () -> Void in
   self.mySubview.hidden = !self.mySubview.hidden
}

デモ用のこのWWDCビデオで11:48にジャンプします。

自動レイアウトの謎、パート1

私のプロジェクトは（色、フォント、インセットなどの一貫性を確保するために）のカスタム@IBDesignableサブクラスを使用しUILabelており、次のようなものを実装しています。

override func intrinsicContentSize() -> CGSize {
    if hidden {
        return CGSizeZero
    } else {
        return super.intrinsicContentSize()
    }
}

これにより、ラベルサブクラスは自動レイアウトに参加できますが、非表示の場合はスペースを取りません。

Google社員向け： Maxの答えに基づいて、多くの人が気付いたパディングの問題を解決するには、ラベルの高さを増やし、実際のパディングの代わりにその高さをセパレーターとして使用しました。このアイデアは、ビューを含むシナリオで拡張できます。

以下に簡単な例を示します。

この場合、Authorラベルの高さを適切なものにマッピングしますIBOutlet。

@property (retain, nonatomic) IBOutlet NSLayoutConstraint* authorLabelHeight;

また、制約の高さをに設定すると0.0f、「パディング」が保持されます。これは、[ 再生 ]ボタンの高さで可能になるためです。

uiviewとラベルの間の制約をIBOutletとして接続し、hidden = YESに設定した場合、優先メンバーをより小さい値に設定します

私がやったことは、2つのxibを作成することでした。左側のビューがあるものとないもの。両方をコントローラーに登録してから、cellForRowAtIndexPathのどちらを使用するかを決定しました。

同じUITableViewCellクラスを使用します。欠点は、xibs間でコンテンツの重複があることですが、これらのセルはかなり基本的なものです。利点は、ビューの削除や制約の更新などを手動で管理するためのコードがたくさんないことです。

一般的に、これらは技術的に異なるレイアウトであり、したがって異なるxibを持つ必要があるため、おそらくより良いソリューションです。

[self.table registerNib:[UINib nibWithNibName:@"TrackCell" bundle:nil] forCellReuseIdentifier:@"TrackCell"];
[self.table registerNib:[UINib nibWithNibName:@"TrackCellNoImage" bundle:nil] forCellReuseIdentifier:@"TrackCellNoImage"];

TrackCell *cell = [tableView dequeueReusableCellWithIdentifier:(appDelegate.showImages ? @"TrackCell" : @"TrackCellNoImage") forIndexPath:indexPath];

この場合、Authorラベルの高さを適切なIBOutletにマッピングします。

@property (retain, nonatomic) IBOutlet NSLayoutConstraint* authorLabelHeight;

また、制約の高さを0.0fに設定すると、「パディング」が保持されます。これは、[再生]ボタンの高さで可能になるためです。

cell.authorLabelHeight.constant = 0;

2つのUIStackView Horizo​​ntalとVerticalを使用します。スタック内の一部のサブビュービューが非表示の場合、他のスタックサブビューが移動されます。2つのUILabelsを使用して垂直スタックに対して[分布]-> [比例配分]を使用し、最初のUIViewに幅と高さの設定を設定する必要があります。

これを試してください、私は以下のコードを実装しました、

他の3つのビューが追加されたViewControllerに1 つのビューがあります。いずれかのビューが非表示になると、他の2つのビューが移動します。以下の手順に従ってください。、

1.ViewController.hファイル

#import <UIKit/UIKit.h>
@interface ViewController : UIViewController
@property (strong, nonatomic) IBOutlet UIView *viewOne;
@property (strong, nonatomic) IBOutlet UIView *viewTwo;
@property (strong, nonatomic) IBOutlet UIView *viewThree;
@property (strong, nonatomic) IBOutlet NSLayoutConstraint *viewOneWidth;
@property (strong, nonatomic) IBOutlet NSLayoutConstraint *viewTwoWidth;
@property (strong, nonatomic) IBOutlet NSLayoutConstraint *viewThreeWidth;
@property (strong, nonatomic) IBOutlet NSLayoutConstraint *viewBottomWidth;
@end

2.ViewController.m

 #import "ViewController.h"
 @interface ViewController ()
{
  CGFloat viewOneWidthConstant;
  CGFloat viewTwoWidthConstant;
  CGFloat viewThreeWidthConstant;
  CGFloat viewBottomWidthConstant;
}
@end

@implementation ViewController
@synthesize viewOne, viewTwo, viewThree;

- (void)viewDidLoad {
  [super viewDidLoad];
 // Do any additional setup after loading the view, typically from a 
  nib.

  /*
   0  0   0
   0  0   1
   0  1   0
   0  1   1
   1  0   0
   1  0   1
   1  1   0
   1  1   1
   */

  //    [viewOne setHidden:NO];
  //    [viewTwo setHidden:NO];
  //    [viewThree setHidden:NO];

  //    [viewOne setHidden:NO];
  //    [viewTwo setHidden:NO];
  //    [viewThree setHidden:YES];

  //    [viewOne setHidden:NO];
  //    [viewTwo setHidden:YES];
  //    [viewThree setHidden:NO];

  //    [viewOne setHidden:NO];
  //    [viewTwo setHidden:YES];
  //    [viewThree setHidden:YES];


  //    [viewOne setHidden:YES];
  //    [viewTwo setHidden:NO];
  //    [viewThree setHidden:NO];

  //    [viewOne setHidden:YES];
  //    [viewTwo setHidden:NO];
  //    [viewThree setHidden:YES];

 //    [viewOne setHidden:YES];
 //    [viewTwo setHidden:YES];
 //    [viewThree setHidden:NO];

//    [viewOne setHidden:YES];
//    [viewTwo setHidden:YES];
//    [viewThree setHidden:YES];

 [self hideShowBottomBar];
  }

- (void)hideShowBottomBar
{
  BOOL isOne = !viewOne.isHidden;
  BOOL isTwo = !viewTwo.isHidden;
  BOOL isThree = !viewThree.isHidden;

  viewOneWidthConstant = _viewOneWidth.constant;
  viewTwoWidthConstant = _viewTwoWidth.constant;
  viewThreeWidthConstant = _viewThreeWidth.constant;
  viewBottomWidthConstant = _viewBottomWidth.constant;

   if (isOne && isTwo && isThree) {
    // 0    0   0
    _viewOneWidth.constant = viewBottomWidthConstant / 3;
    _viewTwoWidth.constant = viewBottomWidthConstant / 3;
    _viewThreeWidth.constant = viewBottomWidthConstant / 3;
    }
    else if (isOne && isTwo && !isThree) {
     // 0    0   1
    _viewOneWidth.constant = viewBottomWidthConstant / 2;
    _viewTwoWidth.constant = viewBottomWidthConstant / 2;
    _viewThreeWidth.constant = 0;
    }
   else if (isOne && !isTwo && isThree) {
    // 0    1   0
    _viewOneWidth.constant = viewBottomWidthConstant / 2;
    _viewTwoWidth.constant = 0;
    _viewThreeWidth.constant = viewBottomWidthConstant / 2;
    }
    else if (isOne && !isTwo && !isThree) {
    // 0    1   1
    _viewOneWidth.constant = viewBottomWidthConstant;
    _viewTwoWidth.constant = 0;
    _viewThreeWidth.constant = 0;
   }
   else if (!isOne && isTwo && isThree) {
    // 1    0   0
    _viewOneWidth.constant = 0;
    _viewTwoWidth.constant = viewBottomWidthConstant / 2;
    _viewThreeWidth.constant = viewBottomWidthConstant / 2;
   }
   else if (!isOne && isTwo && !isThree) {
    // 1    0   1
    _viewOneWidth.constant = 0;
    _viewTwoWidth.constant = viewBottomWidthConstant;
    _viewThreeWidth.constant = 0;
   }
   else if (!isOne && !isTwo && isThree) {
    // 1    1   0
    _viewOneWidth.constant = 0;
    _viewTwoWidth.constant = 0;
    _viewThreeWidth.constant = viewBottomWidthConstant;
   }
   else if (isOne && isTwo && isThree) {
    // 1    1   1
    _viewOneWidth.constant = 0;
    _viewTwoWidth.constant = 0;
    _viewThreeWidth.constant = 0;
   }
  }

 - (void)didReceiveMemoryWarning {
  [super didReceiveMemoryWarning];
 // Dispose of any resources that can be recreated.
 }
 @end

ですから、このロジックは誰かを助けるでしょう。

私の場合は、一定の設定の高さの制約にし0.0f、また、セットhiddenにプロパティをYES。

ビュー（サブビューを含む）をもう一度表示するには、反対のことを行いました。高さ定数をゼロ以外の値に設定し、hiddenプロパティをに設定しましたNO。

水平スタックビューを使用します。サブビューが非表示のときにフレームを削除できます。

下の画像では、赤いビューがコンテンツの実際のコンテナーであり、オレンジのスーパービュー（ShowHideView）に10 ptの後続スペースがあります。次に、ShowHideViewをIBOutletに接続し、プログラムで表示/非表示/削除します。

1. これは、ビューが表示/インストールされたときです。

2. これは、ビューが非表示/インストールされていない場合です。

これは、優先順位制約を使用した別のソリューションです。アイデアは幅を0に設定します。

1. コンテナービュー（オレンジ）を作成し、幅を設定します。

2. コンテンツビュー（赤）を作成し、トレーリングスペース10ptをスーパービュー（オレンジ）に設定します。末尾のスペース制約に注意してください。優先順位が異なる2つの末尾の制約があります。低（= 10）および高（<= 10）。これはあいまいさを避けるために重要です。

3. オレンジ色のビューの幅を0に設定して、ビューを非表示にします。

no_sceneが示唆しているように、実行時に制約の優先度を変更することで確実にこれを行うことができます。削除する必要がある複数のブロッキングビューがあったので、これは私にとってはるかに簡単でした。

以下は、ReactiveCocoaを使用したスニペットです。

RACSignal* isViewOneHiddenSignal = RACObserve(self.viewModel, isViewOneHidden);
RACSignal* isViewTwoHiddenSignal = RACObserve(self.viewModel, isViewTwoHidden);
RACSignal* isViewThreeHiddenSignal = RACObserve(self.viewModel, isViewThreeHidden);
RAC(self.viewOne, hidden) = isViewOneHiddenSignal;
RAC(self.viewTwo, hidden) = isViewTwoHiddenSignal;
RAC(self.viewThree, hidden) = isViewThreeHiddenSignal;

RAC(self.viewFourBottomConstraint, priority) = [[[[RACSignal
    combineLatest:@[isViewOneHiddenSignal,
                    isViewTwoHiddenSignal,
                    isViewThreeHiddenSignal]]
    and]
    distinctUntilChanged]
    map:^id(NSNumber* allAreHidden) {
        return [allAreHidden boolValue] ? @(780) : @(UILayoutPriorityDefaultHigh);
    }];

RACSignal* updateFramesSignal = [RACObserve(self.viewFourBottomConstraint, priority) distinctUntilChanged];
[updateFramesSignal
    subscribeNext:^(id x) {
        @strongify(self);
        [self.view setNeedsUpdateConstraints];
        [UIView animateWithDuration:0.3 animations:^{
            [self.view layoutIfNeeded];
        }];
    }];

これが誰かを助ける場合に備えて、視覚的フォーマット制約を使用するためのヘルパークラスを作成しました。現在のアプリで使用しています。

AutolayoutHelper

それは私のニーズに少し合わせられるかもしれませんが、あなたはそれが便利だと思うかもしれません、あるいはあなたはそれを修正してあなた自身のヘルパーを作成したいかもしれません。

上記の彼の答え、UIScrollViewに関するこの答え、そしてこのチュートリアルについてもTimに感謝しなければなりません。

これは、uiviewを再調整してソリューションを取得する方法です。

1. 1つのUIImageViewをドラッグアンドドロップして左側に配置します。
2. 1つのUIViewをドラッグアンドドロップし、UIImageViewの右側に配置します。
3. 先頭と末尾の制約がゼロであるUIView内に2つのUILabelをドラッグアンドドロップします。
4. 2つのラベルを含むUIViewの先行制約をUIImagViewではなくスーパービューに設定します。
5. UIImageViewが非表示の場合、スーパービューにするには、先行制約定数を10ピクセルに設定します。ELSE、先行制約定数を10 px + UIImageView.width + 10 pxに設定します。

私は自分の経験則を作成しました。制約が影響を受ける可能性のあるuiviewを非表示/表示する必要がある場合は常に、影響を受ける/依存するすべてのサブビューをuiview内に追加し、プログラムの先頭/末尾/上部/下部の制約定数を更新します。

これは古い質問ですが、それでもお役に立てば幸いです。Androidから来て、このプラットフォームでは便利な方法がありますisVisibleでは、ビューから非表示にがありますが、自動レイアウトがビューを描画するときに考慮されるフレームもありません。

拡張機能と「拡張」uiviewを使用すると、iOSで同様の機能を実行できます（なぜUIKitにないのかは不明です）。

    func isVisible(_ isVisible: Bool) {
        self.isHidden = !isVisible
        self.translatesAutoresizingMaskIntoConstraints = isVisible
        if isVisible { //if visible we remove the hight constraint 
            if let constraint = (self.constraints.filter{$0.firstAttribute == .height}.first){
                self.removeConstraint(constraint)
            }
        } else { //if not visible we add a constraint to force the view to have a hight set to 0
            let height = NSLayoutConstraint(item: self, attribute: .height, relatedBy: .equal , toItem: nil, attribute: .notAnAttribute, multiplier: 0, constant: 0)
            self.addConstraint(height)
        }
        self.layoutIfNeeded()
    }

これを行う適切な方法は、isActive = falseで制約を無効にすることです。ただし、制約を非アクティブ化すると、その制約が削除および解放されるため、それらには強力なアウトレットが必要になることに注意してください。

最も簡単な解決策は、UIStackView（水平）を使用することです。スタックビューに追加：最初のビューと2番目のビューにラベルを付けます。次に、最初のビューのisHiddenプロパティをfalseに設定します。すべての制約が計算され、自動的に更新されます。

これが最も簡単な答えだと思います。動作することを確認してください：

        StackFullView.layer.isHidden = true
        Task_TopSpaceSections.constant = 0.   //your constraint of top view

こちらをチェックhttps://www.youtube.com/watch?v=EBulMWMoFuw