Freigeben über


Erstellen von Inhalt auf der Zeichenfläche

Der Arbeitsbereich von SketchFlow ist größtenteils mit dem von Microsoft Expression Blend identisch. Die Expression Blend-Zeichenfläche liefert eine Ansicht einzelner Bildschirme, auf der Sie mit den Zeichenwerkzeugen von Expression Blend zeichnen können. Zudem können Sie Bilder aus Adobe Photoshop importieren und verfügen über die gesamte Bandbreite der Steuerelemente von Expression Blend für Windows Presentation Foundation (WPF) und Microsoft Silverlight. Mithilfe von Animationen können Sie spezifische Elemente in verschiedenen Zuständen anzeigen und die Interaktion mit Bildschirmelementen darstellen.

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.

Ee341385.c5da9dd8-4356-4803-aab0-64635bf9866b(DE-DE,Expression.30).png

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

Zeichenfläche

Ee341385.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(DE-DE,Expression.30).png

SketchFlow-Diagramm

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 WPF und Silverlight zur Verfügung stehen.

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:

    • Navigationsbildschirm hinzufügen

    • Komponentenbildschirm hinzufügen

    Ee341385.alert_note(DE-DE,Expression.30).gifHinweis:

    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

In Expression Blend bedeutet ein Objekt ein Element, 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 auf der Zeichenfläche Objekte erstellen, indem Sie im Bereich Tools oder Posten ein Werkzeug auswählen oder indem Sie ein vorgegebenes oder benutzerdefiniertes Steuerelement aus dem Bereich Posten auswählen. Sie können auch ein vorgegebenes Steuerelement aus dem Bereich Ressourcen ziehen oder aber Ressourcen aus dem Bereich Ressourcen 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-Animation

Die Animationsfunktion in SketchFlow kann bei Prototypen eingesetzt werden, um Prüfern die verschiedenen Zustände, die ein spezifischer Teil einer Benutzeroberfläche annimmt, zu veranschaulichen. Zudem kann sie zur Demonstration von Interaktionen mit einem Bildschirm und zur Darstellung verschiedener Designalternativen für einen Bildschirm eingesetzt werden.

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 einen von einem Entwickler erstellten Mechanismus problemlos 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 Taste STRG drücken und auf der Zeichenfläche durch Drehen des Rads zoomen.

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.