Créer un symbole de répétition dans XAML/WPF

Question

Je dois créer un symbole de répétition dans XAML/WPF (le code procédural serait ok aussi, bien que je préférerais XAML si possible), quelque chose comme le suivant, mais j'ai juste besoin du pas cercle fini avec la flèche (le dessin blanc sur le bouton): http://www.vista-style-icons.com/libs/phone/repeat.htm

Je sais comment créer un cercle en XAML, mais je ne sais pas comment créer un cercle pas fini et ajouter une flèche à extrémité ouverte? Merci pour toute aide!

Answer 1

Vous pouvez créer un cercle inachevé en utilisant un ArcSegment comme segment de chemin dans une forme Path. Vous spécifiez le point de départ et de fin de l'arc et le rayon du cercle entier. Vous pouvez le rendre sur le dessus d'un cercle bleu en les mettant dans une grille:

<Grid Width="160" Height="160"> 
    <Ellipse Fill="Blue"/> 
    <Path StrokeThickness="5" Stroke="White"> 
     <Path.Data> 
      <PathGeometry> 
       <PathFigure StartPoint="115,45"> 
        <ArcSegment Point="115,115" Size="50,50" IsLargeArc="True"/> 
       </PathFigure> 
      </PathGeometry> 
     </Path.Data> 
    </Path> 
    <Polygon Points="115,115 105,105 125,105 125,125" Fill="White"/> 
</Grid> 

Vous pouvez également utiliser la plus courte Path Markup Syntax pour créer un StreamGeometry plutôt que PathGeometry:

<Grid Width="160" Height="160"> 
    <Ellipse Fill="Blue"/> 
    <Path Data="M 115,45 A 50,50 0 1 0 115,115" 
     StrokeThickness="5" Stroke="White"/> 
    <Polygon Points="115,115 105,105 125,105 125,125" Fill="White"/> 
</Grid> 

Vous aurez besoin de travailler dessus pour obtenir exactement le look que vous voulez, mais cela devrait vous donner la technique de base pour dessiner un cercle inachevé avec une flèche.