none
vs 2017 UWP tracer un arc de cercle

    Question

  • bonjour

     je cherche a tracer un arc de cercle sur un cercle  j’ai réussi a tracer une ellipse  et je voudrais donc tracer un arc de cercle 

    pourriez vous m'aider  à écrire le code ou un tuto en français qui pourrait m'aider à comprendre son écriture

    merci 'avance

    vendredi 9 mars 2018 13:27

Réponses

  • Bonjour SIMONGEORGES,

    Vous pouvez directement utiliser ce projet GitHub : ArcControl. Ce qui correspond à vos besoins. 

    Sinon de façon manuelle, vous pouvez utilisez les Path en XAML :

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
            <Path Stroke="Black" StrokeThickness="1" >
                <Path.Data>
                    <PathGeometry>
                        <PathGeometry.Figures>
                            <PathFigure StartPoint="5,5" >
                                <PathFigure.Segments>
                                    <ArcSegment Size="50,50" RotationAngle="45" IsLargeArc="True" SweepDirection="Clockwise" Point="5,100"/>
                                    <LineSegment Point="5,5"></LineSegment>
                                </PathFigure.Segments>
                            </PathFigure >
                        </PathGeometry.Figures>
                    </PathGeometry>
                </Path.Data>
            </Path>
        </Grid>

    Ou encore dessiner une Ellipse complète et cacher la moitié de celle-ci avec une forme :

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
            <Ellipse x:Name="Ellipse"
                     Width="330"
                     Height="330"
                     Canvas.Left="32"
                     Canvas.Top="32"
                     Stretch="Fill" Stroke="Black">
                <Ellipse.Clip>
                    <RectangleGeometry Rect="0,0,165,330"/>
                </Ellipse.Clip>
            </Ellipse>
        </Grid>

    Pour utiliser es paths en XAML, je vous renvoie à la documentation : Draw Shapes.

    • Marqué comme réponse SIMONGEORGES vendredi 9 mars 2018 22:18
    vendredi 9 mars 2018 13:49

Toutes les réponses

  • Bonjour SIMONGEORGES,

    Vous pouvez directement utiliser ce projet GitHub : ArcControl. Ce qui correspond à vos besoins. 

    Sinon de façon manuelle, vous pouvez utilisez les Path en XAML :

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
            <Path Stroke="Black" StrokeThickness="1" >
                <Path.Data>
                    <PathGeometry>
                        <PathGeometry.Figures>
                            <PathFigure StartPoint="5,5" >
                                <PathFigure.Segments>
                                    <ArcSegment Size="50,50" RotationAngle="45" IsLargeArc="True" SweepDirection="Clockwise" Point="5,100"/>
                                    <LineSegment Point="5,5"></LineSegment>
                                </PathFigure.Segments>
                            </PathFigure >
                        </PathGeometry.Figures>
                    </PathGeometry>
                </Path.Data>
            </Path>
        </Grid>

    Ou encore dessiner une Ellipse complète et cacher la moitié de celle-ci avec une forme :

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
            <Ellipse x:Name="Ellipse"
                     Width="330"
                     Height="330"
                     Canvas.Left="32"
                     Canvas.Top="32"
                     Stretch="Fill" Stroke="Black">
                <Ellipse.Clip>
                    <RectangleGeometry Rect="0,0,165,330"/>
                </Ellipse.Clip>
            </Ellipse>
        </Grid>

    Pour utiliser es paths en XAML, je vous renvoie à la documentation : Draw Shapes.

    • Marqué comme réponse SIMONGEORGES vendredi 9 mars 2018 22:18
    vendredi 9 mars 2018 13:49
  • merci beaucoup j'ai réussi a refaire le code par contre si on veut  avoir des secteurs et leur donner un fill est ce possible

    merci encore de votre aide

    vendredi 9 mars 2018 14:50