Visuelles Design im Vergleich zum Schreiben von XAML und Code

Das Bearbeiten von XAML-Markup oder Code kann für Designer eine komplexe Aufgabe sein. Microsoft Expression Blend wurde für kreative Leute entwickelt. Sie können komplette Windows Presentation Foundation (WPF)-basierte oder Microsoft Silverlight-basierte Anwendungen in der Designansicht von Expression Blend erstellen. Sie können Grafikobjekte und XAML importieren, die aus Microsoft Expression Design exportiert wurden, und Silverlight-Codierungsvorlagen importieren, die von Microsoft Expression Encoder generiert wurden.

Expression Blend wurde auch für die Softwareentwicklung im Team entwickelt. Häufig setzen sich Softwareteams aus Designern, die an der Benutzeroberfläche (User Interface, UI) arbeiten, und aus Programmierern zusammen, die den der Benutzeroberfläche zugrunde liegenden Code bearbeiten. Aus diesem Grund enthält Expression Blend Funktionen zum Generieren von minimalem Code, der an Entwickler übergeben werden kann, sowie Funktionen, die eine Einbindung in vorhandenen Code ermöglichen. Beispiele für die letzteren sind Ereignishandler oder benutzerdefinierte Steuerelemente, die wie vorhandene Steuerelemente verwendet werden können.

Welche Projektaufgaben können in Expression Blend ausgeführt werden?

• Erstellen einer Projektmappe, die ein Projekt für eine WPF-basierte Anwendung (.exe), eine Silverlight-basierte Anwendung (.exe), eine Silverlight-basierte Anwendung mit einer zugehörigen Website oder Steuerelementbibliothek (.dll) enthält

• Hinzufügen einer neuen XAML-Datei (Extensible Application Markup Language) (und der entsprechenden CodeBehind-Datei) zum Erstellen eines Fensters der obersten Ebene in der Anwendung, eines Benutzersteuerelements, einer Seite mit Navigation in der Anwendung oder eines Ressourcenverzeichnisses, das wiederverwendbare Stile, Steuerelementvorlagen, Pinselressourcen usw. enthält

• Hinzufügen vorhandener Dateien zum Projekt oder Erstellen von Links zu vorhandenen Dateien, z. B. Bild-, XML-, Video-, Audio-, Lizenz-, XAML- oder Codedateien

• Hinzufügen von Verweisen zu vorhandenen benutzerdefinierten Steuerelementen, die in DLL-Dateien enthalten sind. Benutzerdefinierte Steuerelemente können auch in vorhandenen Quellcodedateien (VB oder CS) enthalten sein. Nachdem Sie dem Expression Blend-Projekt ein benutzerdefiniertes Steuerelement hinzugefügt haben, können Sie dieses genauso wie die im Lieferumfang von Expression Blend enthaltenen Steuerelemente verwenden.

  Ein Beispiel für ein benutzerdefiniertes Steuerelement in einer CS-Datei finden Sie unter Weiterführende Themen: Erstellen eines benutzerdefinierten Steuerelements mit benutzerdefinierten Eigenschaften.

  Tipp:
  Wenn Sie Quellcodedateien zu einem Expression Blend-Projekt hinzufügen, die benutzerdefinierte Steuerelemente enthalten, müssen Sie das Projekt erstellen, damit die Steuerelemente in der Kategorie Steuerelemente im Objektepanel angezeigt werden.

• Hinzufügen einer Projektmappe zu einem neuen Projekt. Sie können vorhandene Projekte in einem Expression Blend-WPF-Projekt hinzufügen oder einen Link zu diesen erstellen.

• Öffnen einer beliebigen Datei im Projekt. XAML-Dateien werden auf der Zeichenfläche zur Bearbeitung geöffnet, Bilddateien können in das aktive Dokument eingefügt werden, und Sound- und Videodateien werden auf einer Animationszeitachse geöffnet. CodeBehind-Dateien werden auf der Zeichenfläche in einem Text-Editor geöffnet. Alle Dateien können in einem externen, dem Dateityp zugeordneten Editor geöffnet werden. Wenn Sie z. B. im Projektpanel von Expression Blend auf eine XML-Datei doppelklicken, wird die Datei in der Regel in Editor geöffnet. Codedateien werden im Text-Editor von Expression Blend geöffnet. Sie können die Dateien optional auch in Microsoft Visual Studio 2010 öffnen, wenn das Programm installiert ist.

  Weitere Informationen finden Sie unter Ändern einer CodeBehind-Datei.

• Öffnen eines Projekts oder einer Projektmappe aus Visual Studio 2010 für eine WPF- oder Silverlight-basierte Anwendung und Erstellen der Benutzeroberfläche.

