Comment dessiner un secteur de cercle avec la classe d'ellipse?

Je voudrais faire un secteur de cercle sur WP7. J'ai essayé de le faire avec l'ellipse de la classe et j'ai trouvé beaucoup de solution, qui en font un moyen ou un diagramme circulaire ou quelque chose, mais j'ai besoin juste de l'essence.
Quelqu'un pourrait-il aider?

le but est de montrer qu'une partie d'un cercle ou une ellipse). Comme la zone jaune dans l'image:

Comment dessiner un secteur de cercle avec la classe d'ellipse?

Grâce,
Laci

source d'informationauteur laszlokiss88

  1. 34

    Ici est assez simple solution au problème, mais il n'utilise pas un Ellipse et il nécessite un peu de trigonométrie:

    <Path Fill="Black"
      Data="M0,0 L0,-100 A100,100 0 0 1 70.7,-70.7 z" />

    La Data les utilisations de biens Chemin De La Syntaxe De Balisage.

    • Le "M" au début, raconte la plume de Move à l'emplacement 0,0.
    • Le "L" indique le stylet pour dessiner un Line partir de l'emplacement actuel (0, 0) 0,-100.
    • Le "Un", dit le stylet pour dessiner une ellipse de Arc à partir de l'emplacement actuel à 70,7,-70.7 (le "100,100" partie détermine l'horizontale et à la verticale rayon de l'ellipse et le "0 0 1" partie est pour RotationAngleIsLargeArcet SweepDirection (1 pour des aiguilles d'une montre, 0 pour le sens anti-horaire)).
    • Le "z" raconte la plume de fermer ou de compléter la forme (ce qui va provoquer une ligne doit être tracée à partir de 70,7,-70.7 retour à 0,0).

    D'où vient le 70.7 venir? Eh bien, ce particulier l'arc balaie un angle de 45 degrés à partir d'un cercle de rayon 100, donc les coordonnées de 70,7,-70.7 sont déterminés par 100 * sin(45) et 100 * cos(45).

  2. 1

    vous avez besoin de faire quelque chose comme ceci:

    • définir une toile wrapper pour ellipse

    • définir la partie visible de la toile (clip). Pour cette partie, vous devez utiliser PathGeometry que le Clip de définir la tranche du cercle vous voulez être visible. (voir le lien)

      <Canvas>
    <Canvas.Clip>
        <PathGeometry>
                //define your path here (see link above)
        </PathGeometry> 

        <Ellipse Background="Yellow" Width="200" Height="200" />
    </Canvas.Clip>
</Canvas>

    Alternativement, vous pouvez utiliser CombinedGeometry de combiner un PathGeometry et EllipseGeometry pour former la tranche. (le lien fournit un bon exemple de CombinedGeometry)