방법: 이미지가 있는 단추 만들기

이 예제에서는 Button에서 이미지를 포함하는 방법을 보여 줍니다.

예제

다음 예제에서는 두 개의 Button 컨트롤을 만듭니다. 하나의 Button은 텍스트를 포함하고 다른 하나는 이미지를 포함합니다. 이미지는 예제 프로젝트 폴더의 하위 폴더인 데이터라는 폴더에 있습니다. 사용자가 이미지가 있는 Button을 클릭하면 다른 Button의 배경과 텍스트가 변경됩니다.

이 예제에서는 태그를 사용하여 Button 컨트롤을 만들지만 코드를 사용하여 Click 이벤트 처리기를 작성합니다.

<Button Name="btn5" Width="50" Height="30" Click="OnClick5">
  <Image Source="data\flower.jpg"></Image>
</Button>
<Button Name="btn6" BorderBrush="Black">Click the picture.</Button>

void OnClick5(object sender, RoutedEventArgs e)
{
    btn6.FontSize = 16;
    btn6.Content = "This is my favorite photo.";
    btn6.Background = Brushes.Red;
}

Private Sub OnClick5(ByVal sender As Object, ByVal e As RoutedEventArgs)
    btn6.FontSize = 16
    btn6.Content = "This is my favorite photo."
    btn6.Background = Brushes.Red
End Sub

참고 항목

• 컨트롤
• 컨트롤 라이브러리