Autolayout et positionnement proportionnel

Je suppose que ma situation devrait être un problème commun, mais je suis vraiment nouveau à AutoLayout et pour moi, cela semble particulièrement compliqué:

Je veux faire une layout pour être compatible avec des écrans de 3,5 pouces et 4 pouces. C'est la vue pour les affichages de 4 pouces:

entrez la description de l'image ici

Et voici la vue pour un écran de 3,5 pouces:

3,5 pouces d'affichage

Ce dont j'ai besoin, c'est essentiellement de faire en sorte que les espaces entre le contrôle segmenté et la vue jaune et bleue soient proportionnels à la taille de l'écran, je suppose.

Ma solution (ça ne marche pas):

1) Ajout de contraintes pour les espaces verticaux haut / bas du contrôle de segment en utilisant less or equal to .

2) Ajout de contraintes aux autres vues pour conserver leurs positions (par exemple, la vue bleue a un espacement inférieur à la vue principale égal à zéro, la vue jaune a un espacement supérieur fixe).

Dans mon esprit, les contraintes du point 1) se réduisent juste quand la vue principale évolue … mais cela n'arrive pas … et la vue de segment se déplace juste derrière les autres vues en maintenant l'espacement défini comme la valeur maximum du "Moins alors ou égal à "définition.

Comment puis-je résoudre ce problème commun?

Ai-je besoin de créer des vues d'espacement pour cette situation? et dans ce cas comment vous les avez mis en place?

Il existe une solution pure autolayout:

  1. Ajouter une contrainte d'espace vertical [yellowView] – (80 @ 500) – [segmentView]
  2. Ajouter une seconde contrainte d'espace vertical [segmentView] – (> = 5) – [blueView]