Redimensionner UIView personnalisé à partir de XIB

J'ai le problème suivant: j'ai créé une coutume UIView classe et de sa mise en page dans XIB fichier. Disons que la taille de ma vue personnalisée dans XIB est de 150 x 50. Je l'ai activé sizeClasses (wAny hAny) et AutoLayout. Dans le cadre de simulations Métriques j'ai mis Size = FreeformStatus Bar = Nonetous les other = Inferred.

Code de mon custom UIView classe ressemble à ceci:

#import "CustomView.h"

@implementation CustomView

#pragma mark - Object lifecycle

- (id)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];

    if (self) {
        [self setup];
    }

    return self;
}

- (id)initWithCoder:(NSCoder *)aDecoder {
    self = [super initWithCoder:aDecoder];

    if (self) {
        [self setup];
    }

    return self;
}

#pragma mark - Private & helper methods

- (void)setup {
    if (self.subviews.count == 0) {
        [[NSBundle mainBundle] loadNibNamed:@"CustomView" owner:self options:nil];
        self.bounds = self.view.bounds;
        [self addSubview:self.view];
    }
}

@end

Dans mon UIViewController où je veux ajouter cette coutume UIViewj'ai fait factice UIView (dont la taille j'ai mis dans Interface Builder) lorsque je veux ajouter mon CustomView et je voudrais que mon CustomView adapte les limites de mon conteneur affichage.

Je suis en train de le faire comme ceci:

_vCustomView = [[CustomView alloc] init];
_vCustomView.translatesAutoresizingMaskIntoConstraints = NO;
[_vContainer addSubview:_vCustomView];

[_vContainer addConstraint:[NSLayoutConstraint constraintWithItem:_vCustomView attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:_vContainer attribute:NSLayoutAttributeLeft multiplier:1.0 constant:0.0]];
[_vContainer addConstraint:[NSLayoutConstraint constraintWithItem:_vCustomView attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:_vContainer attribute:NSLayoutAttributeRight multiplier:1.0 constant:0.0]];
[_vContainer addConstraint:[NSLayoutConstraint constraintWithItem:_vCustomView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:_vContainer attribute:NSLayoutAttributeTop multiplier:1.0 constant:0.0]];
[_vContainer addConstraint:[NSLayoutConstraint constraintWithItem:_vCustomView attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:_vContainer attribute:NSLayoutAttributeBottom multiplier:1.0 constant:0.0]];

Mais pas de chance. Disons que mon conteneur affichage est de 300 x 100, lorsque j'ajoute à mon habitude UIViewma vue personnalisée est encore 150 x 50.

J'ai essayé de travailler sans conteneur view - pour ajouter à mon habitude UIView objet directement à l'auto.vue de ma UIViewController et de définir la largeur et la hauteur avec:

  • autoLayout contraintes
  • en utilisant initWithFrame lors de l'initialisation de mon custom UIView

mais encore une fois - pas de chance. Affichage personnalisé est toujours 150 x 50.

Quelqu'un peut m'expliquer comment puis-je par programme ajouter à mon habitude UIView fait dans XIB et le redimensionner à l'aide autoLayout contraintes?

Merci beaucoup à l'avance.

Edit #1: l'Erreur que je reçois lorsque vous essayez d'exécuter Andrea code sur mon CustomView

Probably at least one of the constraints in the following list is one you don't want. Try this: (1) look at each constraint and try to figure out which you don't expect; (2) find the code that added the unwanted constraint or constraints and fix it. (Note: If you're seeing NSAutoresizingMaskLayoutConstraints that you don't understand, refer to the documentation for the UIView property translatesAutoresizingMaskIntoConstraints) 
(
    "<NSLayoutConstraint:0x17489b760 V:[UIView:0x17418d820(91)]>",
    "<NSLayoutConstraint:0x170c9bf80 V:|-(0)-[CustomView:0x1741da7c0]   (Names: '|':CustomView:0x1741da8b0 )>",
    "<NSLayoutConstraint:0x170c9bfd0 V:[CustomView:0x1741da7c0]-(0)-|   (Names: '|':CustomView:0x1741da8b0 )>",
    "<NSLayoutConstraint:0x170c9be90 V:|-(0)-[CustomView:0x1741da8b0]   (Names: '|':UIView:0x17418d820 )>",
    "<NSLayoutConstraint:0x170c9bee0 CustomView:0x1741da8b0.bottom == UIView:0x17418d820.bottom>",
    "<NSAutoresizingMaskLayoutConstraint:0x170c9dba0 h=--& v=--& CustomView:0x1741da7c0.midY == + 25.0>"
)

Will attempt to recover by breaking constraint 
<NSLayoutConstraint:0x170c9bfd0 V:[CustomView:0x1741da7c0]-(0)-|   (Names: '|':CustomView:0x1741da8b0 )>

Edit #2: Ça marche!!!

Après @Andrea ajouté:

