Comment implémenter des images pour différentes résolutions

Question

Je souhaite utiliser la résolution pour implémenter des images pour une application iOS.

iOS a les résolutions suivantes pour les appareils modernes:

iphone 5/SE: 640x1136
iphone 6/7: 750x1334
iphone 6/7 +: 1242x2208
mini ipad/air: 1536x2048
L'application que je suis en train de construire est seulement Landscape, donc je cherche à créer 5 images pour chaque image, pour correspondre aux résolutions nécessaires.

J'ai du mal à implémenter ceci dans xcode en utilisant des jeux d'images. Je peux créer 1 ensemble d'image, et l'ai un 3 emplacements pour l'iphone, et 3 emplacements pour l'ipad. Cependant, cela ne satisfait que 3 des 5 images que je veux créer:

L'iphone 6/7 @ 2x, l'iphone 6/7 + @ 3x, et l'ipad pro à 2x.

Existe-t-il un moyen d'implémenter des emplacements supplémentaires pour l'iphone 5 et les Ipads plus petits?

Je n'ai pas été en mesure de trouver un moyen, donc je suppose que je dois utiliser une deuxième série d'images, ajouter les 2 images manquantes résolutions. Cela exigerait alors de moi dans le code, avoir le viewcontroller, charger différentes images en fonction de la résolution de l'appareil.

Je suis d'accord avec cette exigence supplémentaire. Ma question serait la suivante: est-ce la bonne façon de mettre en œuvre cette stratégie? Comment appliqueriez-vous cela? Et quelles pourraient être de meilleures stratégies?


Notes: Ce que je suis en train d'éviter est de limiter le nombre de contraintes nécessaires pour obtenir les points de vue pour regarder la manière que je veux. J'ai commencé sur une application, et j'utilisais 2 images basées sur le rapport d'aspect, et je pense que c'est génial, mais l'iphone 4 jetait tout. Puis j'ai appris que je ne devrais peut-être pas m'inquiéter de l'iPhone 4 car il est obsolète. Donc, je vais soit développer l'interface utilisateur à partir de zéro en utilisant la méthode 2 images ou essayer cette méthode d'image 5 en utilisant la résolution. Je suis un nouveau développeur donc je vous remercie pour toute assistance, désolé si je suis trop verbeux, j'espère que cela peut aider les autres aussi, et je trouve que verbose est certainement la meilleure façon d'être en apprenant. Merci pour toute information!!!

Answer 1

Je ne suis pas sûr de ce genre d'images utilisez-vous voulez, mais devinant qui ne sont que des images d'arrière-plan avec dégradé de couleurs ou de plaine, je pense que vous pouvez le faire:

a) Créer un ensemble d'images, y compris la la plus haute résolution, au milieu et celui le plus bas, peut-être quelque chose comme ceci: 1x: 640x1136, 2x: 1242x2208 et 3x: 2048x2732

b) ensuite utiliser cette série d'images en utilisant ce code qui assure que l'image est redimensionnée correctement la vue:

UIGraphicsBeginImageContext(self.theView.frame.size); 
[[UIImage imageNamed:@"backgroundImageSet"] drawInRect:self.view.bounds]; 
UIImage *image = UIGraphicsGetImageFromCurrentImageContext(); 
UIGraphicsEndImageContext(); 
self.theView = [UIColor colorWithPatternImage:image]; 

Espérons que cela aide!

Answer 2

Bien que vous ne puissiez pas ajouter d'emplacements supplémentaires à .xcassets, vous pouvez implémenter size classes dans vos fichiers .storyboard. C'est une approche simple pour concevoir une interface unique pour chaque appareil. En l'utilisant, vous pouvez concevoir une interface agréable pour l'iPhone 4 (cependant, il est obsolète que vous avez pointé dans OP).