AutoLayout pour conserver les tailles d'affichage proportionnelles

Ceci peut être résolu en ajoutant une autre vue fictive ( dummyView ) avec ses contraintes définies sur Fixed width, height et alignées sur centerX de Superview. Ensuite, ajoutez la vue de gauche et la vue de droite Contrainte d'espacement horizontal de dummyView .

Je suis probablement en retard dans la search d'une solution, mais cela peut être fait très facilement dans IB .

Tout d'abord, ajoutez un UIView et épinglez les quatre bords de l'aperçu.

Ensuite, ajoutez votre première sous-vue et positionnez-la en conséquence (ig: x = 0, y = 0, hauteur = hauteur fixe, largeur = la largeur que vous souhaitez par rapport à l' UIView épinglé aux quatre bords).

Sélectionnez à la fois l' UIView et la première sous-vue et ajoutez une contrainte Equal Widths . Bien sûr, cela vous montrera une erreur dans le positionnement dans l'autolayout, mais c'est OK car ce n'est pas (encore) ce que vous voulez.

Voici l'astuce: select la contrainte Equal Widths et éditez le multiplicateur pour get le ratio souhaité (par exemple: 1: 4 si vous voulez que la première sous-vue soit 1/4 du UIView). Répétez les étapes pour la deuxième sous-vue et Tadaaaaaa!

Je suis nouveau sur autolayout mais j'ai rencontré votre question et j'ai pensé que ce serait un bon défi. (C'est ma mise en garde au cas où ce n'est pas la solution idéale!)

Vous devrez append les contraintes de largeur dans le code. J'ai réalisé ceci en ajoutant d'abord les deux vues dans le NIB sans contraintes de largeur. Ce sont les contraintes pour la première vue (à gauche):

Ce sont les contraintes que j'avais pour la deuxième vue (droite):

Cela laisse une contrainte supplémentaire que vous ne voulez pas sur la deuxième vue – l'espace principal entre la vue d'set et la deuxième vue comme montré ci-dessous:

Vous ne pouvez pas supprimer cette contrainte dans IB car cela laisserait une disposition ambiguë (car nous n'avons pas de largeur sur les sous-vues). Cependant, vous pouvez le supprimer dans le code. Premièrement, mettez en place un débouché pour cela et connectez-le dans IB:

 @property (nonatomic, strong) IBOutlet NSLayoutConstraint *view2superviewLeadingConstraint; 

Ensuite, dans votre vue viewDidLoad du viewDidLoad , vous pouvez le supprimer en utilisant:

 [self.view removeConstraint:self.view2superviewLeadingConstraint]; 

Enfin, ajoutez les contraintes de largeur. La key ici est le paramètre du multiplicateur pour déterminer le pourcentage que vous souhaitez que les largeurs soient basées sur la largeur de la vue globale. Notez également que vous devez définir les parameters constants pour qu'ils correspondent aux totaux avant / arrière définis dans IB:

 NSLayoutConstraint *constraint1 = [NSLayoutConstraint constraintWithItem:self.view1 atsortingbute:NSLayoutAtsortingbuteWidth relatedBy:NSLayoutRelationEqual toItem:self.view atsortingbute:NSLayoutAtsortingbuteWidth multiplier:0.3 constant:-20]; [self.view addConstraint:constraint1]; NSLayoutConstraint *constraint2 = [NSLayoutConstraint constraintWithItem:self.view2 atsortingbute:NSLayoutAtsortingbuteWidth relatedBy:NSLayoutRelationEqual toItem:self.view atsortingbute:NSLayoutAtsortingbuteWidth multiplier:0.7 constant:-40]; [self.view addConstraint:constraint2]; 

Sélectionnez simplement le rapport d'aspect:

Comme d'autres l'ont mentionné, la key est de définir un multiplicateur sur la contrainte "Pin Widths Equally" de sorte que les largeurs des vues finissent par être un multiple les unes des autres. XCode 5.1 devrait append la possibilité de définir ceci dans Interface Builder, mais jusque-là vous avez une autre option en plus de le mettre dans le code. Si vous créez la contrainte "Pin Widths Equally", accédez à l'inspecteur d'identité dans le panneau Utilities sur la droite, puis searchz "User Defined Runtime Atsortingbutes". Ajoutez un nouvel atsortingbut avec la key "multiplicateur", tapez "nombre" et une valeur égale à votre ratio désiré.

Cela ne sera pas reflété dans Interface Builder, mais s'appliquera lorsque votre vue est utilisée.

1. Supprimez les deux contraintes de largeur dans le code, ou réduisez leurs priorités dans IB, sinon vous êtes surcontraint.

2. Ajouter une contrainte pour décrire le rapport de largeur entre la vue verte et la vue bleue, en code:

    // Assuming the ratio you want is green_view_width : blue_view_width = 1 : 2 NSLayoutConstraint *c = [NSLayoutConstraint constraintWithItem:greenView atsortingbute:NSLayoutAtsortingbuteWidth relatedBy:NSLayoutRelationEqual toItem:blueView atsortingbute:NSLayoutAtsortingbuteWidth multiplier:0.5f constant:0.f]; [commonSuperview addConstraint:c]; 

C'est maintenant possible dans XCode 6 avec la propriété ratio d'aspect

Je ne suis pas sûr de savoir à quel point vous êtes familier avec la layout automatique, alors excuses si c'est ce que vous savez déjà:

Lors de l'utilisation de la layout automatique, il est possible d'affecter plusieurs contraintes à la même propriété. Dans certaines circonstances, ces contraintes peuvent se contredire. C'est ce qui provoque l'avertissement que vous voyez.

Il semble que vous ayez défini plusieurs contraintes pour qu'elles soient explicites. Par exemple, votre vue verte sur la gauche a une contrainte "Largeur points exactement.

Les autres contraintes sont mappées sur la capture d'écran, mais ce qui se passe probablement ici est que ces contraintes explicites causent des problèmes – vous avez des contraintes autoresizing qui indiquent que les vues doivent se dilater ou se contracter pour s'adapter à leur zone disponible, mais ces mêmes vues ont contraintes qui nécessitent d'être une largeur exacte.

Cela peut être réparé de plusieurs façons – vous pouvez supprimer ces contraintes de largeur explicites sur vos vues, ou vous pouvez changer leur priorité (par défaut, les contraintes sont 'required', mais vous pouvez les changer pour qu'elles soient optionnelles).

Dans Interface Builder, faites glisser la vue avec le button droit (juste un peu pour afficher le popup noir).
Dans le menu contextuel, select Aspect Ratio .