Comprendre iOS Animation - les nuls

Heureusement, la plupart de ce que vous devez faire en ce qui concerne l'animation iOS est déjà intégré dans le cadre. Certaines propriétés de la vue peuvent être animées (le point central, par exemple), ce qui signifie que vous n'avez qu'à indiquer à la vue où commencer et où finir, et quelques autres paramètres optionnels, et vous avez terminé.

La vue elle-même (dans la classe de base UIView) a la fonctionnalité pour animer le mouvement. Pour vous donner un contexte dans lequel vous devez comprendre comment fonctionne l'animation sur l'iPhone et l'iPad, vous devez toutefois comprendre ce qui se passe sous le capot lorsqu'un framework s'occupe des tâches d'animation pour vous.

Plus précisément, vous devez approfondir un peu plus les vues, leurs propriétés et les systèmes de coordonnées de l'iPad.

Afficher les systèmes de coordonnées et de géométrie

Le système de coordonnées par défaut dans UIKit place son origine dans le coin supérieur gauche et possède des axes qui s'étendent vers le bas et vers la droite à partir du point d'origine. Les valeurs de coordonnées sont représentées à l'aide de nombres à virgule flottante et vous n'avez pas à vous soucier de la résolution de l'écran. les cadres s'en chargent automatiquement.

La figure montre ce système de coordonnées par rapport à l'écran de l'iPad. En plus du système de coordonnées de l'écran, les vues définissent leurs propres systèmes de coordonnées locaux qui vous permettent de spécifier les coordonnées par rapport à la vue plutôt que par rapport à l'écran.

Le système de coordonnées sur un écran iPad (avec une vue partagée).

Parce que chaque vue et fenêtre définit son propre système de coordonnées local, chaque fois que vous dessinez ou gérez des coordonnées, vous devez faire attention au système de coordonnées que vous utilisez. Cela semble inquiétant, mais ce n'est vraiment pas un gros problème après avoir commencé à travailler avec les systèmes de coordonnées.

Points par rapport aux pixels

Bon, alors où l'écran haute résolution entre-t-il?

Dans iOS, toutes les valeurs de coordonnées et toutes les distances sont spécifiées à l'aide de valeurs à virgule flottante dans des unités appelées points. La taille mesurable d'un point varie d'un appareil à l'autre et est en grande partie non pertinente. La principale chose à comprendre sur les points est qu'ils fournissent un cadre de référence fixe pour le dessin.

Par exemple, les dimensions de l'écran (largeur x hauteur) pour l'iPhone 4s sont de 480 x 320 points et pour l'iPad de 1024 x 768 points.

Même si un iPhone 4s avec écran Retina a une résolution de 960 x 640 pixels pixels (une densité de pixels de 326 pixels par pouce [ppi]) et qu'un écran non-Retina a une résolution de 480 … par-320- résolution de pixel (163 ppp), tant que vous concevez votre interface pour s'adapter aux tailles d'écran aux points, vos vues s'affichent correctement sur le type de périphérique correspondant.Les mêmes principes s'appliquent avec l'affichage non-Retina et Retina sur l'iPad. Le message à emporter ici est: "Ne vous inquiétez pas de la résolution; concentrez-vous sur les points et tout ira bien. " Taille et position d'une vue

L'emplacement d'un objet de vue dans un système de coordonnées est déterminé à l'aide de son cadre ou de sa propriété centrale:

La propriété frame contient le rectangle du cadre spécifiant la taille et l'emplacement du voir dans

le système de coordonnées de sa super vue.

• La propriété centre contient le point central connu de la vue dans le système de coordonnées de sa super vue.

• Dans vos pérégrinations, vous rencontrerez peut-être un jour la propriété des limites. Il est lié au rectangle des limites, qui spécifie la taille de la vue (et son origine) dans le système de coordonnées local de la vue

. La figure montre le cadre de la vue principale de l'iPad (pas la vue Image) avec une origine de x = 0 et y = 20. Sa taille est indiquée comme largeur = 320 et hauteur = 460. La raison pour laquelle son origine est à y = 20 est que son cadre est dans ses coordonnées de fenêtre (sa super vue), et il doit partager la fenêtre avec la barre d'état qui est, comme vous pouvez le déduire, de 20 pixels de haut.