aplicaciones moviles hibridas

Recursos para una aplicacion IOS

Tamaño de imagen y resolución

En IOS las pantallas de alta resolución tienen una mayor densidad de píxeles, por lo tanto hay más píxeles en la misma cantidad de espacio físico, hay más píxeles por punto. Esto trae como resultado que las pantallas de alta resolución requieren imágenes con más píxeles.

 

Una imagen de resolución estándar tiene un factor de escala de 1.0 y se conoce como una imagen @ 1x. Las imágenes de alta resolución tienen un factor de escala de 2.0 o 3.0 y se denominan imágenes @ 2x y @ 3x. Supongamos que tiene una resolución estándar @1x de 100px × 100px, por ejemplo. La versión @2x de esta imagen sería 200px × 200px. La versión @3x sería 300px × 300px.

Dispositivos Factor de escala
iPhone X, iPhone 8 Plus, iPhone 7 Plus y iPhone 6s Plus
@ 3x
Todos los demás dispositivos iOS de alta resolución
@ 2x

 

Recursos basicos:

Para empezar a visualizar la aplicacion IOS en su dispositivo de prueba es necesario los siguientes componentes:

  1. Icono de aplicacion : 180px × 180px.
  2. Imagen de presentacion (Launch Screen): 2048px × 2732px  (Portrait)

Icono de Aplicacion

Dispositivo Tamaño
iPhone 180px × 180px (60pt × 60pt @3x) (requerido)
  120px × 120px (60pt × 60pt @2x)
iPad Pro 167px × 167px (83.5pt × 83.5pt @2x)
iPad, iPad mini 152px × 152px (76pt × 76pt @2x)
App Store 1024px × 1024px (1024pt × 1024pt @1x)

 

Iconos en Spotlight, Configuración y Notificacion:

Dispositivo Tamaño(Spotlight)
iPhone 120px × 120px (40pt × 40pt @3x)
  80px × 80px (40pt × 40pt @2x)
iPad Pro, iPad, iPad mini 80px × 80px (40pt × 40pt @2x)

 

Dispositivo Tamaño(Configuración)
iPhone 87px × 87px (29pt × 29pt @3x)
  58px × 58px (29pt × 29pt @2x)
iPad Pro, iPad, iPad mini 58px × 58px (29pt × 29pt @2x)

 

Dispositivo Tamaño(Notificación)
iPhone 60px × 60px (20pt × 20pt @3x)
  40px × 40px (20pt × 20pt @2x)
iPad Pro, iPad, iPad mini 40px × 40px (20pt × 20pt @2x)

 

Launch Screen

Dispositivo Portrait  Landscape 
12.9" iPad Pro 2048px × 2732px 2732px × 2048px
10.5" iPad Pro 1668px × 2224px 2224px × 1668px
9.7" iPad 1536px × 2048px 2048px × 1536px
7.9" iPad mini 4 1536px × 2048px 2048px × 1536px
iPhone X 1125px × 2436px 2436px × 1125px
iPhone 8 Plus 1242px × 2208px 2208px × 1242px
iPhone 8 750px × 1334px 1334px × 750px
iPhone 7 Plus 1242px × 2208px 2208px × 1242px
iPhone 7 750px × 1334px 1334px × 750px
iPhone 6s Plus 1242px × 2208px 2208px × 1242px
iPhone 6s 750px × 1334px 1334px × 750px
iPhone SE 640px × 1136px 1136px × 640px


Contactanos

Cargar archivos remotos con cordova (IOS)

Plugins:

cordova-plugin-file-transfer

cordova-plugin-zip

Ruta de los archivos en cordova:

Utilizamos FILE-TRANSFER para descargar el archivo:

--> https://github.com/apache/cordova-plugin-file-transfer

Esta libreria requiere de 3 parametros basicos: (uri, fileUrl, callback), comenzando por la  URL de descarga, la url interna para guardar el archivo y una funcion para recibir la respuesta de la consulta.

El archivo ZIP será guardado en la carpeta NoCloud  (IOS), cuya ruta se encuentra en cordova.file.dataDirectory + “app.zip”, se le asigna un nombre de archivo a la descarga; este archivo se sobrescribe en caso exista archivos con el mismo nombre.

Ahora que el arhivo ya se encuentra dentro de la aplicacion procedemos a descomprimir y asignarle una ruta que tenga los permisos de lectura y escritura, ya que la carpeta por defecto "WWW" tiene permisos unicamente de lectura.

Utilizamos CORDOVA-PLUGIN-ZIP para descomprimir el archivo:

-->  https://github.com/MobileChromeApps/cordova-plugin-zip

Esta libreria tambien requiere de 3 parametros basicos: (source, destination, callback), direccion url de la ubicacion del archivo, direccion url para descomprimir el archivo y una funcion para recibir la respuesta de la consulta.

 

El archivo ZIP sera descomprimido en la carpeta 'Documents/' dentro de la aplicacion ya que esta carpeta tiene permisos de escritura y lectur y se encuentra con la siguiente url: cordova.file.documentsDirectory, y luego desde la respuesta de la funcion redireccionamos por javascript hacia la carpet donde se encuentran los archivos descomprimidos. windows.location = cordova.file.documentsDirectory +"/app/index.hmtl"



Contactanos