Essayer de créer un signe de croix à l'aide de l'élément Silverlight Path

Question

C'est ce que j'ai écrit jusqu'à présent, mais cela ne fonctionne pas. Le segment de première ligne est OK, de (0,0) à (20,20) - une diagonale de haut en bas à gauche. Mais, le segment de deuxième ligne n'est pas dessiné comme une diagonale de haut en bas à gauche. Je pense que je ne connais pas correctement la sémantique de cet élément.

Se il vous plaît dites-moi comment corriger cette situation?

<Path Stroke="White" StrokeThickness="3"> 
<Path.Data> 
<GeometryGroup> 
<LineGeometry StartPoint="0,0" EndPoint="20,20" /> 
<LineGeometry StartPoint="20,0" EndPoint="0,20" /> 
</GeometryGroup> 
</Path.Data> 
</Path> 

C'est ce qu'il crée: -

Answer 1

Mettez votre chemin dans un négatoscope il adapte à la taille du bouton. Par exemple

<Grid> 
    <Button Height="23"> 
     <Viewbox> 
       <Path Stroke="White" StrokeThickness="3"> 
        <Path.Data> 
         <GeometryGroup> 
          <LineGeometry StartPoint="0,0" EndPoint="20,20" /> 
          <LineGeometry StartPoint="20,0" EndPoint="0,20" /> 
         </GeometryGroup> 
        </Path.Data> 
       </Path> 
     </Viewbox> 
    </Button> 
</Grid> 

ou

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto"/> 
    </Grid.RowDefinitions> 
    <Button HorizontalContentAlignment="Left"> 
     <StackPanel Orientation="Horizontal"> 
      <Viewbox> 
       <Path StrokeEndLineCap="Triangle" StrokeStartLineCap="Triangle" 
         Stroke="White" StrokeThickness="3"> 
        <Path.Data> 
         <GeometryGroup> 
          <LineGeometry StartPoint="0,0" EndPoint="20,20" /> 
          <LineGeometry StartPoint="20,0" EndPoint="0,20" /> 
         </GeometryGroup> 
        </Path.Data> 
       </Path> 
      </Viewbox> 

      <TextBlock Margin="5,0,0,0" VerticalAlignment="Center" Text="Press me"/> 
     </StackPanel> 
    </Button> 
</Grid>