• Debuggen der Anwendung durch Erstellen (STRG+UMSCHALT+B) oder Ausführen (F5) der Anwendung und Auflösen der möglicherweise ausgegebenen Fehlermeldungen im Ergebnispanel

• Hinzufügen von Codedateien für benutzerdefinierte Klassen, die Sie in Ihrer Anwendung instanziieren können.

  Ein Beispiel finden Sie unter Weiterführende Themen: Erstellen eines benutzerdefinierten Steuerelements mit benutzerdefinierten Eigenschaften.

• Bearbeiten von Codedateien. Wenn Sie im Projektpanel von Expression Blend auf eine Codedatei doppelklicken, wird die Datei auf der Zeichenfläche in einem Text-Editor geöffnet, der über Funktionen zum Suchen und Ersetzen und IntelliSense verfügt.

  Weitere Informationen finden Sie unter Ändern einer CodeBehind-Datei.

Welche Elemente können in Expression Blend ohne Verwendung von Code erstellt werden?

• Entwerfen des Layouts (UI) der Anwendung durch Hinzufügen und Transformieren von Objekten aus dem Werkzeugpanel und Formatieren der Objekte mithilfe von Pinseln und anderen Eigenschaften im Eigenschaftenpanel.

  Weitere Informationen finden Sie unter den folgenden Themen:

  • Auswählen und Verwenden von interaktiven Steuerelementen

  • Zeichnen von Formen und Pfaden

  • Anordnen von Objekten

  • Festlegen von Farben, Pinseln und Masken

• Animieren von Objekten in der Anwendung.

  Weitere Informationen finden Sie unter Animieren von Objekten.

• Ändern der Zeitachsen von Video- oder Audiodateien im Projekt, nachdem diese der Zeichenfläche hinzugefügt wurden.

  Weitere Informationen finden Sie unter Einfügen von Bildern und Grafiken und Einfügen von Audio und Video.

• Auslösen von Animationszeitachsen, Audiodateien und Videodateien durch Benutzeraktionen, wie z. B. durch Klicken auf eine Schaltfläche oder durch Bewegen des Mauszeigers über ein Objekt.

  Weitere Informationen finden Sie unter Schreiben von Code, der auf Ereignisse reagiert.

• Hinzufügen von Interaktivität zu Ihrer Anwendung durch Verwendung von Verhalten, die im Objektepanel zur Verfügung stehen. Bei Verhalten handelt es sich um generische Teile gepackten Codes, die auf ein beliebiges Objekt gezogen und dann durch Änderung ihrer Eigenschaften optimiert werden können.

  Weitere Informationen finden Sie unter Arbeiten mit Verhalten.

• Erstellen und Entwerfen von benutzerdefinierten Steuerelementen. Ein Benutzersteuerelement ist ein Projekttyp, der in Expression Blend erstellt werden kann. Steuerelemente können genauso wie in Visual Studio 2010 entwickelte benutzerdefinierte Steuerelemente verwendet werden.

  Ein Beispiel finden Sie unter Erstellen eines leeren Benutzersteuerelements und Erstellen von Benutzersteuerelementen aus vorhandenen Objekten.

• Anpassen des Layouts eines vorhandenen Steuerelements und anschließendes Anwenden der entstandenen Stilvorlage auf andere Steuerelemente desselben Typs. Sie können einer Steuerelementvorlage auch eine Animation hinzufügen.

  Beispiele finden Sie in den unter Formatierungstipps für einfache WPF-Formatvorlagen und Gestaltungstipps für häufig verwendete Silverlight-Steuerelemente aufgelisteten Themen.

• Erstellen weiterer wiederverwendbarer Ressourcen, z. B. Pinselressourcen, durch Klicken auf den Namen einer Eigenschaft im Eigenschaftenpanel und anschließendes Klicken auf In neue Ressource konvertieren.

  Ein Beispiel finden Sie unter Erstellen einer Pinsel- oder Farbressource.

• Konvertieren von Objekten in Schaltflächen und Pinselressourcen oder Konvertieren von Bildern in 3D-Objekte mithilfe der Optionen im Menü Werkzeuge.

  Beispiele finden Sie unter Erstellen von Steuerelementen aus vorhandenen Objekten und Konvertieren eines 2D-Bilds in 3D.

• Binden einer Eigenschaft eines Objekts an den Wert, der in einer anderen Eigenschaft enthalten ist. Diese Funktion kann vielseitig verwendet werden, z. B. indem die Breite eines Objekts auf einen Schieberegler abgestimmt wird.

  Ein Beispiel finden Sie unter Binden eines Objekts an Benutzereingaben oder andere interne Werte.

