Redimensionner les images d'UIImage dans UIStackView pour les adapter à l'application iOS

Question

Sur mon application iOS écrite en Swift 3, j'ai 4 UIImages, chacune 2 dans un UIStackView, et les 2 UIStackViews dans un autre UIStackView, comme le montre l'image ci-dessous :

Sur l'image vous pouvez voir la division I fait aux images.

Vous pouvez également voir le problème, lorsque les images quittent l'écran et que l'utilisateur ne peut pas voir l'image complète parce qu'elle est rognée.

Toutes les images sont au format «2x» sur leur ensemble d'images en Assets.xcassets.

Sur Main.storyboard dans l'inspecteur d'attributs, j'ai changé le mode de contenu pour «Échelle à remplir» pour les 4 images. J'ai aussi fait que dans le code:

phoneCallImage.contentMode = UIViewContentMode.scaleAspectFit 
sendEmailImage.contentMode = UIViewContentMode.scaleAspectFit 
sendSmsImage.contentMode = UIViewContentMode.scaleAspectFit 
openFacebookImage.contentMode = UIViewContentMode.scaleAspectFit 

J'ai aussi essayé de le faire avec le plein UIStackView (images Stack Voir sur la photo):

imagesStackView.contentMode = UIViewContentMode.scaleAspectFit 

Que puis-je faire pour résoudre ce problème et montrer la image complète sans le couper?

Answer 1

Vous devrez définir des contraintes pour les images individuelles et les vues de la pile contenant. Pour chaque image, vous devrez spécifier une contrainte de largeur égale à la plus grande vue de la pile avec un multiplicateur de 0,5 (50% de la largeur du parent) afin qu'elle s'adapte à la taille de l'écran. Ensuite, pour chaque image, vous pouvez utiliser une contrainte pour le rapport d'aspect afin de le maintenir à 1: 1 afin que la hauteur soit également mise à l'échelle. Ensuite, pour la vue de la pile supérieure, vous devez également limiter sa largeur à la vue parent, puis ajouter des contraintes pour la marge gauche et la position y.

Voir les images pour les contraintes et le résultat final.

Answer 2

J'ai réussi à résoudre ce problème.
D'abord, je choisis les pleins UIStackView (images Voir Stack dans l'image) et a ajouté des contraintes à lui, pour définir les marges à 0:

Après que j'ai choisi tout le monde des images dans le UIStackView et changé sa largeur et sa hauteur à 171,5 à partir du menu de contraintes, pour que ce soit un carré:

Après cela, tout était parfaitement aligné sur l'écran.