Los iconos y las pantallas Splash
Esta sección le muestra cómo configurar de una aplicación icono y pantalla opcional para varias plataformas, tanto cuando se trabaja en la CLI de Cordova (descrito en la interfaz de línea de comandos) o herramientas específicas de la plataforma SDK (detallada en las guías de plataforma).
Configuración de los iconos en el CLI
Cuando se trabaja en la CLI, archivos de código fuente del icono se encuentran en diferentes subdirectorios específicos a una plataforma dentro del proyecto www/res/icons
Directorio. Recién creados proyectos cuentan con un conjunto de iconos de Córdoba para reemplazar para las plataformas de destino predeterminado.
Android especifica iconos de baja, media, alta y extra alta resolución:
android/icon-36-ldpi.png
android/icon-48-mdpi.png
android/icon-72-hdpi.png
android/icon-96-xhdpi.png
La plataforma iOS especifica 72-pixel-cuadrado iconos para iPads y muestra iconos 57-pixel para iPhones y iPods, con variantes de alta resolución 2 x para la retina:
ios/icon-57-2x.png
ios/icon-57.png
ios/icon-72-2x.png
ios/icon-72.png
Windows Phone especifica un icono predeterminado 48 píxeles, junto con fondo de diversos dispositivos imágenes utilizadas al representar aplicaciones de revestimientos:
windows-phone/icon-48.png
windows-phone/icon-62-tile.png
windows-phone/icon-173-tile.png
Blackberry requiere un icono de 80 píxeles:
blackberry/icon-80.png
Tizen requiere un icono 128 píxeles:
tizen/icon-128.png
Configuración de pantallas de Splash en el CLI
Utilizar la API Splashscreen para activar la visualización de la pantalla de presentación introductoria de una app en muchas plataformas. Cuando se trabaja en la CLI, archivos de código fuente de pantalla splash se encuentran dentro del proyecto www/res/screens
subdirectorio.
Android especifica ambas imágenes de pantalla splash retrato y paisaje-orientada de baja, media, alta y extra alta resolución:
android/screen-hdpi-landscape.png
android/screen-hdpi-portrait.png
android/screen-ldpi-landscape.png
android/screen-ldpi-portrait.png
android/screen-mdpi-landscape.png
android/screen-mdpi-portrait.png
android/screen-xhdpi-landscape.png
android/screen-xhdpi-portrait.png
La plataforma iOS especifica las variantes para iPhone/iPod y iPad, con variantes para las exhibiciones de la retina y orientaciones diferentes. El archivo 568 h está personalizado para el iPhone de 5 pantalla más alta:
ios/screen-ipad-landscape-2x.png
ios/screen-ipad-landscape.png
ios/screen-ipad-portrait-2x.png
ios/screen-ipad-portrait.png
ios/screen-iphone-landscape-2x.png
ios/screen-iphone-landscape.png
ios/screen-iphone-portrait-2x.png
ios/screen-iphone-portrait.png
ios/screen-iphone-portrait-568h-2x.png
BlackBerry y Windows Phone especifican una imagen de pantalla splash solo:
blackberry/screen-225.png
windows-phone/screen-portrait.jpg
Las siguientes secciones detallan cómo configurar salpicadura pantallas cuando trabajo con SDK y las herramientas de línea de comandos relacionados con descrito en las guías de la plataforma.
Salpicadura pantallas para la plataforma Android
Coloque los archivos de imagen 9-parche en del proyecto Android res/drawable
Directorio. El tamaño de cada uno debe ser:
- Xlarge (xhdpi): al menos 960 × 720
- grande (IPAP): al menos 640 × 480
- medio (mdpi): al menos 470 × 320
- pequeño (ldpi): por lo menos 426 × 320
En config.xml
, agregue las siguientes preferencias:
<preference name="splashscreen", "splash" />
<preference name="splashScreenDelay", 10000 />
La primera línea establece la imagen que se mostrará como la pantalla de bienvenida. Si nombre su imagen nada aparte de splash.png
, tienes que modificar esta línea.
La segunda línea establece la demora de tiempo aparece el splashscreen en milisegundos. Para despedir la pantalla de inicio una vez que la aplicación recibe el [deviceready](../cordova/events/events.deviceready.html)
evento, llamada el navigator.splashscreen.hide()
método.
Salpicadura pantallas para la plataforma iOS
Copiar tus imágenes en pantalla splash en el proyecto iOS Resources/splash
Directorio. Sólo agregar las imágenes de los dispositivos que desea apoyar, como el iPad o el iPhone. El tamaño de cada imagen debe ser:
- Default-568h@2x~iphone.png (640x1136 pixels)
- Default-Landscape@2x~ipad.png (1496 x 2048 píxeles)
- Default-Landscape~ipad.png (1024x748 pixels)
- Default-Portrait@2x~ipad.png (1536x2008 pixels)
- Default-Portrait~ipad.png (768x1004 pixels)
- Default@2x~iphone.png (640x960 pixels)
- Default~iphone.png (320x480 pixels)
Salpicadura pantallas para la plataforma BlackBerry 10
Copiar tus imágenes en pantalla splash en el proyecto res/screen/blackberry10
Directorio. Los nombres de archivo deben ser:
- splash-1280x768.png (1280x768 pixels)
- splash-720x720.png (720x720 pixels)
- splash-768x1280.png (768x1280 pixels)