Compartir a través de

Agregar una pantalla de presentación

  • Artículo

Establezca la imagen de la pantalla de presentación de la aplicación y el color de fondo mediante Microsoft Visual Studio.

Establecer la imagen de la pantalla de presentación y el color de fondo en Visual Studio

Cuando se usa una plantilla de Visual Studio para crear la aplicación, se agrega una imagen predeterminada al proyecto y se establece como la imagen de la pantalla de presentación. El color de fondo predeterminado de la pantalla de presentación es gris claro. Si quieres cambiar la imagen o el color predeterminados de la pantalla de presentación de tu aplicación, sigue los pasos siguientes:

  1. Abra el proyecto de aplicación de Plataforma universal de Windows (UWP) existente en Visual Studio.

  2. Abre el archivo "Package.appxmanifest" en el Explorador de soluciones. También puede abrir este archivo desde la barra de menús seleccionando Project>Store>Editar manifiesto de aplicación.

  3. Abra la pestaña Activos visuales y seleccione Pantalla de presentación en el panel Todos los recursos visuales del lado izquierdo de la ventana "Package.appxmanifest". Si va a cambiar la pantalla de presentación por primera vez, verá la ruta de acceso "Assets\SplashScreen.png" en el campo Pantalla de presentación .

    En la captura de pantalla siguiente se muestra la ventana "Package.appxmanifest" en Visual Studio. Según el tipo de proyecto, verás un conjunto de activos visuales ligeramente distinto.

    captura de pantalla de la ventana

    Si abre "Package.appxmanifest" en un editor de texto, el elemento SplashScreen aparece como elemento secundario del elemento VisualElements. El marcado de la pantalla de presentación predeterminada del archivo de manifiesto tiene el siguiente aspecto en un editor de texto:

    <uap:SplashScreen Image="Assets\SplashScreen.png" />

  4. Para seleccionar una nueva imagen para la pantalla de presentación de una aplicación para UWP, presiona el botón que muestra unos puntos suspensivos, situado junto a la etiqueta 1240 x 600 px debajo de Activos a escala. Elige la imagen de 1240 x 600 píxeles (.png, .jpg o .jpeg) que quieres usar como imagen de la pantalla de presentación.

    Importante La imagen de pantalla de presentación que elija debe ser de 620 x 300 píxeles mediante un factor de escalado 1x. Además, al diseñar la pantalla de presentación, ten en cuenta que es menor que la pantalla y que está centrada. No rellena la pantalla como una pantalla de presentación para una aplicación de la Tienda de Windows Phone.

  5. Si quieres seleccionar una nueva imagen para la pantalla de presentación de una aplicación para Tienda de Windows Phone, presiona el botón que muestra unos puntos suspensivos, situado junto a la etiqueta 1152 x 1920 px debajo de Activos a escala. Elige la imagen de 1152 x 1920 píxeles (.png, .jpg o .jpeg) que quieres usar como imagen de la pantalla de presentación.

    Importante La imagen de pantalla de presentación que elija debe ser de 1152 x 1920 píxeles, que es el tamaño correcto para un factor de escala de 2,4x. Si este es el único activo que proporcionas, se reducirá para los factores de escala de 1.4x y 1x.

  6. En el campo Color de fondo de la sección Pantalla de presentación, establece el color de fondo que se mostrará con la imagen de la pantalla de presentación. Puede escribir el nombre de un color o "#" y el valor hexadecimal de un color. Para obtener una lista de los nombres de colores disponibles, consulta el elemento SplashScreen. El establecimiento de un color de fondo para tu pantalla de presentación es opcional. Si no especificas un color para una aplicación para UWP, el color de fondo de la pantalla de presentación tiene como valor predeterminado un gris claro (valor hexadecimal #464646). Se trata del mismo color que el color de fondo del Icono (consulta el campo Color de fondo en la sección Imágenes y logotipos en mosaico de la pestaña Activos visuales). Si no especificas un color para un Windows Phone, o lo estableces en "transparente", el color de fondo de pantalla de presentación será transparente.

Resumen y pasos siguientes

Si tu aplicación tarda un poco en cargarse, considera la posibilidad de agregar una pantalla de presentación extendida. Para obtener instrucciones paso a paso, consulte Creación de una pantalla de presentación personalizada.