[C# WPF] Image Button

WPF는 Button Control에 Image를 삽입할 수 있습니다.

Image를 삽입하는 방법은 두가지가 있습니다. XAML에서 하는 방법과 Code Behind에서 하는 방법이죠. 다음에서 간단한 예로 두가지 방법을 설명해보겠습니다.

Image를 사용할 때는 우선 프로젝트에 사용하고자 하는 이미지를 추가합니다. 프로젝트 이름위에서 오른쪽 마우스 버튼을 누르고 추가->기존항목->이미지 파일 한 후 원하는 이미지를 추가합니다.

다음과 같이 Xaml 파일에 버튼을 두고 그 안에 StackPanel을 사용하여 Image와 TextBlock을 넣습니다. Button을 누르면 Image를 바꿀 계획이므로 Image에 Name을 붙여줍니다. 

이제 실행하면 다음과 같이 이미지와 텍스트가 함께 있는 Button을 볼 수 있습니다.

 

이제 코드로 가서 버튼을 클릭하면 이미지가 빨간색 대시보드로 바뀌게 만들지요. Button_Click() 메서드를 다음과 같이 코딩합니다. Xaml에서와 달리 몇줄의 코드를 사용해야 합니다. Image 클래스와 BitmapImage 클래스를 함께 사용하여야 합니다.

 

이제 프로그램을 시작하고 푸른 대시보드가 있는 버튼을 클릭하면, 빨간 대시보드로 이미지가 바뀝니다.

 

 

BeeEye Dmu