WPF 단추를 스타일링 할 때 이상한 "테두리"를 제거 할 수 없습니다.

Question

둥근 모서리와 검은 색 테두리가있는 WPF 단추 스타일을 지정하려고합니다.

<Style x:Key="MyBlackButton" TargetType="{x:Type Button}"> 
    <Setter Property="Background" Value="#FF282828"/> 
    <Setter Property="Foreground" Value="White"/> 
    <Setter Property="FontSize" Value="16"/> 
    <Setter Property="FontWeight" Value="Bold"/> 
    <Setter Property="Height" Value="40"/> 
    <Setter Property="OverridesDefaultStyle" Value="true" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type Button}"> 
       <Grid x:Name="ButtonGrid"> 
        <Border CornerRadius="5" BorderBrush="Black" BorderThickness="1" Background="{TemplateBinding Background}"> 
         <Grid Margin="10,0,10,2"> 
          <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0"/> 
         </Grid> 
        </Border> 
       </Grid> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

<Button Content="My button" Style="{StaticResource MyBlackButton}" /> 

경계가 버튼의 상단과 하단에 제대로 표시되지 않습니다 제외하고 당신이 다음 줌에서 볼 수 있듯이이 거의, 좋아 보인다 : 온라인으로 여러 예제를 따라 나는 다음과 같은 스타일을 함께했다 실제 버튼 :

내가 어떤 변화가 있었다 있는지 확인하기 위해 더 두꺼운 테두리를 추가하여 문제를 분리하려고합니다. 당신이 다음 사진에서 볼 수 있듯이 버튼 내부의 "경계"의 종류가있다 : 얇은 테두리 그래서

, 경계 버튼의 상단과 하단에 흐리게 보이고,와 두꺼운 국경이 보이고 내 국경이 보입니다. (희미한 경계선 위에 보이면 흐리게 보이게됩니다).

여기에 무슨 일이 일어나고 있습니까? 왜 버튼 주위에 예쁜 테두리를 만들 수 없습니까?

Answer 1

이 문제를 일으키는 것은 앤티 앨리어싱입니다.

에 한번 당신의 버튼을

RenderOptions.EdgeMode="Aliased" 

설정.

Answer 2

이

스타일을 시도 = "{정적 리소스 {X : 정적 ToolBar.ButtonStyleKey}}">