Cómo: Cambiar el color de un elemento mediante eventos de foco

En este ejemplo se muestra cómo cambiar el color de un elemento cuando recibe y pierde el foco utilizando los eventos GotFocus y LostFocus.

Este ejemplo consta de un archivo Extensible Application Markup Language (XAML) y un archivo de código subyacente.

Ejemplo

En el XAML siguiente se crea la interfaz de usuario, que está compuesta de dos objetos Button, y se asocian los controladores de eventos para los eventos GotFocus y LostFocus a los objetos Button.

<StackPanel>
  <StackPanel.Resources>
    <Style TargetType="{x:Type Button}">
      <Setter Property="Height" Value="20"/>
      <Setter Property="Width" Value="250"/>
      <Setter Property="HorizontalAlignment" Value="Left"/>
    </Style>
  </StackPanel.Resources>
  <Button
      GotFocus="OnGotFocusHandler"
      LostFocus="OnLostFocusHandler">Click Or Tab To Give Keyboard Focus</Button>
  <Button
      GotFocus="OnGotFocusHandler"
      LostFocus="OnLostFocusHandler">Click Or Tab To Give Keyborad Focus</Button>
</StackPanel>

En el siguiente código subyacente se crean los controladores de eventos GotFocus y LostFocus. Cuando Button recibe el foco del teclado, la propiedad Background de Button se cambia al color rojo. Cuando Button pierde el foco del teclado, la propiedad Background de Button se vuelve a establecer en el color blanco.

Partial Public Class Window1
    Inherits Window

    Public Sub New()
        InitializeComponent()
    End Sub

    'raised when Button gains focus. Changes the color of the Button to red.
    Private Sub OnGotFocusHandler(ByVal sender As Object, ByVal e As RoutedEventArgs)
        Dim tb As Button = CType(e.Source, Button)
        tb.Background = Brushes.Red
    End Sub

    'raised when Button loses focus. Changes the color back to white.
    Private Sub OnLostFocusHandler(ByVal sender As Object, ByVal e As RoutedEventArgs)
        Dim tb As Button = CType(e.Source, Button)
        tb.Background = Brushes.White
    End Sub
End Class

public partial class Window1 : Window
{
    public Window1()
    {
        InitializeComponent();
    }

    // Raised when Button gains focus.
    // Changes the color of the Button to Red.
    private void OnGotFocusHandler(object sender, RoutedEventArgs e)
    {
        Button tb = e.Source as Button;
        tb.Background = Brushes.Red;
    }
    // Raised when Button losses focus. 
    // Changes the color of the Button back to white.
    private void OnLostFocusHandler(object sender, RoutedEventArgs e)
    {
        Button tb = e.Source as Button;
        tb.Background = Brushes.White;
    }
}

Vea también

Conceptos

Información general sobre acciones del usuario