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
Label
dentro 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.