• Binden einer Eigenschaft eines Objekts an eine Datenquelle, z. B. eine XML-Datei (nur WPF), ein CLR-Objekt (Common Language Runtime) oder Beispieldaten, die Sie mit den Werkzeugen im Datenpanel generieren können.

  Weitere Informationen finden Sie unter Anzeigen von Daten.

Welche Aktionen können nur in Code ausgeführt werden?

• Definieren komplexer Verhalten in Ereignishandlern bei einer Benutzeraktion in Bezug auf die Benutzeroberflächenelemente der Anwendung. Ereignishandler können so programmiert werden, dass sie auf Tastendruck, Mausaktionen usw. reagieren. Es besteht ein Unterschied zu Ereignisauslösern für Animationen und Medien. Mithilfe von Ereignishandlern können Sie z. B. mathematische Gleichungen zum Programmieren des Verhaltens der Anwendung verwenden.

  Ein Beispiel finden Sie unter Erstellen einer neuen Ereignishandlermethode.

  Eine Liste der Ereignisse finden Sie in den Links unter Steuerelemente, Eigenschaften und Ereignisverweise.

• Anpassen des Verhaltens vorhandener Steuerelemente oder Erstellen neuer benutzerdefinierter Steuerelemente.

  Ein Beispiel für ein benutzerdefiniertes Steuerelement, das auf einem Button -Steuerelement in WPF basiert, finden Sie unter Weiterführende Themen: Erstellen eines benutzerdefinierten Steuerelements mit benutzerdefinierten Eigenschaften.

• Laden von Daten, z. B. Microsoft SQL Server-Daten, in eine Datentabelle und Konvertieren dieser Daten in ein CLR-Datenobjekt, das in Expression Blend verwendet werden kann.

  Ein Beispiel finden Sie unter Weiterführende Themen: Anzeigen von Daten aus einer SQL-Beispieldatenbank.

• Erstellen eines Wertkonverters zum Hinzufügen benutzerdefinierter Logik zu einer Datenbindung. Dies ist hilfreich, wenn Sie eine Eigenschaft eines Objekts an eine Eigenschaft eines inkompatiblen Datentyps binden möchten.

  Ein Beispiel finden Sie unter Weiterführende Themen: Konvertieren zwischen Datentypen.

Welche Aktionen können nur in Visual Studio 2010 ausgeführt werden?

• Schrittweises Debuggen der Anwendung, während die Anwendung ausgeführt wird

  Tipp:
  Eine Projektdatei kann auf dem gleichen Computer gleichzeitig in Expression Blend und in Visual Studio 2010 geöffnet sein. Wenn Sie eine Änderung an einer Datei in einem System speichern, werden Sie beim Wechsel zum anderen System benachrichtigt und gefragt, ob Sie die Datei neu laden möchten.

  Weitere Informationen finden Sie unter Debuggen von Expression Blend-Anwendungen in Visual Studio 2010.

Welche Hilfen bietet Expression Blend zum Hinzufügen von Code?

• Eine entsprechende CodeBehind-Datei wird optional von Expression Blend erstellt. Dies gilt für jede XAML-Datei, die Sie mit dem Assistenten Neues Element hinzufügen erstellen. Wenn Sie im Projektpanel von Expression Blend auf eine Codedatei doppelklicken, wird die Datei auf der Zeichenfläche in einem Text-Editor geöffnet, der über Funktionen zum Suchen und Ersetzen und IntelliSense verfügt.

  Weitere Informationen finden Sie unter Ändern einer CodeBehind-Datei.

• In Expression Blend wird Code für eine leere Ereignishandlermethode generiert, wenn Sie auf ein Ereignis in der Ereignisansicht  des Eigenschaftenpanels doppelklicken.

  Weitere Informationen finden Sie unter Schreiben von Code, der auf Ereignisse reagiert.

  Tipp:

  Falls mehrere Personen gleichzeitig an demselben Projekt arbeiten müssen, wird die Verwendung eines Quellcode-Verwaltungssystems wie Microsoft Team Foundation empfohlen. Ein Quellcodeverwaltungssystem verwaltet ein zentrales Repository für Projektdateien, die Sie auschecken und lokal auf dem Computer bearbeiten können. Weitere Informationen finden Sie unter Verwenden der Team Foundation-Quellcodeverwaltung.

Wo kann Hilfe zum Schreiben von Code abgerufen werden?

Falls Sie beim Schreiben von Code für eine Expression Blend-Anwendung Hilfe benötigen, können Sie eine der unter Lern- und Communityressourcen aufgeführten Ressourcen verwenden. Diese enthalten Links zu Diskussionsforen, Lernprogrammen und anderen Ressourcen.

Copyright © 2011 Microsoft Corporation. Alle Rechte vorbehalten.