Dela via

Så här gör du: Skapa flera undersökvägar i en PathGeometry

  • Artikel

Det här exemplet visar hur du skapar flera delvägar i en PathGeometry. Om du vill skapa flera undersökvägar skapar du en PathFigure för varje undersökväg.

Exempel

I följande exempel skapas två undersökvägar, var och en en triangel.

<Path Stroke="Black" StrokeThickness="1">
  <Path.Data>
    <PathGeometry>
      <PathGeometry.Figures>
        <PathFigureCollection>
          <PathFigure IsClosed="True" StartPoint="10,100">
            <PathFigure.Segments>
              <PathSegmentCollection>
                <LineSegment Point="100,100" />
                <LineSegment Point="100,50" />
              </PathSegmentCollection>
            </PathFigure.Segments>
          </PathFigure>
          <PathFigure IsClosed="True" StartPoint="10,10">
            <PathFigure.Segments>
              <PathSegmentCollection>
                <LineSegment Point="100,10" />
                <LineSegment Point="100,40" />
              </PathSegmentCollection>
            </PathFigure.Segments>
          </PathFigure>                    
        </PathFigureCollection>
      </PathGeometry.Figures>
    </PathGeometry>
  </Path.Data>
</Path>

I följande exempel visas hur du kan skapa flera undersökvägar genom att använda Path- och XAML-attributsyntaxen. Varje M skapar en ny undersökväg så att exemplet skapar två undersökvägar som var och en ritar en triangel.

<Path Stroke="Black" StrokeThickness="1" 
  Data="M 10,100 L 100,100 100,50 Z M 10,10 100,10 100,40 Z" />

(Observera att den här attributsyntaxen faktiskt skapar en StreamGeometry, en lägre viktversion av en PathGeometry. Mer information finns på sidan Sökvägsmarkeringssyntax.)

Se även