는 자동 크기 조정은 컨트롤 템플릿

Question

에서 텍스트를 나는 버튼 템플릿을 만드는 오전. 단추 안에있는 텍스트를 단추의 크기에 맞게 늘리거나 줄이기를 원합니다.

내 스타일 :

<Style x:Key="BigRoundButtonWithNumber" TargetType="{x:Type Button}"> 
    <Setter Property="OverridesDefaultStyle" Value="False"/> 
    <Setter Property="Foreground" Value="White" /> 
    <Setter Property="FontWeight" Value="Bold" /> 
    <Setter Property="FontFamily" Value="Arial" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type Button}"> 
       <Grid Height="auto" Width="auto"> 
        <Ellipse > 
         <Ellipse.Fill> 
          <SolidColorBrush Color="Gray"></SolidColorBrush> 
         </Ellipse.Fill> 
        </Ellipse> 
        <Ellipse Margin ="10,10,10,10"> 
         <Ellipse.Fill> 
          <RadialGradientBrush GradientOrigin="0.496,1.052"> 
           <RadialGradientBrush.RelativeTransform> 
            <TransformGroup> 
             <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="1.5" ScaleY="1.5"/> 
             <TranslateTransform X="0.02" Y="0.3"/> 
            </TransformGroup> 
           </RadialGradientBrush.RelativeTransform> 
           <GradientStop Offset="0.2" Color="White"/> 
           <GradientStop Offset="1" Color="Green"/> 
          </RadialGradientBrush> 
         </Ellipse.Fill> 
        </Ellipse> 
         <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" /> 
       </Grid> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

내 버튼 :

<Button Click="Button_Click" Style="{DynamicResource BigRoundButtonWithNumber}"> 
       50 
      </Button> 

Screenshot http://img149.imageshack.us/img149/152/unbenanntab.png

감사합니다! 다음에 ContentPresenter에 변경 - 토비

Answer 1

당신이이 공간을 채우기 위해 크기를 조정하는 뷰 박스를 사용하는 경우

. 귀하의 빠른 회신

<Viewbox Panel.ZIndex="99"> 
<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" /> 
</Viewbox>