WPF Button Image Background 없애는 방법

WPF에서 Button의 Content 속성에 Image 컨트롤을 넣게 되면 Background(배경색)이 남아있다.

 

<Button Width="100" Height="100" Cursor="Hand">
    <Image Source="Resources/AlignHorizontalBottom_32x32.png" />
</Button>

 

Background(배경색)을 없애고 싶다면 템플릿(Template)을 수정해줘야 한다.

 

<Button Width="100" Height="100" Cursor="Hand">
    <Button.Template>
        <ControlTemplate>
            <Image Source="Resources/AlignHorizontalBottom_32x32.png" />
        </ControlTemplate>
    </Button.Template>
</Button>

 

Button 컨트롤 템플릿을 Image로 했기때문에 더 이상 Background가 표시되지 않는다.

이벤트를 발생하는 영역또한 Image로 한정되기 때문에 외부를 클릭하면 이벤트가 발생하지 않는다.