Zeichnen von Formen und PfadenDraw shapes and paths

In XAML-Designer ist eine Form genau das, was Sie erwarten.In XAML Designer, a shape is exactly what you'd expect. Beispielsweise ein Rechteck, ein Kreis oder eine Ellipse.For example: a rectangle, circle, or ellipse. Ein Pfad ist eine flexiblere Version einer Form.A path is a more flexible version of a shape. Sie können diese z. B. umformen oder miteinander kombinieren, um neue Formen zu kreieren.You can do things like reshape them or combine them together to form new shapes.

Formen und Pfade verwenden Vektorgrafiken, sodass sie gut für Displays mit hoher Auflösung skaliert werden können.Shapes and paths use vector graphics, so they scale well to high resolution displays.

Zeichnen einer FormDraw a shape

Formen finden Sie im Fenster Objekte .Find shapes in the Assets window.

Screenshot der Kategorie Formen im Fenster Objekte in Blend für Visual Studio

Ziehen Sie die gewünschte Form auf die Zeichenfläche.Drag any shape that you want to the artboard. Anschließend können Sie die Handles an der Form verwenden, um die Form zu skalieren, zu drehen, zu verschieben oder zu neigen.Then, use handles on the shape to scale, rotate, move, or skew the shape.

Ziehpunkte

Zeichnen eines PfadsDraw a path

Ein Pfad besteht aus einer Reihe von miteinander verbundenen Linien und Kurven.A path is a series of connected lines and curves. Verwenden Sie einen Pfad, um interessante Formen zu erstellen, die nicht im Fenster Objekte verfügbar sind.Use a path to create interesting shapes that aren't available in the Assets window.

Sie können einen Pfad mit einer Linie, einem Stift oder einem Zeichenstift zeichnen.You can draw a path by using a line, pen or pencil. Diese Tools finden Sie im Fenster Tools .You can find these tools in the Tools window.

Zeichnen einer geraden LinieDraw a straight line

Verwenden Sie das Tool Stift oder die Linie .Use the Pen tool or the Line tool.

Verwenden des Tools „Stift“Using the Pen tool

Klicken Sie einmal auf die Zeichenfläche, um den Anfangspunkt zu definieren, und klicken Sie dann erneut, um das Ende der Linie zu definieren.On the artboard, click once to define the start point, and then click again to define the end of the line.

Verwenden des Tools „Linie“Using the Line tool

Ziehen Sie auf der Zeichenfläche vom gewünschten Anfangspunkt der Linie, und lassen Sie die Maustaste an dem Punkt los, an dem die Linie enden soll.On the artboard, drag from where you want the line to start, and then release at the point where you want the line to end.

Zeichnen einer KurveDraw a curve

Verwenden Sie das Tool Stift .Use the Pen tool.

Klicken Sie einmal auf die Zeichenfläche, um den Ausgangspunkt einer Linie zu definieren, und ziehen Sie dann bei gedrückter Maustaste den Mauszeiger, um die gewünschte Kurve zu erstellen.On the artboard, click once to define the start point of a line, and then click and drag your pointer to create the desired curve.

Wenn Sie den Pfad schließen möchten, klicken Sie auf den ersten Punkt der Linie.If you want to close the path, click the first point on the line.

Ändern der Form einer KurveChange the shape of a curve

Verwenden Sie das Tool Direktauswahl .Use the Direct selection tool.

Klicken Sie auf die Form, und ziehen Sie dann einen beliebigen Punkt der Form, um die Kurvenformen zu ändern.Click the shape, and then drag any point on the shape to change curve shapes.

Zeichnen eines FreihandformpfadsDraw a free-form path

Verwenden Sie das Tool Zeichenstift .Use the Pencil tool.

Zeichnen Sie auf der Zeichenfläche einen Freihandformpfad genau so, als würden Sie einen echten Zeichenstift verwenden.On the artboard, draw a free-form path just as you would by using a real pencil.

Entfernen eines PfadsegmentsRemove part of a path

Verwenden Sie das Tool Direktauswahl .Use the Direct selection tool.

