Ning Zhang's Blog

Überblick

Visual Studio 2010 Beta 2 ist ab sofort verfügbar. Für Silverlight-Entwickler, ist die aufregendste Nachrichten über VS2010, dass Silverlight-Designer wird in Funktion Parität mit den WPF-Designer werden, und VS2010 wird Multi-Targeting für Silverlight Entwicklung zu unterstützen. Silverlight Toolkit-Team arbeitet eng mit der Cider-Team bei der Bereitstellung der Design-Zeit Erfahrung für Silverlight SDK und Toolkit-Steuerelemente. Die Design-Zeit für Silverlight 3 SDK Kontrollen wurde freigelassen worden SL3 SDK im August 2009, und ist auch Beta2 installiert Kette von VS2010. Das Design Toolkit Zeit für Kontrollen, zusammen mit Quellen sowohl für SDK und Toolkit-Steuerelemente und ihre Design-Zeit, Proben, Tests usw Einheit, sind in Silverlight Toolkit Oktober 2009 Release . Wir absichtlich Oktober 2009 Pressemitteilung, um synchron mit Visual Studio 2010 Beta 2 auf Montag 2009.10.19 werden. Dieser Beitrag zeigt die neue Design-Zeit Erfahrungen für Silverlight-Steuerelemente in VS2010.

Installieren

VS2010 installiert Seite an Seite mit VS2008. Mehrere Versionen von Toolkit installieren nebeneinander zu. Es ist also absolut sicher, VS2010 und Toolkit Oktober 2009 Release auf Ihrem Haupt-Rechner zu installieren. Die einzige Einschränkung ist, dass wenn Sie eine bereits August 2009 Version von Silverlight 3 SDK installiert, müssen Sie es zuerst deinstallieren, bevor Sie VS2010. Sie können aus installieren VS2010 Beta2 http://msdn.microsoft.com/en-us/vstudio/dd582936.aspx und Silverlight Toolkit von http://silverlight.codeplex.com .

Walkthrough

Im Oktober 2009 Release ist für Silverlight 3 nur. Es bietet Design-Zeit Unterstützung sowohl für VS2008 und VS2010 sowie Blend 3. Unten Lösungsweg wird nur VS2010 werden. Design Erfahrung für VS2008 und Blend 3 sind ähnlich Juli 2009 Release . Bitte lesen Sie meine früheren Beiträge zur Design-Zeit Erfahrung mit VS2008 und Blend3.

• Erstellen Sie ein neues Silverlight-Anwendungsprojekt in VS2010, feststellen, dass:
  
  • Die Toolbox ist sowohl mit SDK und Toolkit-Steuerelemente bevölkert, mit netten Icons. Wenn Sie Blend3 installiert sein, bevor Toolkit, können Sie eine Menge Blend-Steuerelemente in der Toolbox, die eigentlich nicht zu sehen sind. Sie können sicher entfernen, indem Sie rechts auf ein Steuerelement in der Toolbox, und wählen Sie Löschen.
  • Es ist eine echte Designer: sowohl die Design-Ansicht und das Eigenschaften-Fenster arbeiten!
• Doppelklick TabControl in der Toolbox fügt ein tabControl1. Beachten Sie, dass:
  
  • Ein Verweis auf System.Windows.Controls.dll hinzugefügt wird, zusammen mit einer Definition xmlns: xmlns: controls = "clr-namespace: System.Windows.Controls; Montage = System.Windows.Controls"
  • tabControl1 ist mit einem tabItem1, die sich mit einem Header und Inhalte <Grid/> initialisiert wird initialisiert. (Via DefaultInitializer )
  • Sachen ist über ausgewählte in das Fenster Eigenschaften ( DefaultPropertyAttribute )
  • Eigenschaften kategorisiert werden (via CategoryAttribute ), und haben Tooltip (via DescriptionAttribute )
• Doppelklicken Sie auf tabControl1 fügt einen Ereignishandler für selectionChanged Veranstaltung (via DefaultEventAttribute )
  
• tabControl1 der rechten Maustaste, wählen Sie Add Tab (via PrimarySelectionContextMenuProvider ):
  
• Eine neue tabItem2 hinzugefügt wird. Beachten Sie, dass:
  
  • tabItem2 ist mit einem <Grid/> Inhalt initialisiert
  • tabItem2 die Standard-Eigenschaft Header markiert ist. Sie können in das Textfeld neben es und ändern Sie den Typ Objekt typisiert Header-Eigenschaft direkt. (Via TypeConverterAttribute )
  • Alle Objekte haben schöne InfoTip
• Doppelklick auf DatePicker Toolbox:
  
  • ein datePicker1 über zugesetzt tabItem2's <Grid> ( ParentAdapter )
  • datePicker1 ist voll ausgebaut, obwohl ihre IsDropDownOpen Eigenschaft false ist (via DesignModeValueProvider )
• Nun klicken Sie tabItem1 Beachten Sie, dass tabItem2 Inhalt ist verborgen und tabItem1's gezeigt:
  
• Klicken Sie auf Diagramm-Toolbox:
  
  • Chart1 ist ein an der richtigen Stelle hat, initialisiert mit Sample-Daten, und schön gemacht
  • Standardeigenschaft Serie ist in den Eigenschaften-Fenster ausgewählt
• Klicken Sie auf die Schaltfläche ... neben dem Series-Eigenschaft auf den Pop-up-Collection Editor:
  
  • Wählen Sie das Element ComboBox über bevölkert mit den richtigen Typen ( NewItemTypesAttribute ). Die rosa Hintergrund für die Icons sind nun behoben.
  • das Fenster Eigenschaften für die Reihe Highlights der Standard-Eigenschaft DependentValuePath haben alle Eigenschaften kategorisiert (wie die Daten-Visualisierung Kategorie), und Sie können das Objekt typisierte Eigenschaft Titel direkt in das Textfeld ändern.
• Erstellen Sie eine einfache Daten-Klasse mit einigen einfachen Eigenschaften, und fügen Sie sie als eine Datenquelle, über Daten | Datenquellen anzeigen Menüpunkt:
  
• Drag MyData über tabItem1 Kopfball und legen Sie es:
  
  • ein CollectionViewDataSource eingefügt wird, verwendet als DataContext des LayoutRoot und tabItem1 Kopfball ist es gebunden ist. (Via DefaultBindingPropertyAttribute )
• Just for fun, öffnen Sie das Projekt in Blend 3, werden Sie sehen sehr ähnlich Entwurfszeit Verhaltensweisen:
  

Während VS2010 Design-Zeit ist die aufregende neue Feature dieser Version, Design-Zeit Unterstützung für VS2008 und Blend 3 sind noch da und hat viele Bugfixes. Bitte senden Sie beziehen sich auf frühere Silverlight Toolkit Design Time Features: März 2009 Release Update für mehr Informationen für VS2008 und Blend 3 Design-Zeit zu erleben.

Abschluss

Oberhalb Walkthrough ist nur ein Blick in alle Design-Zeit Funktionen, die wir für VS2010 implementiert haben. Ich bin sehr aufgeregt, dass VS2010 bietet nun eine echte Designer für Silverlight, und ich werde weiterhin Bereicherung der Design-Zeit Erfahrung für Silverlight in VS und Blend. Ihr Feedback ist willkommen.

Ich schreibe eine Reihe von Stellen zu erläutern, wie die Design-Zeit Erfahrung umgesetzt werden.