Ver opciones de diseño para su aplicación para ios

Video: iPad Pro, todo lo que debes saber

Antes de empezar a añadir otro punto de vista a su aplicación para iOS - que será una vista secundaria de la opinión de que ya existe - es necesario hablar de las opciones de vista de diseño. Vista de diseño es particularmente importante en los dispositivos móviles ya que el usuario molesto podría girar su dispositivo.

Video: Mejores Aplicaciones para iPhone - Abril

¿Por qué es que un problema? Mira el caso específico de la iPad original. Cuando se mantiene en la orientación vertical, la pantalla es de 768 píxeles de ancho por 1024 píxeles de alto. Pero cuando se gira a la posición del paisaje, la pantalla se convierte en 1.024 píxeles de ancho, pero sólo 768 píxeles de alto.

Si su aplicación se encarga de la rotación correctamente, los componentes tales como botones, campos de texto, imágenes, y así sucesivamente en general tienen que mover y cambiar el tamaño. En otras palabras, se necesita una estrategia de diseño, por lo que subvistas se mueven y cambian de tamaño correctamente cuando se cambia el tamaño de su supervista que contiene.

Aquí hay tres estrategias para la vista de diseño:

  • Difícil que el código del diseño. A continuación, se establece la ubicación, la anchura y la altura de cada ve a sí mismo, y cambiar esas propiedades cuando se gira el dispositivo. Esto es realmente una mala idea para la mayoría de aplicaciones. Es difícil, propenso a errores, e inflexible.

  • Utilizar iOS autosizing. Autosizing ha existido desde las primeras versiones del SDK iOS y proporciona un mecanismo para mover y cambiar el tamaño de una vista en respuesta a cambios en la posición o el tamaño de su supervista automáticamente. Puede establecer el comportamiento por defecto para sus autosizing vistas desde el panel Tamaño del inspector.

    El inspector Tamaño contiene una sección autosizing con resortes y puntales que le permiten especificar el que los bordes de un objeto (si los hay) se cubrió hasta el borde de su contenedor (que a menudo es la propia pantalla) y que los bordes se puede mover. Aunque actualmente apoyado y utilizado en el código mucho más antigua, no es la primera opción para muchos desarrolladores de hoy.

  • Utilice Auto Layout. Se utiliza el sistema de Auto Layout para definir restricciones de diseño para elementos de interfaz de usuario. Restricciones representan relaciones entre los elementos de interfaz de usuario. diseño automático mejora la autosizing de “resortes y puntales” modelo de muchas maneras. Se introdujo en iOS 6 y es el método preferido de manejar autosizing hoy.

Autosizing no se trata sólo de rotación. Sí, la imagen de la pantalla debe ajustarse a medida que gira un dispositivo, pero cuando Apple lanza un nuevo dispositivo con un nuevo tamaño de la pantalla, a ser posible, usted quiere que su aplicación se ajuste automáticamente al nuevo tamaño de pantalla. Usando Auto Layout para autosizing le puede dar una gran ventaja aquí.

Y aún hay más. Si se localizará su aplicación, lo necesario para preparar guiones gráficos separados para cada idioma. Dependiendo de qué idiomas que utilice, puede que tenga que adaptarse a las secuencias de comandos que se ejecutan de derecha a izquierda como de izquierda a derecha (por no hablar idiomas que se pueden ejecutar en vertical).

Video: Cómo crear tu APP para Android y Iphone fácil y rápido - Video 9

Además de eso, algunos idiomas requieren más espacio para expresar la misma idea, aunque esto varía en función tanto de la materia objeto del pensamiento y el lenguaje. Cuando se pone estos problemas de localización en conjunto, se puede ver que los objetos en el guión gráfico que contienen texto traducido pueden necesitar ser capaz de cambiar el tamaño para reflejar su contenido. Diseño automático ayuda a hacer esto.

Estos son temas avanzados, pero son discutidos aquí, así que si se aplican a usted y su aplicación, podrás estar al tanto de Diseño automático y algunas de sus capacidades avanzadas.

Artículos Relacionados