Freigeben über


Zeichnen von Formen oder Pfaden in Silverlight 2-Projekten

Diese Seite bezieht sich nur auf Silverlight 2-Projekte

Alle Zeichenwerkzeuge und Features von Windows Presentation Foundation stehen Ihnen für Silverlight 2-Projekte in Microsoft Expression Blend 2 mit Service Pack 1 zur Verfügung. Für den Entwurf der Benutzeroberfläche Ihrer Silverlight 2-Anwendung können Sie Formen, Pfade und Steuerelemente zeichnen. Elemente, die Sie zeichnen, werden in Ihrer Anwendung zu Objekten.

So zeichnen Sie eine Form

  1. Wählen Sie in der Werkzeugpalette eines der Formenwerkzeuge aus: Rechteck Dd185502.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(de-de,Expression.10).png oder Ellipse Dd185502.8938cfdf-9b75-4a33-bc88-b0636e114a0d(de-de,Expression.10).png.

    Dd185502.alert_tip(de-de,Expression.10).gifTipp:

    Zum Anzeigen aller Zeichenwerkzeuge klicken Sie mit der rechten Maustaste auf das in der Werkzeugpalette angezeigte Werkzeug. Das Linienwerkzeug erstellt ein Pfadobjekt, das weiter unten in diesem Thema erläutert wird.

    Dd185502.8fbbbb21-be83-4cf6-903b-3a49f00c9860(de-de,Expression.10).png

  2. Zeichnen Sie auf der Zeichenfläche die Form durch Ziehen der Maus.

    Beachten Sie, dass beim Zeichnen der Form die Dimensionen für Breite und Höhe wie folgt dargestellt werden:

    Dd185502.b9dabf44-71aa-43cb-b4eb-f020a21b8756(de-de,Expression.10).png

    Dd185502.alert_tip(de-de,Expression.10).gifTipp:

    Wenn Sie die UMSCHALTTASTE beim Ziehen gedrückt halten, bleiben Höhe und Breite gleich. Wenn Sie ein Rechteck zeichnen, wird ein Quadrat, wenn Sie eine Ellipse zeichnen, ein perfekter Kreis erstellt.

    Dd185502.alert_tip(de-de,Expression.10).gifTipp:

    Wenn Sie beim Ziehen die ALT-TASTE gedrückt halten, wird der erste Punkt, auf den Sie klicken, nicht die linke obere Ecke, sondern der Mittelpunkt der Form.

    Sobald Sie die Maustaste freigeben, werden Translationssteuerpunkte angezeigt, mit denen Sie unter anderem Aktionen wie Skalieren, Drehen, Verschieben und Neigen für das Formobjekt ausführen können. Der Mauszeiger ändert seine Form, je nachdem, welche Aktion Sie ausführen können.

    Dd185502.84261e83-3091-4490-ab58-4218b188439e(de-de,Expression.10).png

  3. Speichern Sie die Änderungen (STRG+S).

Nächste Schritte

