2017-06-08 1 views
0

J'essaie d'avoir des vues se chevauchent comme le montre l'image ci-dessous, mais je ne pouvais pas comprendre comment je ferais avec la mise en page automatique.Est-il possible d'avoir des vues qui se chevauchent avec la mise en page automatique?

enter image description here

J'ai essayé de faire la programmation vue de dessous, et il a bien fonctionné, sauf pour le bouton que j'avais mis à l'aide de l'interface constructeur.

enter image description here

S'il est possible d'avoir des vues se chevauchent ce sont les contraintes nécessaires, et est-il un moyen de laisser le bouton Afficher au-dessus de la vue dans le fond sans faire programme?

Répondre

0

Vous pouvez faire chevaucher des vues à l'aide d'InterfaceBuilder. D'abord créer la vue de dessus, c'est-à-dire celle avec image, donner ses contraintes comme haut, arrière, premier et dernier. Ensuite, créez la vue qui se chevauche. Les contraintes pour la vue de chevauchement peuvent être l'espace de fin, l'espace de début, l'espace de fond et la hauteur. Puis ajoutez ces boutons dans cette vue.

+0

Qu'en est-il le point de vue de l'image? Je lui ai donné la largeur et la hauteur égales et le centre verticalement et horizontalement dans la vue de dessus, mais la vue de dessous le cache. –

+0

Si vous donnez à imageView une largeur et une hauteur égales, alors que le chevauchement de la vue de dessous le cachera définitivement. –

+0

Au lieu d'une hauteur égale, vous pouvez donner à l'espace supérieur de l'image en tant que 0 et l'espace inférieur comme le rembourrage que vous voulez entre la vue du haut et du bas, puis la vue de dessus ne cachera pas l'image –

0

Dans le générateur d'interface, utilisez une contrainte, accrochez le haut de la vue du bas au bas de la vue de dessus, puis modifiez la constante dans l'inspecteur de taille pour la déplacer comme vous le souhaitez.

Il devrait ressembler à ceci: Example

0

Vous pouvez faire quelque chose comme ça.

faire le deuxième soulèvement de vue avec moins Valeur:

enter image description here

est ici la sortie. SecondView (vert) a été levés vers -50

enter image description here