Quelles contraintes devraient être données pour augmenter la taille de l'imageview par rapport à la taille de l'écran de l'appareil sans réduire la clarté de l'image

Je dois montrer une imageview dans une application universelle et sa taille devrait augmenter comme la design de l'écran dans tous les appareils sans réduire la qualité de l'image. L'image donnée à l'imageview est une image statique. Si j'utilise des contraintes de largeur et de hauteur statiques en utilisant des classs de taille, cela fonctionnera. Mais je ne pense pas que ce soit la bonne façon. Si j'utilise la largeur et la hauteur Proportionnel à l'aperçu, il augmente la hauteur de l'image mais la clarté de l'image est réduite dans les iPad. Toute suggestion sera utile.

Pour rendre Imageviewsize par rapport à l'appareil pour une application universelle, vous devez donner un multiplicateur correct à l'imageview.

s'il vous plaît suivez l'étape pour get la sortie désir,


Étape 1: – Réglez le rapport d'aspect à votre imageview. (Vous pouvez également définir le début et la fin du test en haut, en bas, etc., puis donner le ratio d'aspect.)

Ratio d'aspect requirejs pour maintenir la largeur et la hauteur de l'image (carré)

entrez la description de l'image ici


Étape 2: – Régler le centre horizontal et le centre de l'image verticalement. (il sera différent selon vos besoins, vous pouvez également prendre cette étape comme étape 1, puis régler le rapport d'aspect)

entrez la description de l'image ici


Étape 3: – Réglez la hauteur égale à Superview à partir de l'imageview.

(Ne paniquez pas, vous recevrez un avertissement pour mettre à jour les frameworks ou contraindre mais ne le mettez pas à jour)

entrez la description de l'image ici


Étape 4: – Comptez le multiplicateur précis.

imageviewHeight / superview's height = Accurate Multipliar 

Ici ,

 imageviewheight = 200 , superviewheight=600 so , 200(imageviewheight)/600(superviewheight)=0.333 

(positionner le multiplicateur sur imageview où hauteur propositionnelle = superview)

entrez la description de l'image ici


Étape 5: – vérifier la sortie vers un simulateur différent.

entrez la description de l'image ici

J'espère que cette explication détaillée est suffisante pour comprendre votre question.

vous pouvez donner equal height or width avec superview avec un multiplier différent. par exemple le multiplicateur est 0.5 cinq alors votre taille ou largeur sera la moitié de la taille de superview.

J'espère que cela aidera 🙂

Ancrez les bords de l'image comme vous le souhaitez. de sorte que la taille de l'image change en fonction de l'appareil. Mais réglez le mode d'affichage de l'image sur "Aspect Fit" pour vous assurer que l'image sera redimensionnée tout en conservant le format d'image. Vous pouvez changer de mode dans l'inspecteur d'attributes.

S'il vous plaît se référer Différence entre UIViewContentModeScaleAspectFit et UIViewContentModeScaleToFill?