Codebearbeitung und Interoperabilität mit Visual Studio 2008

  • Artikel

Das Bearbeiten von 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-basierte oder Microsoft Silverlight 1.0-basierte Anwendungen in der Designansicht in Expression Blend erstellen. Außerdem können Sie in Windows Presentation Foundation-Projekten Stilressourcen erstellen, die Sie in anderen Expression Blend-Projekten wiederverwenden können. Darüber hinaus können Sie Grafikobjekte und XAML importieren, die aus Microsoft Expression Design 2 exportiert wurden, und Silverlight 1.0 importieren, die von Microsoft Expression Encoder 2 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 Features zum Generieren von minimalem Code, der an Entwickler übergeben werden kann, sowie Features, 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 eines Projekts für eine Windows Presentation Foundation-basierte Anwendung (EXE) oder ein Benutzersteuerelement (DLL). Beide können dann standardmäßig die Features von Windows Presentation Foundation (WPF) nutzen.

  • Erstellen eines Projekts für eine Silverlight 1.0-basierte Anwendung.

  • 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 Verknüpfen mit 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 (nur WPF und Silverlight 2). 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 WPF-Steuerelements.

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

    Wenn Sie einem Expression Blend-Projekt Quellcodedateien hinzufügen, die benutzerdefinierte Steuerelemente enthalten, müssen Sie das Projekt erstellen, damit die Steuerelemente auf der Registerkarte Steuerelemente der Objektbibliothek in der Werkzeugpalette angezeigt werden.

  • Hinzufügen eines neuen Projekts zu einer Projektmappe (nur WPF und Silverlight 2). Sie können vorhandene Projekte in einem Expression Blend 2-WPF-Projekt hinzufügen oder eine Verknüpfung 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. JavaScript-CodeBehind-Dateien in Silverlight 1.0-Projekten werden auf der Zeichenfläche in einem JavaScript-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 unter Dateien auf eine XML-Datei doppelklicken, wird die Datei in der Regel in Editor geöffnet. Codedateien werden in Microsoft Visual Studio 2008 geöffnet, falls diese Anwendung installiert ist. Weitere Informationen finden Sie unter Bearbeiten einer CodeBehind-Datei.

  • Öffnen eines Projekts oder einer Projektmappe aus Visual Studio 2008 für eine WPF-basierte Anwendung, Silverlight 1.0-Website oder Silverlight 2-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.

Cc294780.7e183f1f-37d8-4dcb-980c-19a5d61ca087(de-de,Expression.10).gifNach oben

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

Cc294780.7e183f1f-37d8-4dcb-980c-19a5d61ca087(de-de,Expression.10).gifNach oben

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

Cc294780.7e183f1f-37d8-4dcb-980c-19a5d61ca087(de-de,Expression.10).gifNach oben

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

  • Schrittweises Debuggen der Anwendung, während die Anwendung ausgeführt wird. Weitere Informationen finden Sie unter Debuggen von Expression Blend-Anwendungen in Visual Studio 2008.

  • Bearbeiten von Codedateien. Wenn Sie im Projektpanel von Expression Blend auf eine Codedatei doppelklicken, wird die Datei in Visual Studio 2008 geöffnet, falls das Programm installiert ist. Weitere Informationen finden Sie unter Bearbeiten einer CodeBehind-Datei.

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

    Wenn Sie eine Codedatei ändern möchten, sollten Sie das Projekt in Visual Studio 2008 öffnen, anstatt nur die Codedatei zu öffnen. Öffnen Sie ein Projekt in Visual Studio 2008, können Sie das IntelliSense-Feature verwenden. Mit diesem Feature werden Wörter während der Eingabe vervollständigt. Erstellen Sie z. B. ein neues Projekt in Expression Blend 2, speichern Sie es, und öffnen Sie dann das Projekt in Visual Studio 2008. Öffnen Sie die Datei Window1.xaml.cs, platzieren Sie den Cursor am Anfang der leeren Zeile nach this.InitializeComponent();, und geben Sie dann LayoutRoot ein. In einer Dropdownliste werden anschließend alle Elemente angezeigt, die Sie in dieser Zeile eingeben können. Wenn Sie einen Punkt nach LayoutRoot hinzufügen, wird die Liste geändert. Sie zeigt dann alle verfügbaren Eigenschaften und Methoden des LayoutRoot-Elements in der Datei Window1.xaml an.

  • Hinzufügen eines Verweises zu einer Projektdatei oder COM-API, die WPF-Steuerelemente enthält. Verweise auf eine Projektdatei (z. B. eine CSPROJ-Datei) werden von Expression Blend beachtet und wie Verweise auf DLL- oder EXE-Dateien behandelt.

