Silverlight에서 WinForm 앵커를 모방하는 방법은 무엇입니까?

Question

Silverlight를 사용하여 두 개의 TextBlock을 추가하고자하는 버튼이 있습니다. 하나는 완전히 상위 컨테이너에 중점을두고 다른 하나는 상위 컨테이너의 오른쪽 하단에 있습니다 (아래 그림 참조). 오래된 WinForms에서는 이것을 달성하기 위해 앵커를 사용하는 것이 쉬웠을 것입니다. 그러나 제한된 수의 Silverlight 컨테이너를 사용하여 동일한 결과를 얻을 수 없습니다.

이것을 달성하는 방법에 대한 의견이나 제안이 있으십니까? 나는 이것을위한 올바른 컨테이너를 찾고 모든 것이 완벽하게 정렬되도록하는 방법을 찾으려고합니다.

텍스트가 1자를 초과 할 수 있으며 X와 0이 약간 겹칠 수 있습니다 (즉, 3 행 격자를 사용할 수 없음).

는

Answer 1

당신과 같이 그리드에서 서로의 상단에 요소를 쌓을 수 :

<Border BorderThickness="2" BorderBrush="Blue" Width="200" Height="200"> 
     <Grid> 
      <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="X" /> 
      <TextBlock VerticalAlignment="Bottom" HorizontalAlignment="Right" Text="0" /> 
     </Grid> 
    </Border> 

편집

이 예제를 달성하기 위해 사용자 정의 버튼 스타일을 사용 게시 된 결과 :

<Button Width="200" Height="200" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" BorderThickness="6" BorderBrush="SteelBlue" Background="White" Padding="16"> 
     <Button.Style> 
      <Style TargetType="Button"> 
       <Setter Property="Template"> 
        <Setter.Value> 
         <ControlTemplate TargetType="Button"> 
          <Grid> 
           <VisualStateManager.VisualStateGroups> 
            <VisualStateGroup x:Name="FocusStates"> 
             <VisualState x:Name="Unfocused"/> 
             <VisualState x:Name="Focused"/> 
            </VisualStateGroup> 
            <VisualStateGroup x:Name="CommonStates"> 
             <VisualState x:Name="MouseOver"/> 
             <VisualState x:Name="Normal"/> 
             <VisualState x:Name="Pressed"/> 
             <VisualState x:Name="Disabled"> 
              <Storyboard> 
               <DoubleAnimation Duration="0" Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" To="1"/> 
              </Storyboard> 
             </VisualState> 
            </VisualStateGroup> 
           </VisualStateManager.VisualStateGroups> 
           <Border x:Name="Background" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" /> 
           <ContentPresenter x:Name="contentPresenter" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}"/> 
           <Rectangle x:Name="DisabledVisualElement" Fill="#FFFFFFFF" Opacity="0" IsHitTestVisible="false" /> 
          </Grid> 
         </ControlTemplate> 
        </Setter.Value> 
       </Setter> 
      </Style> 
     </Button.Style> 
     <Grid> 
      <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="X" FontSize="144" FontWeight="Bold" Foreground="SteelBlue" /> 
      <TextBlock VerticalAlignment="Bottom" HorizontalAlignment="Right" Text="0" FontSize="24" Foreground="SteelBlue" /> 
     </Grid> 
    </Button>