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 de la pantalla de presentación tiene como valor predeterminado un gris claro. Si quiere cambiar la imagen o el color predeterminados de la pantalla de presentación de la aplicación, siga estos pasos:

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

  2. En Explorador de soluciones, abra el archivo "Package.appxmanifest". También puede abrir este archivo en 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 "Activos\SplashScreen.png" en el campo Pantalla de presentación.

    En la captura de pantalla siguiente se muestra la ventana "Package.appxmanifest" en Visual Studio. Dependiendo del tipo de proyecto, verá un conjunto ligeramente diferente de recursos visuales.

    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 pantalla de presentación predeterminado en el archivo de manifiesto tiene este aspecto en un editor de texto:

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

  4. Para seleccionar una nueva imagen de pantalla de presentación para una aplicación para UWP, presiona el botón con puntos suspensivos que aparece junto a la etiqueta de 1240 x 600 px debajo de Activos escalados. Elija la imagen de 1240 x 600 píxeles (.png, .jpg o .jpeg) que le gustaría usar para la imagen de la pantalla de presentación.

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

  5. Para seleccionar una nueva imagen de pantalla de presentación para una aplicación de Windows Phone Store, presione el botón con puntos suspensivos que aparece junto a la etiqueta 1152 x 1920 px debajo de Recursos escalados. Elija la imagen de 1152 x 1920 píxeles (.png, .jpg o .jpeg) que desea usar para la imagen de pantalla de presentación.

    Importante La imagen de la 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 recurso que proporcione, se reducirá verticalmente para los factores de escalado 1,4x y 1x.

  6. En el campo Color de fondo de la sección Pantalla de presentación, establezca el color de fondo que se muestra 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 los colores disponibles, vea Elemento SplashScreen. Establecer un color de fondo para la 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). Este es el mismo color que el color de fondo del icono predeterminado (vea el campo Color de fondo de la sección Imágenes y logotipos de mosaico en la pestaña Recursos visuales). Si no especifica un color para un Windows Phone o lo establece en "transparente", el color de fondo de la pantalla de presentación será transparente.

Resumen y pasos siguientes

Si la aplicación tarda un tiempo en cargarse, considere 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.