Cc294780.7e183f1f-37d8-4dcb-980c-19a5d61ca087(de-de,Expression.10).gifNach oben

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 zum Hinzufügen eines neuen Elements erstellen. Wenn Sie im Projektpanel von Expression Blend auf eine Codedatei doppelklicken, wird die Datei in Visual Studio 2008 geöffnet, falls das Programm installiert ist. Weitere Informationen finden Sie unter Bearbeiten einer CodeBehind-Datei.

  • Expression Blend generiert Code für eine leere Ereignishandlermethode, wenn Sie auf ein Ereignis in der Ereignisansicht Cc294780.6c67bb3b-e8a2-4a63-bad5-54d5c15b04dd(de-de,Expression.10).png des Eigenschaftenpanels doppelklicken (nur WPF).

    Cc294780.alert_note(de-de,Expression.10).gifHinweis:

    Wenn Sie ein Silverlight 1.0-Projekt erstellen, generiert Expression Blend 2 ein Beispiel für eine MouseLeftButtonDown-Ereignishandlermethode in der Datei Page.xaml.js. Ein Beispiel, wie Sie diese Ereignishandlermethode ändern, finden Sie unter Erstellen einer Schaltfläche zur Steuerung eines Storyboards in einer Silverlight-Anwendung.

    Expression Blend kopiert den Anfangscode für die Methode in die Zwischenablage. Falls Visual Studio 2008 installiert ist, wird das Projekt von Expression Blend automatisch in Visual Studio 2008 geöffnet, und die Methode wird in die CodeBehind-Datei eingefügt. Andernfalls können Sie die Datei manuell öffnen und den Code einfügen. Sie können Programmlogik innerhalb der Ereignishandlermethode hinzufügen oder den Code an einen Benutzer senden, der die Programmlogik hinzufügt. Weitere Informationen finden Sie unter Ereignishandling und Benutzerinteraktivität.

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

    Eine Projektdatei kann auf dem gleichen Computer gleichzeitig in Expression Blend und in Visual Studio 2008 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.
    Cc294780.alert_tip(de-de,Expression.10).gifTipp:

    Falls mehrere Personen gleichzeitig an demselben Projekt arbeiten müssen, wird die Verwendung eines Quellcode-Verwaltungssystems wie Microsoft Visual SourceSafe empfohlen. Ein Quellcodeverwaltungssystem verwaltet ein zentrales Repository für Projektdateien, die Sie auschecken und lokal auf dem Computer bearbeiten können. Sie können verhindern, dass andere Benutzer Dateien auschecken, während Sie diese bearbeiten. Einige Quellcode-Verwaltungssysteme können zudem so konfiguriert werden, dass Änderungen, die von mehreren Personen an derselben Datei vorgenommen werden, zusammengeführt werden können. Visual SourceSafe ist in Visual Studio integriert, sodass Sie eine Datei durch Öffnen in Visual Studio auschecken können. Weitere Informationen finden Sie im Abschnitt zu Visual SourceSafe in MSDN (möglicherweise in englischer Sprache).

Cc294780.7e183f1f-37d8-4dcb-980c-19a5d61ca087(de-de,Expression.10).gifNach oben

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 Community-Ressourcen aufgeführten Ressourcen verwenden. Diese enthalten einen Link zur Newsgroupdiskussion. Hilfe zum Schreiben von JavaScript in Silverlight 1.0-Projekten finden Sie im Silverlight-Trainingscenter (möglicherweise in englischer Sprache). Siehe auch Lern- und Community-Ressourcen.

Cc294780.7e183f1f-37d8-4dcb-980c-19a5d61ca087(de-de,Expression.10).gifNach oben