Neuigkeiten in Expression Blend

Mithilfe von Microsoft Expression Blend 4 können Sie Websites und Anwendungen erstellen, die auf Microsoft Silverlight 3 und Microsoft Silverlight 4 basieren, sowie Desktopanwendungen, die auf Windows Presentation Foundation (WPF) 3.5 mit Service Pack 1 (SP1) und WPF 4 basieren.

Expression Blend bietet neue Unterstützung für Prototyperstellung, Interaktivität durch Verhalten, spezielle Silverlight-Funktionen und integrierte Beispieldatenerzeugung.

Expression Blend enthält neue Verhalten, die schnell und einfach konfiguriert werden können. Für die Entwicklung von Branchenanwendungen unterstützt Expression Blend jetzt auch Views und ViewModels .

Silverlight und WPF

Unterstützung für Silverlight 4 und WPF 4

Sie können Silverlight 4 - und WPF 4-Anwendungsprojekte in Expression Blend erstellen und ändern. Sie können zudem ein Upgrade eines Projekts von Silverlight 3 auf Silverlight 4 oder von WPF 3.5 mit Service Pack 1 (SP1) auf WPF 4 durchführen.

Kompatibilität mit Silverlight 3 und WPF 3.5 mit Service Pack 1 (SP1)

Sie können in Expression Blend weiterhin Silverlight 3- und WPF 3.5 mit Service Pack 1 (SP1)-Anwendungsprojekte erstellen und ändern.

Interoperabilität mit Visual Studio

Expression Blend und Microsoft Visual Studio 2010 verwenden das gleiche Projektformat. Mit Expression Blend lässt sich ein Visual Studio 2008-Projekt in ein Visual Studio 2010-Projekt konvertieren.

SketchFlow

important noteWichtig:

SketchFlow steht nur in Expression Studio Ultimate zur Verfügung.

Mit SketchFlow können Designer die Navigation und Zusammensetzung einer Anwendung auf visuelle Weise entwerfen. Bei SketchFlow-Prototypen kann es sich anfänglich um eine Reihe einfacher Skizzen handeln, die jedoch so realistisch wie nötig erstellt werden können, um die Designbotschaft zu vermitteln. Sämtliche Expression Blend-Funktionen zur Modellierung einer Benutzeroberfläche können auch in Prototypprojekten verwendet werden, darunter Photoshop-Import, visuelle Zustände, Verhalten und Beispieldaten.

Veröffentlichen in SharePoint

Nachdem Sie ein Expression Blend-SketchFlow-Projekt erstellt haben, können Sie Ihr Projekt in einer Microsoft-SharePoint-Dokumentbibliothek veröffentlichen. Auf das SketchFlow-Projekt können diejenigen zugreifen, die über eine Berechtigung zum Anzeigen von Inhalt auf der SharePoint-Site verfügen.

Prüfer können ihr Feedback für andere Beteiligte freigeben, indem sie dieses auf der SharePoint-Site veröffentlichen.

Konvertieren von Feedback in Arbeitsaufgaben

Sie können das Feedback von Prüfern in eine Microsoft Team Foundation-Arbeitsaufgabe konvertieren, um entsprechende Maßnahmen ergreifen und nachverfolgen zu können.

SketchFlow-Animationsauswahl

Verwenden Sie das PlaySketchFlowAnimationAction -Verhalten, um eine SketchFlow-Animation als Reaktion auf ein Ereignis wiederzugeben. Sie können im Eigenschaftenpanel eine neue Auswahl verwenden, um eine SketchFlow-Animation für die zu steuernde Aktion auszuwählen.

SketchStyles

Der Standardstil für neue SketchFlow-Projekte ist SketchStyles. Sie können jederzeit zu einem anderen Stil wechseln.

Benennen von Bildschirmen

Wenn Sie einen neuen Bildschirm oder Komponentenbildschirm im SketchFlow-Diagramm erstellen, können Sie dem Bildschirm unmittelbar nach der Erstellung einen Namen zuweisen.

Anhalten und Fortsetzen einer SketchFlow-Animation

In Expression Blend enthält jeder Frame einer SketchFlow-Animation eine neue Schaltfläche Anhalten. Wenn die SketchFlow-Animation aktiviert ist, wird die Animation an diesem Frame bei der Wiedergabe im SketchFlow-Player angehalten. Im SketchFlow-Player ist jede SketchFlow-Animation mit einer Schaltfläche für Wiedergabe/Anhalten versehen, mit der die entsprechende Animation wiedergegeben, angehalten oder fortgesetzt werden kann.

