WPF에서 IsMouseHover가 true 일 때 단추의 강조 표시를 제거하는 방법

Question

WPF 프로젝트를 개발 중입니다. 버튼의 isMouseHover가 true 인 경우 버튼에서 강조 표시 (그림에서 파란색과 같이)를 제거하고 싶습니다. 그리고 그것이 강조 표시되어 있는지 확신 할 수 없습니다. 어쩌면 그것은 아마도 효과, 포커스 등입니다. 나는 BorderBrush가 투명하다고 덧붙였지만 작동하지 않았다. 코드는 다음과 같습니다.

<Image x:Key="LoginImg" Source="..\Images\Login\oturumac.png" 
     Stretch="Fill"/> 
<Image x:Key="LoginImg_RollOver" Source="..\Images\Login\oturumac_rollover.png" 
     Stretch="Fill"/> 

<Style x:Key="LoginButtonStyle" TargetType="{x:Type Button}"> 
    <Style.Triggers> 
     <Trigger Property="IsMouseOver" Value="True"> 
      <Setter Property="Content" Value="{DynamicResource LoginImg_RollOver}"/> 
     </Trigger> 
     <Trigger Property="IsMouseOver" Value="False"> 
      <Setter Property="Content" Value="{DynamicResource LoginImg}"/> 
     </Trigger> 
    </Style.Triggers> 
</Style> 

그림은 다음과 같습니다. IsMouseOver에 해당하는 첫 번째 사진 :

어떻게 해결할 수 있습니까?

<Button Background="Transparent" BorderBrush="Transparent" Style="{DynamicResource LoginButtonStyle}" Click="btnLogin_Click" HorizontalAlignment="Center" VerticalAlignment="Top" Width="180" Grid.Column="1" Grid.Row="4" x:Name="btnLogin" TabIndex="2"/> 

Answer 1

당신은 Button에 대한 새로운 ControlTemplate를 제공해야합니다 기본 모양을 없애과 느낌을 얻을 다음과 같이

버튼 코드입니다. 기본 Button ControlTemplate을 일반 Image 컨트롤로 대체하고 Style Trigger을 ControlTemplate Trigger으로 바꿀 수 있습니다. 이것을 시도하십시오 :

<Button> 
    <Button.Template> 
     <ControlTemplate> 
      <Image Name="Image" Stretch="None" 
Source="pack://application:,,,/AppName;component/Images/Login/oturumac.png" /> 
      <ControlTemplate.Triggers> 
       <Trigger Property="IsMouseOver" Value="True"> 
        <Setter TargetName="Image" Property="Source" Value=" 
pack://application:,,,/AppName;component/Images/Login/oturumac_rollover.png" /> 
       </Trigger> 
      </ControlTemplate.Triggers> 
     </ControlTemplate> 
    </Button.Template> 
</Button>