Label y TextBlock
El control Label en WPF se utiliza para mostrar texto en la interfaz de usuario y generalmente se utiliza para proporcionar descripciones o etiquetas. A continuación, se detallan algunas propiedades y eventos comunes del control Label junto con ejemplos:
Propiedades Comunes de Label:
- Content:
- Descripción: Especifica el contenido (texto) que se mostrará en el
Label. - Ejemplo:
<Label Content="Texto de la etiqueta" />
- Descripción: Especifica el contenido (texto) que se mostrará en el
- FontSize:
- Descripción: Define el tamaño de fuente del texto en el
Label. - Ejemplo:
<Label Content="Tamaño de fuente grande" FontSize="16" />
- Descripción: Define el tamaño de fuente del texto en el
- FontFamily:
- Descripción: Especifica la fuente utilizada para el texto del
Label. - Ejemplo:
<Label Content="Fuente personalizada" FontFamily="Arial" />
- Descripción: Especifica la fuente utilizada para el texto del
- Foreground:
- Descripción: Controla el color del texto en el
Label. - Ejemplo:
<Label Content="Texto en color rojo" Foreground="Red" />
- Descripción: Controla el color del texto en el
- HorizontalAlignment y VerticalAlignment:
- Descripción: Determinan la alineación horizontal y vertical del contenido del
Labeldentro del espacio asignado. - Ejemplo:
<Label Content="Centrado" HorizontalAlignment="Center" VerticalAlignment="Center" />
- Descripción: Determinan la alineación horizontal y vertical del contenido del
Eventos Comunes de Label:
- MouseEnter y MouseLeave:
- Descripción: Se desencadenan cuando el puntero del mouse entra o sale del área del
Label. - Ejemplo:
<Label Content="Texto sensible al mouse" MouseEnter="Label_MouseEnter" MouseLeave="Label_MouseLeave" />private void Label_MouseEnter(object sender, MouseEventArgs e) { // Acciones al entrar el puntero del mouse } private void Label_MouseLeave(object sender, MouseEventArgs e) { // Acciones al salir el puntero del mouse }
- Descripción: Se desencadenan cuando el puntero del mouse entra o sale del área del
- Click:
- Descripción: Se desencadena cuando se hace clic en el
Label. - Ejemplo:
<Label Content="Haz clic en mí" MouseLeftButtonDown="Label_Click" />private void Label_Click(object sender, MouseButtonEventArgs e) { // Acciones al hacer clic en el Label }
- Descripción: Se desencadena cuando se hace clic en el
El control TextBlock en WPF es similar al Label pero se utiliza específicamente para mostrar texto sin la capacidad de interacción directa. A continuación, se detallan algunas propiedades y eventos comunes del control TextBlock junto con ejemplos:
Propiedades Comunes de TextBlock:
- Text:
- Descripción: Especifica el contenido de texto que se mostrará en el
TextBlock. - Ejemplo:
<TextBlock Text="Texto del TextBlock" />
- Descripción: Especifica el contenido de texto que se mostrará en el
- FontSize:
- Descripción: Define el tamaño de fuente del texto en el
TextBlock. - Ejemplo:
<TextBlock Text="Tamaño de fuente grande" FontSize="16" />
- Descripción: Define el tamaño de fuente del texto en el
- FontFamily:
- Descripción: Especifica la fuente utilizada para el texto del
TextBlock. - Ejemplo:
<TextBlock Text="Fuente personalizada" FontFamily="Arial" />
- Descripción: Especifica la fuente utilizada para el texto del
- Foreground:
- Descripción: Controla el color del texto en el
TextBlock. - Ejemplo:
<TextBlock Text="Texto en color rojo" Foreground="Red" />
- Descripción: Controla el color del texto en el
- TextAlignment:
- Descripción: Define la alineación del texto dentro del
TextBlock(izquierda, derecha, centro, justificado). - Ejemplo:
<TextBlock Text="Texto justificado" TextAlignment="Justify" />
- Descripción: Define la alineación del texto dentro del
Eventos Comunes de TextBlock:
Dado que el TextBlock no es interactivo por sí mismo, no tiene eventos específicos de interacción. Sin embargo, puedes colocar un TextBlock dentro de un contenedor interactivo como un Button o un Hyperlink y luego manejar los eventos de ese contenedor.
Ejemplo de TextBlock dentro de un Button:
<Button Click="Button_Click">
<TextBlock Text="Haz clic en mí" />
</Button>
private void Button_Click(object sender, RoutedEventArgs e)
{
// Acciones al hacer clic en el botón con el TextBlock dentro
}
En este ejemplo, el TextBlock se coloca dentro de un Button, y el evento Click del botón se utiliza para manejar la interacción.
El TextBlock es útil cuando solo necesitas mostrar texto y no necesitas que el usuario interactúe directamente con él. Puedes personalizar el formato del texto utilizando las propiedades mencionadas según tus necesidades.