Comment utiliser Auto-layout pour déplacer d'autres vues quand une vue est cachée?

essayez ceci, j'ai implémenté ci-dessous le code,

j'ai une vue sur ViewController dans cela ajouté trois autres vues, quand n'importe quelle vue est cachée d'autres deux vue se déplacent,suivez les étapes ci-dessous. ,

1.ViewController.h Fichier

#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

espérons que cette logique aidera quelqu'un.

Comme no_scene suggéré, vous pouvez certainement le faire en modifiant la priorité de la contrainte à l'exécution. C'était beaucoup plus facile pour moi parce que j'ai eu plus d'une vue de blocage qui devrait être supprimé.

voici un extrait de réactivation:

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];
        }];
    }];

dans le cas où cela aide quelqu'un, j'ai construit une classe helper pour utiliser format visuel contraintes. Je l'utilise dans mon application actuelle.

AutolayoutHelper

Il pourrait être un peu adaptée à mes besoins, mais vous trouverez peut-être utile ou vous pouvez le modifier et créer votre propre helper.

je dois remercier Tim pour sa réponse ci-dessus , ce réponse à propos de UIScrollView et aussi ce tutoriel .

Voici comment je vais réaligner mes uiviews pour obtenir votre solution:

1. Glisser-déposer d'un UIImageView et placez le à gauche.
2. drag drop one UIView et placez-le à droite de UIImageView.
3. drag drop deux UILabels à l'intérieur de cet UIView dont les contraintes de tête et de queue sont nulles.
4. définit la contrainte principale D'UIView contenant 2 labels à superview au lieu de UIImagView.
5. si UIImageView est caché, définissez la contrainte principale constante à 10 px pour superview. Autrement, définissez la contrainte principale constante à 10 px + UIImageView.Largeur + 10 px.

j'ai créé ma propre règle. Chaque fois que vous devez cacher / afficher un uiview dont les contraintes pourraient être affectées, ajoutez tous les sous-vues affectées / dépendantes à l'intérieur d'un uivi et mettez à jour sa constante de contraintes leading / trailing / top / bottom de façon programmatique.

C'est une vieille question mais j'espère quand même qu'elle aidera. Venant D'Android, dans cette plate-forme, vous avez une méthode pratique isVisible pour le cacher de la vue, mais aussi ne pas avoir le cadre considéré lorsque l'autolayout tirer la vue.

en utilisant extension et" extend "uiview vous pourriez faire une fonction similaire dans ios (pas sûr pourquoi il n'est pas déjà dans UIKit) voici une implémentation dans swift 3:

    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{"151900920".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()
    }

la bonne façon de le faire est de désactiver les contraintes avec isActive = false. notez cependant que désactiver une contrainte la supprime et la libère, de sorte que vous devez avoir des débouchés solides pour eux.

j'utiliserai horizontal stackview. Il peut supprimer le cadre lorsque le subview est caché.

dans l'image ci-dessous, la vue Rouge est le conteneur réel pour votre contenu et a 10pt espace de traînée à Orange superview (ShowHideView), puis il suffit de connecter ShowHideView à IBOutlet et show/hide/remove it programatically.

1. c'est lorsque la vue est visible/installée.

2. c'est lorsque la vue est cachée/non installée.

Ce mon autre solution à l'aide de la priorité de la contrainte. L'idée est de définir la largeur de 0.

1. créer une vue du conteneur (orange) et définir la largeur.

2. créer une vue de contenu (rouge) et définir l'espace de fuite 10pt à superview (orange). Notez les contraintes d'espace de fuite, il y a 2 contraintes de fuite avec une priorité différente. Faible (=10) et élevé (<=10). Ceci est important pour éviter toute ambiguïté.

3. Réglez la largeur de la vue orange à 0 pour cacher la vue.