Grafiken und Layouts

Verbesserungen beim Importieren von Photoshop-Dateien

Mit Expression Blend können Adobe Photoshop-Dateien (PSD) schneller und mit geringerer Systemauslastung importiert werden. Darüber hinaus können folgende Ebeneneffekte mit Ebenen aus Photoshop-Dateien zusammengeführt werden:

  • Schlagschatten

  • Schatten nach innen

  • Farbüberlagerung

  • Schein nach außen

  • Schein nach innen

  • Verlaufsüberlagerung

  • Abgeflachte Kante und Relief

  • Glanz

Pixel-Shader-Effekte

Expression Blend stellt eine umfangreiche Sammlung von integrierten Pixel-Shader-Effekten zur Verfügung, die animiert werden können und Farbänderungen, Transformationen und andere Spezialeffekte ermöglichen. Sie können auch selbst neue Effekte erstellen und freigeben.

Formen

Das Objektepanel in Expression Blend enthält eine neue Kategorie Formen mit Voreinstellungen für eine einfache Erstellung von Bögen, Pfeilen, Beschriftungen und Polygonen. Formen können problemlos zwischen Skizzenstil- und regulärem Stilrendering umgeschaltet werden.

Anordnen von Elementen entlang eines Pfads

Eine neue Expression Blend-Funktion ermöglicht das Anordnen von Elementen an Pfaden. Elemente können mithilfe animierbarer Einstellungen an Pfaden angeordnet werden. Wenn Sie die Start-Eigenschaft animieren, können Sie diese Funktion auch in Animationspfadszenarien verwenden.

Steuerelemente

Neue Steuerelemente

Expression Blend unterstützt Werkzeuge für das RichTextBox -Steuerelement in Silverlight.

Verbesserte Steuerelementstile

Es ist nicht immer möglich, ein Steuerelement im Kontext des Fensters, der Seite oder des UserControl -Steuerelements, in dem bzw. in der es enthalten ist, anzupassen. Wenn ein Stil eines Steuerelements in einem anderen Dokument enthalten ist, wird die Bearbeitung des Stils in diesem Dokument außerhalb des Kontextes des Steuerelements vorgenommen. In Expression Blend werden jedoch Steuerelementinstanzen (einschließlich Größe, Datenkontext und anderer Eigenschaftswerte) während der Bearbeitung in den Stil oder die Vorlage übernommen. Die Steuerelementvorlage sieht daher im Bearbeitungsmodus genauso aus wie im Kontext.

Sie können Stile und Vorlagen für abstrakte Typen oder Typen ohne Standardkonstruktor bearbeiten. Darüber hinaus lassen sich alle XAML-Dateien bearbeiten, die von einem solchen Typ abgeleitet werden.

Visuelle Zustände

Allgemeine WPF 4-Steuerelemente sind "State-Aware" (d. h., der Zustand wird berücksichtigt)

Wenn Sie eine Vorlage für mehrere allgemeine WPF 4-Steuerelemente erstellen oder ändern, wird das Zuständepanel mit einer Liste von Zuständen gefüllt, die Sie für den Entwurf verwenden können. Dies ist möglich, da die folgenden WPF 4-Steuerelemente auf ein Zusammenwirken mit dem Visual State Manager ausgelegt sind und die von den Steuerelementen verwendeten Zustände ( States ) angezeigt werden.

  • Button

  • CalendarButton

  • CalendarDayButton

  • CalendarItem

  • CheckBox

  • ComboBox

  • ComboBoxItem

  • Control

  • DataGrid

  • DataGridCell

  • DataGridColumnHeader

  • DataGridRow

  • DataGridRowHeader

  • DatePicker

  • DatePickerTextBox

  • Expander

  • GridSplitter

  • GridViewColumnHeader

  • ListBoxItem

  • PasswordBox

  • ProgressBar

  • RadioButton

  • RichTextBox

  • RepeatButton

  • ScrollBar

  • Slider

  • TabControl

  • TabItem

  • TextBox

  • Thumb

  • ToggleButton

  • ToolTip

  • TreeViewItem

Übergänge für Pixel-Shader-Effekte

Sie können während der Statusübergänge Pixel-Shader-Effekte verwenden. Wählen Sie einfach einen Effekt aus, so wie Sie auch eine Beschleunigungsfunktion auswählen, und legen Sie die Eigenschaften des Effekts fest. Vom Effekt wird dann der Übergang von einem Zustand in einen anderen Zustand ausgeführt. Zu den Effekten gehören beispielsweise "Reveal" (Einblenden), "Wipe" (Wischen), "Pixalate" (Vergröberungsfilter), "Ripple" (Kräuseln) und "Swirl" (Wirbel).