So zeichnen Sie einen Pfad

  1. Wählen Sie in der Werkzeugpalette eines der Pfadwerkzeuge aus: Stift Dd185502.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(de-de,Expression.10).png oder Zeichenstift Dd185502.509dc167-734f-46c9-b012-987ee63450cd(de-de,Expression.10).png.

    Dd185502.alert_tip(de-de,Expression.10).gifTipp:

    Zum Anzeigen aller Pfadwerkzeuge klicken Sie mit der rechten Maustaste auf das in der Werkzeugpalette angezeigte Werkzeug.

    Dd185502.717956a8-b6a5-4e37-8af3-70bcfc78c82a(de-de,Expression.10).png

  2. Zeichnen Sie auf der Zeichenfläche einen Pfad, indem Sie wie folgt vorgehen:

    • Ziehen Sie das Zeichenstiftwerkzeug auf der Zeichenfläche. An allen Stellen, die der Mauszeiger berührt, wird ein Pixel eingefügt.

    • Klicken Sie mit dem Stiftwerkzeug auf die Zeichenfläche, um Punkte (oder Scheitelpunkte) zu erstellen, die ein Pfadobjekt ergeben. Optional können Sie ziehen, um an den einzelnen Punkten Kurven zu erstellen. Klicken Sie auf den ersten Punkt, um den Pfad zu schließen. Zum Schließen des Stiftwerkzeugs, ohne den Pfad zu schließen, wählen Sie ein anderes Werkzeug oder ein Objekt unter Objekte und Zeitachsen aus.

    Nachdem Sie den Pfad gezeichnet haben, werden Translationssteuerpunkte angezeigt, mit denen Sie unter anderem Aktionen wie Skalieren, Drehen, Verschieben und Neigen für das Pfadobjekt ausführen können. Der Mauszeiger ändert seine Form, je nachdem, welche Aktion Sie mit dem Auswahlwerkzeug Dd185502.2ff91340-477e-4efa-a0f7-af20851e4daa(de-de,Expression.10).png ausführen können.

    Dd185502.69c37d95-ec79-4885-9a63-9d26a596d31c(de-de,Expression.10).png

    Zum Ändern einzelner Punkt auf dem Pfad klicken Sie auf das Direktauswahlwerkzeug Dd185502.6dd6571f-c116-451d-8dd2-1f88b8406362(de-de,Expression.10).png. Das Pfadobjekt zeigt einzelne Punkte und Liniensegmente an, auf die Sie klicken und die Sie verschieben können. Verschiedene Möglichkeiten zur Bearbeitung von Pfaden finden Sie unter Verwendung von Stift und Direktauswahl.

    Dd185502.1cb49b7a-7490-49af-b966-a719e48d8815(de-de,Expression.10).png

  3. Speichern Sie die Änderungen (STRG+S).

Nächste Schritte

So zeichnen Sie eine Linie

  1. Wählen Sie in der Werkzeugpalette das Linienwerkzeug Dd185502.eb618397-5283-48be-8396-3449be7b6fbf(de-de,Expression.10).png aus.

    Dd185502.alert_tip(de-de,Expression.10).gifTipp:

    Wenn das Linienwerkzeug nicht angezeigt wird, klicken Sie mit der rechten Maustaste auf den Werkzeugcontainer in der Werkzeugpalette, und wählen Sie das Linienwerkzeug aus.

    Dd185502.7431f56c-f3fe-4825-b6fb-6dac229422fd(de-de,Expression.10).png

  2. Zeichnen Sie die Linie auf der Zeichenfläche, indem Sie die Maus ziehen.

    Dd185502.alert_tip(de-de,Expression.10).gifTipp:

    Wenn Sie beim Ziehen die UMSCHALTTASTE gedrückt halten, wird die Linie in Winkel gezwungen, die Vielfache von 15 Grad sind.

    Dd185502.alert_tip(de-de,Expression.10).gifTipp:

    Wenn Sie beim Ziehen die ALT-TASTE gedrückt halten, wird der erste Punkt, auf den Sie klicken, nicht der Start-, sondern der Mittelpunkt.

    Nachdem Sie die Maustaste freigeben haben, werden Translationssteuerpunkte angezeigt, mit denen Sie unter anderem Aktionen wie Skalieren, Drehen, Verschieben und Neigen ausführen können. Der Mauszeiger ändert seine Form, je nachdem, welche Aktion Sie mit dem Auswahlwerkzeug Dd185502.2ff91340-477e-4efa-a0f7-af20851e4daa(de-de,Expression.10).png ausführen können.

    Zum Ändern des Start- oder Endpunkts der Linie klicken Sie auf das Direktauswahlwerkzeug Dd185502.6dd6571f-c116-451d-8dd2-1f88b8406362(de-de,Expression.10).png. Auf der Linie, die ein Pfadobjekt ist, werden einzelne Punkte angezeigt, auf die Sie klicken und die Sie verschieben können. Verschiedene Möglichkeiten zur Bearbeitung von Pfaden finden Sie unter Verwendung von Stift und Direktauswahl.

  3. Speichern Sie die Änderungen (STRG+S).

Nächste Schritte

Siehe auch

Konzepte

Zeichnen eines Steuerelements in einem Silverlight 2-Projekt