Compartir a través de

Agregar una pantalla de presentación

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 la 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 Recursos visuales y seleccione Pantalla de inicio en el panel Todos los recursos visuales del lado izquierdo de la ventana "Package.appxmanifest". Si va a cambiar su pantalla de presentación por primera vez, verá la ruta "Activos\SplashScreen.png" en el campo de 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 bienvenida para una app UWP, presiona el botón con una elipsis que aparece junto a la etiqueta 1240 x 600 px debajo de Activos escalados. Elija la imagen de 1240 x 600 píxeles (.png, .jpgo .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 mediante un factor de escala 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 lo hace una pantalla de bienvenida para una aplicación de la Tienda de Windows Phone.

  5. Para seleccionar una nueva imagen de pantalla de inicio para una aplicación de la Tienda de Windows Phone, presione el botón con un icono de elipsis que aparece junto a la etiqueta 1152 x 1920 px debajo de Recursos escalados. Elija la imagen de 1152 x 1920 píxeles (.png, .jpgo .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 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 proporcionas, se reducirá para los factores de escalado de 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 mostrará con la imagen de su 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 predeterminado de icono (vea el campo color de fondo del icono imágenes y logotipos sección de activos visuales pestaña). Si no especifica un color para 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.

  • Last updated on