Tabla de contenido:
Video: CÓMO HACER ANIMACIONES 3D EN EL MUNDO REAL 2025
Afortunadamente, la mayor parte de lo que debe hacer en lo que respecta a la animación de iOS ya está integrado en el marco. Algunas propiedades de vista pueden ser animadas (el punto central, por ejemplo), lo que significa que solo necesita decirle a la vista dónde comenzar y dónde terminar, y algunos otros parámetros opcionales, y listo.
La vista en sí (en la clase base de UIView) tiene la funcionalidad para animar el movimiento. Sin embargo, para darle un contexto en el que pueda comprender cómo funciona la animación en el iPhone y el iPad, debe comprender qué sucede bajo el capó cuando un marco de trabajo se encarga de las tareas de animación.
Más específicamente, necesita profundizar un poco más en las vistas, sus propiedades y los sistemas de coordenadas en el iPad.
Ver geometría y sistemas de coordenadas
El sistema de coordenadas predeterminado en UIKit ubica su origen en la esquina superior izquierda y tiene ejes que se extienden hacia abajo y hacia la derecha desde el punto de origen. Los valores de coordenadas se representan con números de coma flotante, y no tiene que preocuparse por la resolución de la pantalla; los marcos se encargan de eso automáticamente.
La figura muestra este sistema de coordenadas relativo a la pantalla del iPad. Además del sistema de coordenadas de pantalla, las vistas definen sus propios sistemas de coordenadas locales que le permiten especificar coordenadas relativas a la vista en lugar de relativas a la pantalla.
Debido a que cada vista y ventana define su propio sistema de coordenadas local, cada vez que dibuja o maneja coordenadas, deberá prestar atención al sistema de coordenadas que está utilizando. Suena inquietante, pero en realidad no es tan importante después de que te pongas al ritmo de trabajar con los sistemas de coordenadas.
Puntos frente a píxeles
De acuerdo, entonces, ¿dónde entra la pantalla de alta resolución?
En iOS, todos los valores de coordenadas y distancias se especifican utilizando valores de punto flotante en unidades denominadas puntos. El tamaño medible de un punto varía de un dispositivo a otro y es en gran medida irrelevante. Lo principal para entender sobre los puntos es que proporcionan un marco de referencia fijo para el dibujo.
Por ejemplo, las dimensiones de la pantalla (ancho x alto) para el iPhone 4s son 480 x 320 puntos y para el iPad son 1024 x 768 puntos.
Entonces, aunque un iPhone 4s con pantalla Retina tiene una resolución de 960 por 640- píxeles (una densidad de píxeles de 326 píxeles por pulgada [ppi]) y una pantalla que no es Retina tiene un 480- resolución de-320- píxeles (163 ppp), siempre que diseñe su interfaz para que se ajuste a los tamaños de pantalla en puntos, sus vistas se mostrarán correctamente en el tipo de dispositivo correspondiente.Los mismos principios se aplican a la pantalla sin Retina y Retina en el iPad.
La conclusión aquí es: "No se preocupe por la resolución; concéntrate en los puntos y estarás bien. "
Tamaño y posición de una vista
La ubicación de un objeto de vista en un sistema de coordenadas se determina usando su marco o su propiedad central:
-
La propiedad frame contiene el rectángulo rectángulo, que especifica el tamaño y la ubicación del ver en el sistema de coordenadas de su súper vista.
-
La propiedad del centro contiene el punto central conocido de la vista en el sistema de coordenadas de su súper vista.
En tus andanzas, es posible que algún día encuentres la propiedad de los límites. Está vinculado con el rectángulo de límites, que especifica el tamaño de la vista (y su origen de contenido) en el propio sistema de coordenadas local de la vista .
La figura muestra el marco de la vista principal del iPad (no la vista de la imagen) con un origen de x = 0 ey = 20. Su tamaño se muestra como width = 320 y height = 460. La razón por la que su origen es at y = 20 es que su marco está en sus coordenadas de ventana (su súper vista), y tiene que compartir la ventana con la barra de estado que es, como se puede deducir, 20 píxeles de alto.
