Codebearbeitung und Interoperabilität mit Visual Studio 2008
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.
.gif "Tipp")
Tipp: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.
.gif "Cc294780.7e183f1f-37d8-4dcb-980c-19a5d61ca087(de-de,Expression.10).gif")
Nach oben
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 Elementen aus der Werkzeugpalette und Formatieren der Elemente mithilfe von Pinseln und anderen Eigenschaften im Eigenschaftenpanel. Weitere Informationen finden Sie unter Steuerelemente, Zeichnen von Formen und Pfaden, Layout und Darstellung.
Animieren von Elementen in der Anwendung. Weitere Informationen finden Sie unter Animation.
Ändern der Zeitachsen von Video- oder Audiodateien im Projekt, nachdem diese der Zeichenfläche hinzugefügt wurden. Weitere Informationen finden Sie unter Medien.
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 Element. Weitere Informationen finden Sie unter Auslöser und Benutzerinteraktivität (nur WPF) und Ereignishandling und Benutzerinteraktivität (nur WPF und Silverlight 2).
Erstellen und Entwerfen von benutzerdefinierten Steuerelementen (nur WPF und Silverlight 2). Ein Benutzersteuerelement ist ein Projekttyp, der in Expression Blend erstellt werden kann. Steuerelemente können genauso wie in Visual Studio 2008 entwickelte benutzerdefinierte Steuerelemente verwendet werden. Ein Beispiel finden Sie unter Weiterführende Themen: Erstellen von WPF-Benutzersteuerelementen und Erstellen von Steuerelementen aus vorhandenen Objekten.
Anpassen des Aussehens eines vorhandenen Steuerelements und anschließendes Anwenden der entstandenen Stilvorlage auf andere Steuerelemente desselben Typs (nur WPF und Silverlight 2). Sie können einer Steuerelementvorlage auch eine Animation hinzufügen. Beispiele finden Sie in den unter Einfache Stile 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 (nur WPF und Silverlight 2). Ein Beispiel finden Sie unter Erstellen einer Pinsel- oder Farbressource.
Konvertieren von Elementen in Schaltflächen und Pinselressourcen oder Konvertieren von Bildern in 3D-Objekte, indem Sie die Optionen im Menü Werkzeuge verwenden (nur WPF). Beispiele finden Sie unter Erstellen einer Schaltfläche aus einem Objekt und Konvertieren eines 2D-Bilds in 3D.
Binden einer Eigenschaft eines Elements an den in einer anderen Eigenschaft enthaltenen Wert (nur WPF). Dieses Feature kann vielseitig verwendet werden, z. B. indem die Breite eines Elements auf einen Schieberegler abgestimmt wird. Ein Beispiel finden Sie unter Weiterführende Themen: Erstellen und Anwenden eines Wertkonverters.
Binden einer Eigenschaft eines Elements an eine Datenquelle, z. B. eine XML-Datei (nur WPF) oder ein CLR-Objekt (Common Language Runtime) (nur WPF und Silverlight 2). Ein Beispiel für die Verwendung einer XML-Datenquelle finden Sie unter Weiterführende Themen: Erstellen eines RSS-Newsreaders.
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 WPF-Steuerelements und Erstellen einer Schaltfläche zur Steuerung eines Storyboards in einer Silverlight-Anwendung.
Nach oben
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. Eine Liste der Ereignisse, finden Sie unter Kurzübersicht der WPF-Ereignisse. Es besteht ein Unterschied zu Ereignisauslösern für Animationen, Medien und Video. 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.
.gif "Hinweis")
Hinweis:Die gesamte Benutzerinteraktion in einer Silverlight 1.0-Anwendung erfolgt mithilfe von JavaScript-Ereignishandlern. Ein Beispiel finden Sie unter Erstellen einer Schaltfläche zur Steuerung eines Storyboards in einer Silverlight-Anwendung.
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 WPF-Steuerelements.
Laden von Daten (nur WPF und Silverlight 2), 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: Erstellen einer CLR-Objektdatenquelle.
Erstellen eines Wertkonverters (nur WPF und Silverlight 2) zum Hinzufügen benutzerdefinierter Logik zu einer Datenbindung. Dies ist hilfreich, wenn Sie eine Eigenschaft eines Elements an eine Eigenschaft eines inkompatiblen Datentyps binden möchten. Ein Beispiel finden Sie unter Weiterführende Themen: Erstellen und Anwenden eines Wertkonverters.
Nach 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.
Tipp: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.
Nach 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
.png "Cc294780.6c67bb3b-e8a2-4a63-bad5-54d5c15b04dd(de-de,Expression.10).png")
des Eigenschaftenpanels doppelklicken (nur WPF).Hinweis: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.
Tipp: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.
Tipp: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).
Nach 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.
Nach oben