Erstellen von Inhalt auf der Zeichenfläche

  • Artikel

Neue Bildschirme für den Prototyp werden im SketchFlow-Diagramm eingerichtet, anschließend können Sie den Inhalt auf der Zeichenfläche im Fenster Design erstellen.

In einzelnen Bildschirmen können Sie mithilfe sämtlicher Vektorzeichenwerkzeuge von Expression Blend zeichnen und Dateien aus Photoshop, nach Bedarf unter Beibehaltung von Ebenen, Vektormasken und Text, importieren. Zudem können Sie Bilder von Benutzeroberflächen-Steuerelementen für den Prototyp verwenden und wiederverwendbare Komponenten schnell erstellen. Sie haben außerdem Zugriff auf die vollständige Palette der Benutzeroberflächen-Steuerelemente, die für Windows Presentation Foundation (WPF) und Microsoft Silverlight zur Verfügung stehen.

Ee341385.c5da9dd8-4356-4803-aab0-64635bf9866b(de-de,Expression.40).png

Ee341385.25182a96-9a69-478a-9cfe-5b360e6a9bea(de-de,Expression.40).png

Zeichenfläche
Ee341385.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(de-de,Expression.40).png

SketchFlow-Diagramm

So erstellen Sie einen neuen Bildschirm ohne Verbindung

  1. Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle im SketchFlow-Diagramm, und klicken Sie dann auf eine der folgenden Optionen:

    • Bildschirm erstellen

    • Komponentenbildschirm erstellen

    NoteHinweis:

    Wenn Sie eine Verbindung zwischen dem neuen und einem vorhandenen Bildschirm herstellen möchten, klicken Sie auf den neuen Bildschirm, und ziehen Sie diesen auf den Bildschirm, mit dem er verbunden werden soll.

  2. Wenn Sie in den neuen Bildschirm ein neues Element zeichnen möchten, doppelklicken Sie im SketchFlow-Diagramm auf den Knoten, um die zugehörige Dokumentregisterkarte auszuwählen.

Weitere Informationen zur Erstellung von Bildschirmen und zur Arbeit im SketchFlow-Diagramm finden Sie unter Erstellen eines Anwendungsflusses.

Objekte

Ein Objekt ist in Expression Blend als ein beliebiges Element definiert, das auf der Zeichenfläche positioniert werden kann. Beispielsweise wird ein visuelles Element, das Sie der Zeichenfläche hinzugefügt haben, in der Anwendung zu einem Objekt.

Sie können der Zeichenfläche ein Objekt hinzufügen, indem Sie im Werkzeugpanel oder im Objektepanel ein Werkzeug auswählen oder indem Sie ein formatiertes oder benutzerdefiniertes Steuerelement im Objektepanel auswählen. Sie können auch ein formatiertes Steuerelement aus dem Ressourcenpanel ziehen oder aber Ressourcen aus dem Ressourcenpanel auf ein vorhandenes Objekt auf der Zeichenfläche ziehen, um die Ressource auf eine der Eigenschaften des Objekts anzuwenden. Zudem können Sie Bilder, Sounddateien, Videodateien und andere Medien direkt aus Windows Explorer in Expression Blend ziehen und Bilder aus einer anderen Anwendung kopieren und direkt auf der Zeichenfläche einfügen.

Weitere Informationen zur Arbeit mit Objekten finden Sie unter Arbeiten mit Objekten und Steuerelementen.

Steuerelemente

Ein Steuerelement ist ein Objekt, das Benutzerinteraktionen oder -eingaben ermöglicht. Expression Blend enthält eine breite Palette an Steuerelementen, mit denen Sie WPF- und Silverlight-Prototypen versehen können.

Perfekt aussehende Benutzeroberflächenelemente können bei der Überprüfung statt des interaktiven Designs das Aussehen einer Anwendung in den Vordergrund drängen. SketchFlow enthält daher Formatvorlagen, die Standardsteuerelementen unter Beibehaltung von deren Funktionalität ein handskizziertes Aussehen verleihen. Klicken Sie im Bereich Posten auf Formatvorlagen.

Weitere Informationen zur Arbeit mit Steuerelementen in Expression Blend finden Sie unter Auswählen und Verwenden von interaktiven Steuerelementen.

SketchFlow-Animationen

SketchFlow-Animationen können in SketchFlow-Prototypen eingesetzt werden, um Prüfern die verschiedenen Zustände, die ein bestimmter Teil einer Benutzeroberfläche annimmt, oder die Interaktion mit dem Bildschirm zu veranschaulichen. Mit SketchFlow-Animationen lassen sich zudem unterschiedliche Entwurfsalternativen für einen Bildschirm darstellen.

Weitere Informationen zur Animation in SketchFlow finden Sie unter Hinzufügen von Interaktivität.

Verhalten

Expression Blend enthält Verhalten in Form wiederverwendbarer Codeblöcke, mit deren Hilfe beliebigen Designelementen auf der Zeichenfläche ohne Kenntnis oder Eingabe von Code interaktive Eigenschaften in Produktionsqualität hinzugefügt werden können. Neben den programmeigenen Verhalten von Expression Blend können eigene erstellt werden. Der Designer kann ein von einem Entwickler bereitgestelltes benutzerdefiniertes Verhalten auf einfache Weise auf ein Designelement auf der Zeichenfläche anwenden.

Weitere Informationen zur Arbeit mit Verhalten in Expression Blend finden Sie unter Hinzufügen von Interaktivität.

Zoomen und Schwenken

Wenn Sie eine Maus mit einem Mausrad verwenden, können Sie die Ansicht der Zeichenfläche vergrößern und verkleinern, indem die STRG-TASTE drücken und das Mausrad drehen.

Zum Verschieben der Zeichenfläche und aller darauf enthaltenen Elemente drücken Sie die LEERTASTE während Sie sie mit der Maus ziehen. Auf die gleiche Weise können Sie die Anwendungsflussdarstellung bei gedrückter LEERTASTE an eine beliebige Stelle im Fenster ziehen.

Anmerkungen

Neben der Erstellung und Modifizierung von Objekten und Steuerelementen auf der Zeichenfläche können Sie mithilfe der Anmerkungsfunktion hier auch Kommentare und Notizen hinterlassen. Anmerkungen können direkt an Objekte angefügt werden. Wird ein SketchFlow-Projekt in Microsoft Visual Studio geöffnet, sind die beim Design eingegebenen Anmerkungen zu sehen.

Weitere Informationen finden Sie unter Einfügen von Anmerkungen in ein Dokument.

Copyright © 2011 Microsoft Corporation. Alle Rechte vorbehalten.