Übergänge für das Hinzufügen und das Entfernen von ListBox-Elementen

Sie können das Hinzufügen und das Entfernen von Elementen zu bzw. aus einem ListBox -Steuerelement animieren und alle Details dieser Übergänge steuern, auch die Beschleunigung. Wenn Sie Ihr eigenes ItemsControl -Steuerelement erstellen, können Sie dieselben Zustände für Ihren Elementcontainertyp definieren. Wenn Sie zudem ein FluidMoveBehavior -Verhalten auf das Elementpanel des ListBox -Steuerelements anwenden, machen die vorhandenen Elemente den neuen Elementen übergangslos Platz.

Ansichten- und ViewModel-Unterstützung

Expression Blend enthält neue Beispieldaten, Verhalten und Projektvorlagen, die die Funktionen Views und ViewModels unterstützen.

Mit Views und ViewModels lassen sich Silverlight- und WPF-Anwendungen so strukturieren, dass Benutzeroberflächenobjekte so weit wie möglich von den Anwendungsdaten und Anwendungsverhalten entkoppelt werden. Auf diese Weise können Entwurfsaufgaben und Entwicklungsaufgaben einfacher unabhängig und ohne Unterbrechung ausgeführt werden. Im Wesentlichen stimmen Ihre Benutzeroberfläche und die Ansicht ( View ) überein. In der Ansicht ( View ) binden Sie Objekte an Eigenschaften und Befehle des ViewModel . Über die View können auch Methoden im ViewModel aufgerufen werden.

Interaktivität

Sie können einer Anwendung Interaktivität hinzufügen, ohne Code schreiben zu müssen, indem Sie "Verhalten" verwenden. Bei Verhalten handelt es sich um wiederverwendbare Komponenten, die direkt auf jedes Objekt auf der Zeichenfläche angewendet werden können. Sie setzen sich aus erweiterbaren Auslösern, erweiterbaren Aktionen und anderen Verhalten zusammen.

Sie können Verhalten im Objektepanel auswählen. Entwickler verfügen jedoch über eine umfangreiche API, mit der sie eigene Auslöser, Aktionen und Verhalten für die Verwendung in Silverlight- und WPF-Projekten erstellen können.

Weitere Informationen zum Erstellen eigener Verhalten finden Sie im Menü Hilfe in der Expression Blend SDK-Dokumentation.

Neue Verhalten

important noteWichtig:

SketchFlow steht nur in Expression Studio Ultimate zur Verfügung.

Expression Blend enthält das neue TranslateZoomRotateBehavior -Mehrfingerverhalten und ein PanningItems -Steuerelement, um mithilfe der Fingereingabe zwischen Elementen zu blättern. Expression Blend verfügt mit dem SketchFlowAnimationTrigger -Auslöser auch über einen neuen Auslöser, der auf eine Frame-Änderung oder auf das Anhalten oder das Beenden einer SketchFlow-Animation reagiert. Zu Expression Blend gehören zudem neue Verhalten für das Ziehen von Elementen zwischen Listenfeldern, für das Ändern von Menü-Navigationen und für die Beibehaltung von Bildschirmzuständen, wie z. B. SetDataStoreValueAction und DataStoreChangedTrigger .

Das FluidMoveBehavior -Verhalten wurde auf interessante Weise verbessert: Wenn Sie das Verhalten auf zwei verschiedene Ansichten desselben Datenelements anwenden, wird der Übergang zwischen den beiden Ansichten fließend animiert, sobald das Element von einer Ansicht in eine andere Ansicht wechselt (z. B. von einer Listenansicht zu einer Detailansicht).

Zu den neuen Verhalten für die Verwendung in Anwendungen mit Model-View-ViewModel -Mustern gehören: CallMethodAction , InvokeCommandAction und DataStateBehavior . Sie können diese Verhalten verwenden, um Verhalten in Ihrem ViewModels aufzurufen oder um auf Änderungen der Verhaltenseigenschaften zu reagieren.

Bedingte Verhalten und der Datenspeicher

Aktionen können Bedingungen zugeordnet werden, die erfüllt sein müssen, um die Aktion auszuführen. Das bedeutet, dass Sie mit Expression Blend in Ihre Prototypen und Produktionsanwendungen Bedingungen einbinden können, ohne Code schreiben zu müssen. Zu den neuen Funktionen gehört auch der sogenannte Datenspeicher. Anwendungsvariablen, wie z. B. die aktuelle Benutzerrolle, können aus diesem Speicher gelesen und in ihn geschrieben werden, sodass eine Kommunikation zwischen den einzelnen Teilen Ihrer Anwendung über diesen gemeinsamen Zustand möglich wird.

