PRCTICA 1

SPLASH SCREEN
Toda aplicacin informtica debe de contar con un Splash Screen, ac te explico cmo
realizar uno, de manera fcil y muy profesional.

Primeros Pasos
Generamos una nueva aplicacin en Visual C#, dentro de Microsoft Visual Studio, a la
cual llamaremos SplashScreen.
Para dar el profesionalismo a nuestra app, en primera
instancia, centraremos el formulario por medio de su
propiedad StartPosition, a la cual le asignaremos el
valor de CenterScreen, por medio del panel de
propiedades.

Ahora, eliminaremos los bordes del

formulario, por medio de la propiedad
FormBorderStyle, y asignaremos el
valor None, el cual significa ninguno.
Esto lo hacemos, porque, ningn
SplashScreen cuenta con bordes,
segn los estndares de diseo.
Y nuestro formulario se ver de la
siguiente manera.

Realicemos algunos cambios estticos para que nuestro SplasScreen, se vea un poco
mejor, para ello colocaremos un control PictureBox, sobre el formulario, para poder
colocar la imagen representativa de nuestra aplicacin.

El pequeo recuadro que podemos observar, ver imagen de la

izquierda, en la parte superior es el control PictureBox, en
este punto debo de hacer notar que necesitaremos contar con
una imagen que simule ser un logotipo para
nuestra aplicacin, en mi caso utilizare el
siguiente:
Mi logotipo, es una cualquiera que en mi caso
esta almacenada en formato PNG, aunque el
formato no es importante ahora, ya que este
tipo de controles soporta mltiples formatos de
imagen, para ser colocados en los formularios
de nuestras aplicaciones. Recomiendo no sobrecargar de imgenes un formulario.

Como siguiente paso, asignaremos la

imagen a nuestro control PictureBox.
Teniendo seleccionado el control en
cuestin, buscaremos en la ventana de
propiedades, aquella que se llama
Image.

Presionaremos el pequeo botn con 3

puntos (botn 3 puntos, a partir de
ahora), esto para poder mostrar la

ventana de Seleccionar Recurso, la

cual nos permitir buscar y seleccionar
una imagen de nuestro DD y asignarla al
PictureBox.

Windows, con el cual buscaremos la

imagen en donde sea que la tengamos
almacenada y la seleccionamos, y
despus click en el botn Abrir de
este mismo cuadro de dialogo.
Despus de este proceso podremos
observar que; nuestra ventana
Seleccionar recurso , muestra la
imagen seleccionada.

Seleccionaremos la opcin Recurso

local, con lo cual se activarn los
botones debajo de esta opcin.

Y despus. Hacemos click en el botn

Importar, con lo cual aparecer el
cuadro de dialogo Abrir, el clsico de

Ya solo nos resta hacer click en el botn

Aceptar.

Y como resultado podemos observar que nuestro formulario ya cuenta con un logotipo.
Pero no sale completo, no te preocupes, para todo existe una
solucin. As que primero, nos cercioramos de que esta
seleccionado el PictureBox, buscaremos despus la
propiedad SizeMode.

Seleccionaremos el valor StretchImage, el cual nos

permitir ajustar la imagen al control PictureBox y no al
revs.

Casi por terminar con el logotipo de nuestra App, ajusta el tamao manualmente y a tu
gusto, ayudndote para ello con los tiradores del control de imagen. Y colcalo en la
parte central alta del formulario.
Ahora colocaremos elementos decorativos, para que nuestra
aplicacin sea atractiva y a la vez minimalista.
Primero aclarar que mi formulario tiene las siguientes
dimensiones:

Width Ancho
Height Alto
Una vez explicado esto, manos a la obra.
Colocaremos 3 controles Panel, se encuentran ubicados dentro del apartado
Contenedores. Y les asignaremos las siguientes
medidas a los 3 (estas medidas contemplando las propias
del Form que ya asign), pasos ms adelante los
acomodaremos sobre el formulario.

El resultado sera el de la imagen de la derecha, siendo en

ese orden de arriba para abajo, Panel1, Panel2 y Panel3.

Seleccionaremos el Panel1, y lo ubicaremos en la parte superior del formulario, esto

apoyados por la propiedad Dock.

Top
Righ
t
Botto
m

Fill
Left