버튼 컨트롤 템플릿 및 둥근 모서리

Question

버튼 용 컨트롤 템플릿이 있습니다. 둥근 모서리가있는 단추를 만들고 싶습니다. 어떻게해야합니까?

테두리의 단추로 CornerRadius를 시도했지만 작동하지 않습니다. 단추의 배경은 모서리 테두리가있는 이미지로 설정되어 있으며 단추의 모퉁이를 설정할 수 없으므로 단추가 제대로 보입니다.

Answer 1

는 다음과 같은 시도 :

<Style x:Key="GlassButton" TargetType="{x:Type Button}"> 
    <Setter Property="FontSize" Value="42" /> 
    <Setter Property="Foreground" Value="White" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type Button}"> 
       <Border x:Name="border" 
         CornerRadius="25" 
         BorderThickness="4" 
         Background="#AA000000" 
         BorderBrush="Red" 
         RenderTransformOrigin="0.5,0.5"> 
        <ContentPresenter x:Name="ButtonContentPresenter" 
             VerticalAlignment="Center" 
             HorizontalAlignment="Center" /> 
       </Border> 

       <ControlTemplate.Triggers> 
        <Trigger Property="IsMouseOver" Value="True"> 
         <Setter TargetName="border" Property="BorderBrush" Value="#FF4788c8" /> 
         <Setter Property="Foreground" Value="#FF4788c8" /> 
        </Trigger> 
        <Trigger Property="IsPressed" Value="True"> 
         <Setter Property="Background"> 
          <Setter.Value> 
           <LinearGradientBrush StartPoint="0,0" EndPoint="0,1"> 
            <GradientStop Color="#FFFFD190" Offset="0.35" /> 
            <GradientStop Color="Orange" Offset="0.95" /> 
            <GradientStop Color="#FFFFD190" Offset="1" /> 
           </LinearGradientBrush> 
          </Setter.Value> 
         </Setter> 
         <Setter TargetName="content" Property="RenderTransform"> 
          <Setter.Value> 
           <TranslateTransform Y="1.0" /> 
          </Setter.Value> 
         </Setter> 
        </Trigger> 
        <Trigger Property="IsDefaulted" Value="True"> 
         <Setter TargetName="border" Property="BorderBrush" Value="#FF282828" /> 
        </Trigger> 
        <Trigger Property="IsFocused" Value="True"> 
         <Setter TargetName="border" Property="BorderBrush" Value="#FF282828" /> 
        </Trigger> 
        <Trigger Property="IsEnabled" Value="False"> 
         <Setter TargetName="border" Property="Opacity" Value="0.7" /> 
         <Setter Property="Foreground" Value="Gray" /> 
        </Trigger> 

       </ControlTemplate.Triggers> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style>