Zu den im Rahmen dieser Funktion eingeführten neuen Verhaltenskomponenten gehören der Bedingungs-Editor, der bei jeder Aktion im Eigenschaftenpanel angezeigt wird, eine SetDataStoreValueAction -Aktion zur Änderung der Werte im Datenspeicher und ein DataStoreChangedTrigger -Auslöser, der bei jeder Änderung einer ausgewählten Eigenschaft im Datenspeicher ausgelöst wird.

Daten und Ressourcen

Expression Blend erleichtert die Prototyperstellung, die Erstellung und das Testen von Anwendungen mit Datenverbindung, auch wenn Laufzeitdaten und -ressourcen nicht verfügbar sind.

Designzeitdaten von CLR-Typen

Sie können nicht nur Beispieldaten, die auf XML basieren, erstellen sondern auch Designzeit-Beispieldaten, die auf Ihren CLR-Typen basieren. Auch wenn ein Typ über keinen öffentlichen Konstruktor oder dessen Eigenschaften über keinen öffentlichen Setter verfügen, können mithilfe des Befehls Beispieldaten aus Klasse erstellen im Datenpanel Designzeitdaten aus dem Typ erstellt werden.

Über das Datenpanel wird zur Designzeit oder zur Laufzeit eine DataContext -Ansicht von Objekten bereitgestellt. Mithilfe dieses Panels können Sie auch Eigenschaften, Befehle und Methoden auf die Designoberfläche ziehen, um diese an die Benutzeroberfläche anzubinden.

Designzeit-ViewModels

Wenn Views - und ViewModels -Muster von Ihrer Anwendung verwendet werden, können Sie mit dem Befehl Beispieldaten aus Klasse erstellen im Datenpanel Beispiel-Designzeit-ViewModels generieren, sodass Sie mit dem Entwurf Ihrer Anwendung im Kontext dieser Daten fortfahren können.

Designzeitressourcen

Gelegentlich können Ressourcen zwar zur Laufzeit, jedoch nicht zur Designzeit aufgelöst werden. In diesen Fällen können Sie ein Ressourcenverzeichnis auswählen, das Sie zur Designzeit beim Entwerfen der Anwendung verwenden.

Einfachere Bindung von Eigenschaften zwischen Elementen

Es ist jetzt noch einfacher, Elementeigenschaften über Erweiterte Optionen im Eigenschaftenpanel aneinander anzubinden.

Animation

Beschleunigungsfunktionen in WPF 4

Nutzen Sie die Vorteile der leistungsstarken und kreativen Ausdrucksmöglichkeiten der Beschleunigungsfunktionen in WPF 4-Projekten. Sie können auch benutzerdefinierte Beschleunigungsfunktionen schreiben und diese in Ihren Projekten verwenden.

Keine Zusatztasten für die Bereichsauswahl von Keyframes erforderlich

Sie können den Auswahlrahmen für Keyframes in der Zeitachse mit der Maus einfacher steuern. In vorherigen Versionen mussten Sie die STRG-Taste während des Ziehens des Auswahlrahmens für Keyframes gedrückt halten.

Sauberer XAML-Code

Expression Blend generiert mit Bezug auf Animationen und animationsbezogene Eigenschaften weniger XAML-Code.

Projekte

Datengebundene Projektvorlage

Expression Blend enthält eine neue Projektvorlage, über die ein einfacher Startpunkt für View - und ViewModel -Anwendungen bereitgestellt wird.

Ausführen von Projekten mit STRG+F5

Als Ergebnis der Angleichung von Visual Studio können Sie nun den Befehl Projekt ausführen durch Drücken der Tastenkombination STRG+F5 oder der Taste F5 aufrufen.

ZIP-Unterstützung für Beispiele und Vorlagen

Von Expression Blend wird neben dem Lesen von nicht komprimierten Dateien und Ordnern nun auch das Lesen von Elementvorlagen, Projektvorlagen und Beispielen aus ZIP-Dateien unterstützt.

Siehe auch

Konzepte

Lern- und Communityressourcen

Andere Ressourcen

Microsoft Expression Community-Site Cc294722.xtlink_newWindow(de-de,Expression.40).png

Copyright © 2011 Microsoft Corporation. Alle Rechte vorbehalten.