¿Cómo acomodar la resolución de la pantalla del iPhone 4?

Question

Según Apple, el iPhone 4 tiene una nueva y mejor resolución de pantalla:

resolución

pantalla

de 3,5 pulgadas (en diagonal) pantalla ancha Multi-Touch
de 960 x 640 píxeles a 326 ppp

Este pequeño detalle afecta a nuestras aplicaciones de una manera pesada. La mayoría de las aplicaciones de demostración en la red tienen una cosa en común: posicionan las vistas al creer que la pantalla tiene un tamaño fijo de 320 x 480 píxeles. Entonces, lo que hacen la mayoría de los desarrolladores (si no todos) es que diseñaron todo de tal manera que un área táctil es (por ejemplo) 50 x 50 píxeles grande. Solo lo suficiente para tocarlo. Las cosas se han colocado en relación con la esquina superior izquierda, para llegar a una posición específica en la pantalla, digamos el centro, o en algún lugar en la parte inferior.

Cuando desarrollamos aplicaciones de alta resolución, es probable que no funcionen en dispositivos más antiguos. Y si lo hacen, sufrirían mucho de 4 veces el tamaño de cualquier imagen, teniendo que escalarlas en la memoria.

Answer 1

Según Supporting High-Resolution Screens In Views, a partir de la documentación de Apple:

En los dispositivos con pantallas de alta resolución, la imageNamed:, imageWithContentsOfFile: y initWithContentsOfFile: métodos busca automáticamente una versión de la imagen solicitada con el @2x modificador en su nombre. Si encuentra uno, carga esa imagen en su lugar. Si lo hace no proporciona una versión de alta resolución de una imagen determinada, el objeto de imagen aún carga una imagen de resolución estándar (si existe) y la escala durante el dibujo.

Cuando carga una imagen, un objeto UIImage establece automáticamente las propiedades de escala de tamaño y en los valores apropiados según el sufijo del archivo de imagen. Para imágenes de resolución estándar, establece la propiedad de escala en 1.0 y establece el tamaño de la imagen en las dimensiones de píxeles de la imagen . Para imágenes con el sufijo @ 2x en el nombre de archivo, establece la propiedad de escala en 2.0 y reduce a la mitad los valores de ancho y alto a para compensar el factor de escala. Estos valores a la mitad se correlacionan correctamente con las dimensiones basadas en puntos que necesita para usar en el espacio de coordenadas lógicas para representar la imagen.

Answer 2

Engadget's reporting of the keynote incluyó la siguiente transcripción de Steve Jobs

... Hace que sea por lo que sus aplicaciones ejecutar automáticamente en esto, pero hace su texto y controles de la más alta resolución. Sus aplicaciones se ven incluso mejor, pero si usted hace un poco de trabajo , se verán deslumbrantes. Así que sugerimos que lo haga

Por lo tanto, deduzco que si utiliza las API existentes, su aplicación se ampliará. Si aprovecha las nuevas API de iOS4, puede obtener todo lo maravilloso con los nuevos píxeles.

Answer 3

Sí, es cierto.

De acuerdo con WWDC, parece que apple ha creado alguna forma de conversión automática para que la resolución de las aplicaciones no se desactive por completo. Think up-convert para dvd a HDTV.

Supongo que Apple sabe lo que la mayoría de los desarrolladores de estándares han estado usando y ya los usará para una conversión inmediata. Por supuesto, si está programando una aplicación para aprovechar la nueva resolución, se verá mucho mejor que cualquiera que sea el resultado de la auto conversión de manzanas.

Answer 4

Esto es pura especulación, pero si la resolución es realmente 960 x 640, es exactamente el doble de alta que la versión actual. Sería trivialmente simple para el iPhone verificar el objetivo de compilación de aplicaciones y detectar una versión heredada de la aplicación y simplemente escalarla en 2. Nunca notarías la diferencia.

Answer 5

Parece que la pantalla estará bien pero me preocupa la lógica de mi juego. ¿Tocará las posiciones Bean puntos de retorno en la nueva resolución? Los límites de la pantalla serán diferentes, este tipo de cosas podría ser un problema para mí.

Answer 6

Escalar a una resolución doble con fines de visualización es sencillo, pero ¿se aplicará esta corrección a todas las API que ingresan o salen de una coordenada de pantalla? Si no, las cosas se van a romper ¿no?

Bastante bien si se ha manejado extensamente en todo el marco ... Me imagino que hay muchos api potenciales de este efecto.

Answer 7

Para las personas que vienen a este hilo en busca de una solución a una interfaz web móvil, echa un vistazo a este post en el blog Webkit: http://webkit.org/blog/55/high-dpi-web-sites/

Parece que Webkit ha resuelto este problema hace cuatro años.

Answer 8

Todas sus etiquetas y botones del sistema estarán a 326 ppp pero sus imágenes seguirán duplicándose en píxeles hasta que agregue los recursos de alta resolución. Actualmente estoy actualizando mis aplicaciones. Si compila y ejecuta en el iPhone 4 sim entonces se presenta al 50%, vaya a Ventana> Escala> 100% para ver la diferencia real! Las etiquetas son suaves, ¡mis imágenes se ven impactantes!