Développement iOS
  1. Développement iOS
  3. Disposition proportionnelle pour les iPhones (de 5 à 6 Plus) avec des classs de taille
Intereting Posts
Mettre à jour l'location dans Mapview Xcode Méthodes UISsortingngDrawing ne semblent pas être thread safe dans iOS 6 La collision de hachage NSSsortingng ne gâche pas NSDictionary Est-ce que l'appel d'une méthode dans un bloc qui appelle une autre méthode se référant à soi provoque un cycle de rétention? SDK iPhone: Comment jouez-vous de la video dans une vue? Plutôt que plein écran Comment effacer le nombre de badge de notification push dans iOS? ios restaurer datatables après la réinstallation de l'application Est-ce que je fais la bonne chose pour convertir le décibel de -120 – 0 à 0 – 120 Comment imprimer la requête AFNetworking en tant que données RAW Alamofire: téléchargement de file et échec de validation Swift 3 Core Data Supprimer un object l'intégration de la video youtube dans l'application iphone Bibliothèque de suivi des allocations n'a pas été chargée dans le time et incapable de voir la trace de la stack Yahoo authentifie et récupère les détails du profil iOS Subview affichant en dehors des limites de l'UIView parent

Disposition proportionnelle pour les iPhones (de 5 à 6 Plus) avec des classs de taille

J'ai traversé un certain nombre de tutoriels sur les classs de taille mais je n'arrive toujours pas à comprendre une chose.

L'iPhone 5, l'iPhone 6 et l'iPhone 6 Plus ont absolument les mêmes proportions, donc je veux qu'ils utilisent la même disposition de contenu. En disant la même chose, je veux dire proportionnelle à la largeur et la hauteur de l'écran.

Mais! Je ne peux pas find un moyen de le rendre proportionnel pour tous les iPhones!

Il y a juste quelques contraintes qui supportent vraiment les proportions: "Ratio d'aspect", "même largeur" ​​+ "multiplicateur", "même hauteur" + "multiplicateur"

Contraintes, telles que Leading Edges, Horizontal Center In Container, toutes les contraintes Pin fonctionnent avec des valeurs absolues en points logiques, et les écrans de tous les iPhones ont des tailles différentes en points logiques; ainsi je ne peux pas get la même image sur tous les iPhones.

Mettre à jour

J'ajoute une image pour expliquer ce que je veux réaliser:

entrez la description de l'image ici

Si vous voulez faire une si mauvaise utilisation d'un plus grand écran, vous pourriez simplement ne pas inclure le file de lancement ou lancer des images pour les appareils 4.7 "et 5.5" et ils vont simplement utiliser une mise à l'échelle de 4 ".

Mais s'il vous plait, ne faites rien de tout ça. Les écrans peuvent avoir le même format, mais ils ne sont pas de la même taille et les traiter de cette manière peut créer une mauvaise expérience user.

J'ai eu un problème similaire et l'ai résolu en testant l'image par rapport à la hauteur de l'écran (ou la largeur), par exemple: 

 //iphone 5 if UIScreen.main.bounds.size.height == 568.0 { // your code here }

les hauteurs d'écran d'iphone sont comme suit:

iphone 5 = 568,0

iPhone 6 / 6s / 7 = 667,0

iphone 6/7 plus = 736.0

Vérifiez ce projet d'échantillon que j'ai fait pour vous.

Supposons que vous avez un button, puis suivez les étapes que j'ai mentionnées ci-dessous pour faire la hauteur proportionnelle, la largeur et la position du button à la vue parente.

  1. Donnez votre ratio d'aspect de button.
  2. Donne une largeur égale à la largeur de la vue parente.
  3. Ajouter Constraint Center Horizontalement dans le conteneur et Centrer verticalement dans le conteneur.
  4. Sélectionnez votre button, puis allez à l'inspecteur de taille et réglez le multiplicateur pour la largeur (comme 0,3 ou 0,4 etc).
  5. Réglez ensuite le multiplicateur pour "aligner le centre X sur .." (si vous voulez que votre button soit à gauche du centre, placez le multiplicateur en dessous de 1 comme 0.8, 0.7, 0.5 etc. Et si vous voulez que votre button soit à droite du centre puis définissez la valeur du multiplicateur plus grande que 1 comme 1.2 etc).
  6. Réglez la valeur du multiplicateur pour "Aligner le centre y sur .." comme dans Etape

Tout est fait .. Il suffit de courir et vérifier.

J'espère que ceci vous aidera.