C#

¿Cómo crear un Splash Screen en WPF?


John 10:14-15“I am the good shepherd; I know my sheep and my sheep know me— just as the Father knows me and I know the Father—and I lay down my life for the sheep.”

Para aquellos no familiarizados con el tema, el Splash Screen según la Wikipedia es:

“Splash screen is a term used to describe an image that appears while a computer program is loading. Splash screens sometimes do not cover the entire screen, but only a rectangle near the center. The splash screens of operating systems and some applications that expect to be run full-screen usually cover the entire screen.”

En palabras sencillas, un splash screen es la imagen que te aparece cuando inicias algún programa como office, visual studio, etc. Bien, pues para que tengas una idea, antes, era un tanto complicado hacer que estas aparecieran en escena, ya que no aparecen junto con la aplicación, sino que son lanzadas justo antes de que se cargue completamente tu programa, y esperan a que este se cargue para darle paso. Pues hoy aprenderemos a hacerlo sin tanto esfuerzo.

Antes que nada, los requisitos, Visual studio 2008, y lo más importante, el SP1 del framework 3.5.

Método 1:

Crear una aplicación WPF estándar. Paso siguiente es agregar la imágen que quieras que sea tu splashscreen:

image

En mi caso, he creado una para efectos de la demostración:

tarjeta

Acto seguido, es irnos a las propiedades de la imagen que hemos insertado, y cambiar el modo de Build Action a Splash Screen:

image

Si has hecho todo bien, seguramente debe de salirte tu splash screen antes de cargar la aplicación:

image

Sencillo no?

Paso # 2:

Para continuar con la demo, cambiaremos el modo de la imagen a None:

image

Dirigete a tu archivo (en mi caso) Window1.xaml.cs, donde agregarás el siguiente código, desupés del método InitializeComponent():

Si te das cuenta, lo que hacemos aquí, es crear un nuevo SplashScreen, pasando el parámetro de nuestra imágen al constructor. La propiedad de Show, que tiene que ser booleano, identifica si la imagen se cerrará sola cuando se cargue nuestro programa o no. Ahora puedes probar el programa y verás que sucede lo mismo que la vez anterior.

Espero que te sea de utilidad 😉

Salu2

Héctor Pérez

Recetas
Xamarin.Forms – Personalizando un NavigationPage
  • gerardo

    gerardogerardo

    Author Reply

    muy interesante y llamativo para las aplicaciones


  • hectorperez

    Jeje, así es 😉 y de una manera muy sencilla 🙂

    Gracias por comentar


  • aaa

    aaaaaa

    Author Reply

    ERES UNA VER….. CHAVO
    MUCHAS GRACIAS ME AYUDO A MI PROYECTO (NO ES BROMA)

    MUCHAS MUCHAS GRACIAS

    GUILLERMO VELASCO ORTEGA ITI 9A
    UNIVERSIDAD TECNOLOGICA DEL CENTRO DE VERACRUZ


    • hectorperez

      Jajajajaja, órale, perfecto que te sirvió 😉

      Salu2