2015-05-27 15 views
6

Non so come posso disegnare una freccia con XAML. Non ho alcun codice al momento.Freccia di disegno con XAML

Qualcuno può aiutarmi a realizzare questo disegno con il codice XAML?

Grazie per il vostro aiuto.

+0

Ho cercato su Google ma io h non ho trovato nulla – Moussawi

+0

@ Alexander ho cercato su Google. Sono venuto su questa pagina solo per leggere il tuo commento. Vedi il problema qui? – Timmos

risposta

7

ho solo disegnare uno attraverso punto di impostazione a mano e regolare il punto da occhi:

<Path Stretch="Fill" Fill="LimeGreen" 
       Data="M 
       0,115 95,115 //p1, p2 (when really use remove these comments) 
       65,90 85,90 //p3, p4 
       120,120   //p5 
         85,150 65,150 //p6, p7 
         95,125 0,125 //p8, p9 
       Z" 
       HorizontalAlignment="Center" Width="60" Height="60" /> 

È possibile regolare la larghezza/hei lotta, basicamente p1,p2,p3,p4 e p6,p7,p8,p9 sono simmetriche, e Data può omettere descrizione e virgola simili:

Data="M 0 115 95 115 65 90 85 90 120 120 85 150 65 150 95 125 0 125 Z" 

Il risultato:

enter image description here

Oltre ecco un modo per ruotare la freccia, esempio sotto ruotare un'altra freccia destra di 180 gradi, diventando una freccia sinistra:

<Path Stretch="Fill" Fill="LimeGreen" 
      Data="M 0,110 70,110 45,90 75,90 120,120 75,150 45,150 70,130 0,130 Z" 
      HorizontalAlignment="Right" Width="30" Height="24" Margin="0,0,2,0" 
      RenderTransformOrigin=".5,.5"> 
     <Path.RenderTransform> 
      <RotateTransform Angle="180" /> 
     </Path.RenderTransform> 
    </Path>