view.translatesAutoresizingMaskIntoConstraints = NO;

dans son:

- (void) stretchToSuperView:(UIView*) view;

méthode, tout fonctionne comme je m'y attendais.

Grâce à @Andrea.

source d'informationauteur uerceg

  1. 16

    Je pense que le principal problème est que vous n'utilisez pas de disposition automatique lorsque vous ajoutez votre xib dans l'affichage du contenu.

    Après l'ajout de la sous-vue en vous init méthodes veuillez appeler cette méthode, en passant le point de vue de la xib:

    - (void) stretchToSuperView:(UIView*) view {
    view.translatesAutoresizingMaskIntoConstraints = NO;
    NSDictionary *bindings = NSDictionaryOfVariableBindings(view);
    NSString *formatTemplate = @"%@:|[view]|";
    for (NSString * axis in @[@"H",@"V"]) {
        NSString * format = [NSString stringWithFormat:formatTemplate,axis];
        NSArray * constraints = [NSLayoutConstraint constraintsWithVisualFormat:format options:0 metrics:nil views:bindings];
        [view.superview addConstraints:constraints];
    }

}

    [MODIFIER]

    Votre code d'installation doit ressembler à cela:

    - (void)setup {
    if (self.subviews.count == 0) {
        [[NSBundle mainBundle] loadNibNamed:@"CustomView" owner:self options:nil];
        self.bounds = self.view.bounds;
        [self addSubview:self.view];
        [self stretchToSuperView:self.view];
    }
}

    Prêter attention qu'à l'intérieur de stretch, j'ai ajouté view.translatesAutoresizingMaskIntoConstraints = NO;


    [EDIT 2]

    Je vais essayer d'élaborer ma réponse comme demandé. À l'aide de mise en page automatique, lorsque vous ajoutez un affichage sans fixer de contraintes de mise en page automatique convertit automatiquement d'un redimensionnement automatique des masques dans les contraintes de la propriété par défaut d'eux est UIViewAutoresizingNone que les moyens de ne pas autoresize.

    Votre XIB vue a été ajouté à sa mère, sans contraintes et sans la possibilité de autoresize gardant ainsi sa taille d'origine. Puisque vous voulez que votre point de vue à redimensionner en conséquence à votre vue que vous aviez deux choix:

    • Changer le d'un redimensionnement automatique des masques de votre xib vue flexible de la largeur et de la hauteur, mais ils ont besoin pour correspondre à la taille du parent ou vous n'aurez pas une couverture complète
    • Ajouter des contraintes contrainte de les deux la vue de modifier en conséquence le parent changements. Et vous réalisez que dire entre le XIB vue et son parent vue de l'espace entre les de fuite/de pointe et haut/bas est de 0. C'est comme vous de mettre un peu de colle sur leurs frontières. Pour cela, vous devez définir la autotranslate redimensionnement masque de contrainte ou PAS, ou vous pourrez avoir des conflits que vous avez publié dans le journal.

    Ce que vous faites, plus tard, est d'ajouter des contraintes à la vue (qui héberge le XIB vue) pour son superview, mais il n'y avait pas de contraintes entre le XIB et ses parents, ainsi mise en page automatique ne sais pas comment faire pour redimensionner les XIB vue.
    Points de vue dans une vue de la hiérarchie doit avoir ses propres contraintes.
    Espérons que cela aide à mieux comprendre.

  2. 1

    Dans votre code, vous devriez avoir quelque chose comme ceci:

    Tout d'abord, un IBOutlet à la largeur de contrainte vous voulez le changement, soit dans le viewController ou dans votre CustomView (je ne sais pas vraiment où vous avez la logique pour calculer la valeur de la contrainte).

    @property (nonatomic, weak) IBOutlet NSLayoutConstraint *widthConstraint;

    Ensuite, dans la méthode que vous souhaitez mettre à jour la valeur de la constante, vous aurez quelque chose comme ceci:

    -(void)updateWidth {
    [self.widthConstraint setConstant:newConstant];
    [self.view layoutIfNeeded]; //self.view must be an ancestor of the view

    //If you need the changes animated, call layoutIfNeeded in an animation block
}

    Espérons que cela fonctionne pour vous. Bonne chance!

  3. 0

    Swift fonction 4.0 pour l'étirer à super vue:

    Extrait De Code:

    static public func stretchToSuperView(view:UIView)
    {
        view.translatesAutoresizingMaskIntoConstraints = false
        var d = Dictionary<String,UIView>()
        d["view"] = view
        for axis in ["H","V"] {
            let format = "\(axis):|[view]|"
            let constraints = NSLayoutConstraint.constraints(withVisualFormat: format, options: NSLayoutFormatOptions(rawValue: 0), metrics: [:], views: d)
            view.superview?.addConstraints(constraints)
        }
    }

    Remarque: il suffit d'appeler la fonction avec un argument comme votre sous-vue.

    Cela m'aide à résoudre les .xib resing question swift 4.0.