Creando el proyecto:
Entramos al VS2oo8 damos click en File> New>Proyect ,en la lista Project Types seleccionamos Visual C# y en la sección Templates seleccionamos WPF Application.
Nombrare el proyecto de ejemplo: WPFejemplo1
Creando la interface grafica XAML
Una vez creado el proyecto procederemos a crear la interface grafica, vamos a hacerlo interesante, la interface que crearemos será similar al estilo de aplicaciones sin la ventana de Windows Form clásicas, le agregaremos el botón X de cierre y le daremos la facultad de poder mover con el mouse la ventana.
Primero agregamos el contenedor principal, por defecto se agrega un Grid como contenedor
Agregando la propiedad de transparencia
En la ventana de propiedades le damos la propiedad de aceptar transparencia a la ventana de Windows y le cambiamos el Windows style a none, además agregamos al tag de Windows la propiedad Background = “Transparent”.
.png)
Agregando contenedores principalesAgregaremos un Border para agregar estilo a nuestra ventana ya que eliminaremos el marco que genera por defecto por eso le daremos 20 de Margin para generar una especie de marco, luego agregamos un StackPanel para que los objetos se agrupen en orden uno junto al otro.
.png)
Para variar el clásico hola mundo del botón y el texto agregaremos un InkCanvas activamos el modo de edición con la propiedad EditingMode= “Ink”, es un control que permite dibujar como en paint dentro de este, además agregaremos un segundo Stack Panel y dentro de este agergaremos dos botones uno para limpiar el InkCanvas es decir limpiar la imagen y un segundo botón para cerrar la aplicación ya que como le quitamos la ventana de Windows carece del X para cerrar.
.png)
Ahora agregaremos los eventos de los botones y el respetivo código para cada botón, primero al borde que será el simulador de una ventana le agregamos la el evento MouseLeftButtonDown que por defecto nos genera la siguiente función al presionar enter "Window_MouseLeftButtonDown",
Entramos al codigo c# y agregamos a la función Window_MouseLeftButtonDown el siguiente código:
private void Window_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
this.DragMove();
}
Este código permite que al dejar presionado el mouse y arrastrar la ventana esta se mueva, ojo solo si presionas sobre los bordes del Border.
Luego agregamos los eventos Click="btnLimpiar_Click" y Click="btnCerrar_Click", cada botón según corresponda
Para el botón de Limpiar:
private void btnLimpiar_Click(object sender, RoutedEventArgs e)
{
inkCanvasBase.Strokes.Clear();
}
Para el botón de Cerrar:
private void btnCerrar_Click(object sender, RoutedEventArgs e)
{
this.Close();
}
.png)
Lo probamos y listo tenemos una ventana tipo Windows vista que nos permite dibujar como en paint, con ese ejemplo simple podemos ver lo fácil que es crear aplicaciones de muy buen aspecto visual y utilizando los conocimientos que teníamos al usar Silverlight 2.0
.png)
Espero que este pequeño tutorial sea de utilidad para alguno que se aventure al mundo del WPF, saludos
