WPF – Controls Part 1 en 1:30

El día de hoy es tiempo de … Controles WPF.

Si como se podrán imaginar no voy a hablar sobre todos los controles, ni sobre todas las propiedades o características que estos poseen ya que tendría que publicar un libro y este es un blog; pero trataré de referirme ha algunos …. Let´s go.

Nota: Estoy publicando el código XAML sólo por motivos demostrativos ya que en verdad si desean insertar estos controles basta con el designer de Visual Studio o con Expresion para insertar y modificar propiedades de los mismo.

Label

Si como lo escuchan o perdón como lo leen, el control label sobrevivió a la generación del .NET 3.0. Posee todas las caracteristicas básicas de los nuevos controles de WPF. He aquí un ejemplo.

   1: <Label Name="label1" Margin="18,51,0,0" Height="30" 

   2:     HorizontalAlignment="Left" VerticalAlignment="Top" Width="98.103">

   3:     This is a Label.

   4: </Label>

Como se puede observar posee un nombre expresado en la propiedad Name, la propiedad Margin permite posicionar el control dentro de una grilla y posee el siguiente formato: (left, top, right, bottom) traduciendo esto (izquierda, arriba, derecha, abajo). HorizantalAlignment indica el alineamiento horizontal, en este caso hacia la izquierda. VerticalAlignment expresa el alineamiento vertical, en este caso arriba. Las propiedades Height y Width indican el alto y el ancho del control. El texto encontrado entre los tags Label marcan lo que se va mostrar en el control. Como resultado tendremos algo así.

TextBlock

Según Josh Smith, en lo personal es un experto en WPF, el TextBlock no es un control. Si coexiste en el namespace System.Windows.Controls pero deriva de la clase FrameworkElement. Esta y otras razones quedan claramente expuestas en uno de sus artículos. En el artículo se muestran las diferencias esta muy bueno.

Bueno aparte de todo lo anterior he aquí un ejemplo.

   1: <TextBlock Height="15.96" HorizontalAlignment="Left" 

   2:  Margin="18,17,0,0" VerticalAlignment="Top" Width="98.103">

   3:  This is a TextBlock.

   4: </TextBlock>

En este caso tiene las mismas propiedades que el control Label, y como resultado tendremos lo siguiente.

TextBox

Este control es un viejo amigo sobreviviente, me da mucha alegría presentarlo y que siga en el Framework, solo que ahora con características de WPF. Es decir mejorado y aumentado.

Un ejemplo chico de código XAML.

   1: <TextBox Height="21.96" Margin="144,14,0,0" 

   2:  VerticalAlignment="Top" HorizontalAlignment="Left" 

   3:  Width="148" Background="Silver" BorderBrush="DarkGray" 

   4:  GotFocus="TextBox_GotFocus" Name="TextBox1" LostFocus="TextBox1_LostFocus">

   5:   This is a TextBox.

   6: </TextBox>

Aparte de las propiedades habituales que ya vimos se encuentra el fondo o Background, el color del Borde o BorderBrush. Además se encuentras las referencias a los eventos los cuales serán codificados en el code behind file.

Después de esto tendremos como resultado … lo siguiente.

Bueno creo que por hoy es suficiente. Si además me estoy cayendo de sueño asi que nos vemos y Happy Coding!!

Para adelantar la aplicación final de controles será la siguiente ventana mas o menos.