방법: 포커스 이벤트를 사용하여 요소의 색 변경
이 예제에서는 GotFocus 및 LostFocus 이벤트를 사용하여 요소가 포커스를 얻거나 잃을 때 요소의 색을 변경하는 방법을 보여 줍니다.
이 예제는 Extensible Application Markup Language (XAML) 파일과 코드 숨김 파일로 구성됩니다.
예제
다음 XAML에서는 두 Button 개체로 구성된 사용자 인터페이스를 만들고 GotFocus 및 LostFocus 이벤트에 대한 이벤트 처리기를 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>
다음 코드 숨김은 GotFocus 및 LostFocus 이벤트 처리기를 만듭니다. Button이 키보드 포커스를 얻으면 Button의 Background가 빨간색으로 변경됩니다. Button이 키보드 포커스를 잃으면 Button의 Background가 흰색으로 돌아갑니다.
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;
}
}