Comment placer une étiquette et un bouton sur une image de sorte que même si l'image est mise à l'échelle, ils sont au même endroit sur l'image?

Question

J'ai une application presque complète. Je veux utiliser la mise en page automatique, mais même si j'ai beaucoup cherché sur ce sujet, je ne pouvais pas trouver une réponse que je pourrais utiliser. Je peux l'obtenir pour montrer correctement sur une taille d'écran mais pas sur un autre ... Voici ma question

Comment est-ce que je mets les contraintes nécessaires de sorte que même si le compteur est mis à l'échelle pour les différents dispositifs classés, l'étiquette et les boutons sont au même endroit sur l'image? (l'image est une image png)

Je serais vraiment heureux si vous pouvez répondre ou me diriger vers une réponse qui montre comment faire une chose similaire.

C'est ce que je veux

Et c'est ce qui se passe si j'essayer de le faire avec la mise en page automatique et une taille d'écran différente.

• Ce n'est pas la même image que je me sers dans mon application, mais il vous donnera une idée)

Merci encore

Edit:.

Merci pour les réponses, mais comme indiqué dans les commentaires, la première réponse ne fournit pas un moyen de mettre à l'échelle l'image pour différentes tailles d'écran.

Deuxième réponse fournit un moyen, mais je ne pouvais pas comprendre la 2ème partie de la réponse.J'ai besoin d'un peu plus de détails. Je serais heureux s'il y a quelqu'un là-bas qui peut m'aider sur cette question.

Je suis toujours aux prises avec ce problème. Si je suis la deuxième réponse Xcode dit que j'ai besoin de la position X, la largeur pour la première vue de remplissage et la position Y, la hauteur pour la deuxième vue de remplissage. Je suis bloqué à ce stade. Je ne suis pas sûr de la valeur à donner à ces points de vue.

Answer 1

Parce que la taille de l'image change sur différentes tailles d'écran, vous ne pouvez pas définir des contraintes constantes. Ce dont vous avez besoin, ce sont des contraintes proportionnelles.

1. Définissez votre UILabel et UIButton pour avoir la largeur et la hauteur proportionnelle à la largeur respectivement UIImageView et hauteur.

Pour cela: Cliquez sur votre UILabel

et Ctrl glisser sur la UIImageView, la sélection et l'égalité Largeurs Equal Heights.Supposons que votre UILabel ait une largeur de 100px et que votre UIImageView ait une largeur de 500px. Modifier les contraintes que vous venez de définir et mettre le multiplicateur à 100: 500

Cela fera en sorte que toute modification de la largeur UIImageView, aura une incidence sur la largeur UILabel en conséquence. Faites de même pour la contrainte de hauteur. Répétez les mêmes étapes pour UIButton

1. Le haut/bas/de fuite/leader contrainte ne peut pas être définie proportionnelle à la taille UIImageView malheureusement, mais vous pouvez avoir vues de remplissage - vues transparentes qui peuvent mimer les contraintes de mise en page.

Vous aurez besoin de deux vues de remplissage: une pour contrainte supérieure:

(définir sa hauteur proportionnelle à la hauteur de UIImageView)

et une pour principale contrainte

(

(définir sa largeur pour être proportionnelle à l'interface utilisateur ImageView width)

Je peux faire une petite vidéo pour vous si ce n'est pas assez clair.

Answer 2

Vous devez ajouter des contraintes par rapport à la vue de l'image. J'ai créé un petit projet avec votre image. Cela devrait vous aider à démarrer.

https://1drv.ms/u/s!Aq8sK_MQLIL9gxMl-lBOMHkToudU