Wählen Sie den Pfad aus, der das Segment enthält, das Sie löschen möchten, und klicken Sie dann auf die Schaltfläche Löschen .Select the path that contains the segment you want to delete, and then click the Delete button.

Entfernen eines Punkts in einem PfadRemove a point in a path

Verwenden Sie das Tool Auswahl , um den Pfad auszuwählen.Use the Selection tool to select the path. Verwenden Sie dann den Stift , um auf den Punkt zu klicken, den Sie entfernen möchten.Then, use the Pen tool to click the point that you want to remove.

Hinzufügen eines Punkts zu einem PfadAdd a point to a path

Verwenden Sie das Tool Auswahl , um den Pfad auszuwählen.Use the Selection tool to select the path. Verwenden Sie den Stift , um an eine beliebige Stelle auf dem Pfad zu klicken, an der Sie den Punkt hinzufügen möchten.Use the Pen tool to click anywhere on the path where you want to add the point.

Konvertieren von Formen in PfadeConvert a shape to a path

Um eine Form auf die gleiche Weise wie einen Pfad zu ändern, konvertieren Sie die Form in einen Pfad.To modify a shape in the same ways that you modify a path, convert the shape to a path. Wählen Sie die Form aus, und wählen Sie dann Format > Pfad > in Pfad konvertieren aus.Select the shape, and then select Format > Path > Convert to Path .

Sehen Sie sich ein kurzes Video an: Konfigurieren installierter Features Arbeiten mit Pfaden: Konvertieren von Formen in einen PfadWatch a short video: Configure installed features Working with paths: Convert a shape to a path.

Hinweis

In Pfad konvertieren ist derzeit nicht für UWP-Apps verfügbar, die mindestens TargetPlatformVersion 10.0.16299.0 oder höher aufweisen.Convert to Path is not currently available for UWP apps that have a minimum TargetPlatformVersion of 10.0.16299.0 or later.

Kombinieren von PfadenCombine paths

Sie können Pfade und Formen zu einem einzelnen Pfad kombinieren.You can combine paths and shapes into a single path.

Kombinieren von Pfaden

NumberNumber AktionAction
Zwei Formen vor dem Vereinen Zwei Formen vor dem VereinenTwo shapes before combining
Vereinigen VereinigenUnite
Dividieren DividierenDivide
Überschneiden ÜberschneidenIntersect
Überlappung ausschließen Überlappung ausschließenExclude Overlap
Subtrahieren SubtrahierenSubtract

Sehen Sie sich ein kurzes Video an: Konfigurieren installierter Features Arbeiten mit Pfaden: Kombinieren von PfadenWatch a short video: Configure installed features Working with paths: Combine paths.

Erstellen eines zusammengesetzten PfadsCreate a compound path

Wenn Sie einen zusammengesetzten Pfad erstellen, werden sich überschneidende Pfadsegmente vom Ergebnis subtrahiert. Der resultierende Pfad übernimmt die visuellen Eigenschaften des untersten Pfads.When you create a compound path, any intersecting parts of the paths are subtracted from the result, and the resulting path takes on the visual properties of the bottommost path.

Sie können einen zusammengesetzten Pfad nach der Erstellung jederzeit teilen.You can break apart a compound path any time after you create it.

Teilen eines zusammengesetzten Pfads

Sehen Sie sich ein kurzes Video an: Konfigurieren installierter Features Arbeiten mit Pfaden: Erstellen eines zusammengesetzten PfadsWatch a short video: Configure installed features Working with paths: Create a compound path.

Erstellen eines BeschneidungspfadsCreate a clipping path

Freistellungspfade sind Pfade oder Formen, die auf ein anderes Objekt angewendet werden. Die Teile des maskierten Objekts, die außerhalb des Freistellungspfads liegen, werden ausgeblendet.A clipping path is a path or shape that is applied to another object, hiding the parts of the masked object that fall outside the clipping path.

Beschneidungspfad

Sehen Sie sich ein kurzes Video an: Konfigurieren installierter Features Arbeiten mit Pfaden: Erstellen eines BeschneidungspfadsWatch a short video: Configure installed features Working with paths: Create a clipping path.