WPF에서 단추 테두리 제거 하시겠습니까?

Question

단추 테두리를 없애고 텍스트 만 표시하려고하지만 borderThickness를 0으로 설정하고 borderbrush를 투명하게 설정하더라도 텍스트 주위의가는 선이 표시됩니다. 저장 버튼 이 alt text http://i45.tinypic.com/scywye.png

내 XAML 코드 :

<Button Content="save" Name="btnSaveEditedText" 
       Background="Transparent" 
       Foreground="White" 
       FontFamily="Tw Cen MT Condensed" 
       FontSize="30" 
       Margin="-280,0,0,10" 
       Width="60" 
       BorderBrush="Transparent" 
       BorderThickness="0"/> 

어쨌든 거기에 나는 버튼의 경계를 제거 할 수 있습니까?

Answer 1

당신은 버튼의 ControlTemplate이를 재정의해야합니다

<Button Content="save" Name="btnSaveEditedText" 
       Background="Transparent" 
       Foreground="White" 
       FontFamily="Tw Cen MT Condensed" 
       FontSize="30" 
       Margin="-280,0,0,10" 
       Width="60" 
       BorderBrush="Transparent" 
       BorderThickness="0"> 
    <Button.Template> 
     <ControlTemplate TargetType="Button"> 
      <ContentPresenter Content="{TemplateBinding Content}"/> 
     </ControlTemplate> 
    </Button.Template> 
</Button> 

Answer 2

당신은 당신의 버튼에 대한 새로운 템플릿을 작성해야합니다.

가장 쉬운 방법은 Expression Blend에서 프로젝트를 열고 단추를 선택한 다음 마우스 오른쪽 단추로 클릭하고 "템플릿 편집> 복사본 편집 ..."을 선택하는 것입니다. 그러면 기존 템플리트가 수정할 수있는 템플리트로 복사됩니다. 리소스 사전에 만들면 더 쉽습니다.

그런 다음 템플릿을 선택하고 UI 오른쪽의 리소스 탭에서 ButtonFocusVisual을 선택하십시오. 속성 탭을 선택하고 기타 섹션을 확장하십시오. 여기에는 BorderStyle 및 BorderThickness 필드가 있습니다 (다른 것들 중에서). 스타일을 없음으로 설정하십시오.

Answer 3

템플릿을 사용해도이 문제가 해결되지 않으면 유일한 조치는 WPF 컨트롤을 수정하는 것입니다. 이 솔루션은 여기에 있습니다 :

How to remove ButtonChrome border (when defining the template of a border)?

Answer 4

나는 최근에 당신의 버튼이 도구 모음의 스타일을 사용하는 것이 었위한 가장 유용한 것으로 확인 방법. 이렇게하면 이미지 나 텍스트 만 사용되며 마우스 위로 단추 테두리가 표시됩니다.

<Button Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" 
     Content="save" 
     Name="btnSaveEditedText" 
     Background="Transparent" 
     Foreground="White" 
     FontFamily="Tw Cen MT Condensed" 
     FontSize="30" 
     Margin="-280,0,0,10" 
     Width="60" 
     BorderBrush="Transparent" 
     BorderThickness="0" />