Ning Zhang Blog

Vue d'ensemble

Visual Studio 2010 Bêta 2 est disponible dès maintenant. Pour les développeurs Silverlight, les nouvelles les plus excitant à propos de VS2010 est que le concepteur Silverlight sera à parité avec le designer WPF fonctionnalité, et VS2010 sera en charge le multi-ciblage pour le développement Silverlight. Silverlight Toolkit équipe a travaillé en étroite collaboration avec l'équipe de cidre dans la fourniture de l'expérience de la conception pour Silverlight SDK et des contrôles Toolkit. Le moment de la conception des contrôles Silverlight SDK 3 a été publié avec SL3 SDK en Août 2009, et est également installé par la chaîne VS2010 Beta2. Le moment de la conception des contrôles Toolkit, ensemble avec des sources à la fois pour le SDK et les contrôles Toolkit, et leur temps de conception, des échantillons, des tests unitaires, etc, sont en Silverlight Toolkit Octobre 2009 Communiqué . Nous avons volontairement fait Octobre 2009 Communiqué d'être en phase avec Visual Studio 2010 Beta 2 le lundi, 10/19/2009. Ce message met en évidence les nouvelles expériences de temps de conception pour les contrôles Silverlight dans VS2010.

Installer

VS2010 installe côte à côte avec VS2008. Plusieurs versions de boîte à outils d'installer côte à côte aussi. Donc, il est parfaitement sûr pour installer VS2010 et Toolkit Octobre 2009 Communiqué sur votre machine principale. La seule réserve est que si vous avez un pré Août 2009 Version de Silverlight 3 SDK installé, vous aurez besoin de la désinstaller avant d'installer VS2010. Vous pouvez installer VS2010 Beta2 de http://msdn.microsoft.com/en-us/vstudio/dd582936.aspx , et Silverlight Toolkit http://silverlight.codeplex.com .

Procédure pas à pas

Le communiqué de Octobre 2009 est pour Silverlight 3 seulement. Il fournit un soutien en temps de conception à la fois pour VS2008 et VS2010, ainsi que Blend 3. Ci-dessous solution sera VS2010 seulement. L'expérience du temps de conception pour VS2008 et Blend 3 sont semblables à Juillet 2009 Communiqué . S'il vous plaît voir mes posts précédents pour l'expérience de la conception avec VS2008 et Blend3.

• Créer un nouveau projet d'application Silverlight dans VS2010, notez que:
  
  • la boîte à outils est peuplé à la fois avec le SDK et les contrôles Toolkit, avec des icônes sympas. Si vous avez installé avant Blend3 Toolkit, vous pouvez voir un grand nombre de contrôles sur la boîte à outils Blend qui ne sont pas censés le faire. Vous pouvez en toute sécurité les supprimer en un clic droit sur un contrôle dans la boîte à outils et sélectionnez Supprimer.
  • il est un concepteur réel: à la fois le point de vue conception et la fenêtre des propriétés de travail!
• double-cliquez sur TabControl dans la boîte à outils va ajouter un tabControl1. Notez que:
  
  • Une référence à System.Windows.Controls.dll est ajouté, avec une définition xmlns: xmlns: contrôles = "clr-namespace: System.Windows.Controls; Assemblee System.Windows.Controls"
  • tabControl1 est initialisé avec une tabItem1, qui lui-même est initialisé avec un en-tête et le contenu <Grid/>. (Par l'intermédiaire d' DefaultInitializer )
  • Eléments de Propriété est sélectionnée dans la fenêtre Propriétés (via DefaultPropertyAttribute )
  • Les propriétés sont classées (via CategoryAttribute ), et ont tooltip (via DescriptionAttribute )
• Double-cliquez tabControl1 va ajouter un gestionnaire d'événements pour l'événement SelectionChanged (via DefaultEventAttribute )
  
• faites un clic droit tabControl1, sélectionnez Ajouter un onglet (via PrimarySelectionContextMenuProvider ):
  
• Une nouvelle tabItem2 est ajouté. Notez que:
  
  • tabItem2 est initialisé avec une teneur en <Grid/>
  • En-tête tabItem2 par défaut la propriété est mise en surbrillance. Vous pouvez taper dans la zone de texte à côté de lui et de changer la propriété Header objet typé directement. (Par l'intermédiaire d' TypeConverterAttribute )
  • toutes les propriétés ont InfoTip belle
• double-cliquez sur DatePicker sur boîte à outils:
  
  • une datePicker1 est ajouté à <Grid> tabItem2 (via ParentAdapter )
  • datePicker1 est pleinement développée, même si sa propriété isDropDownOpen est faux (par l'intermédiaire DesignModeValueProvider )
• Maintenant, cliquez sur tabItem1, notez que le contenu tabItem2 est caché et tabItem1 est montré:
  
• cliquez sur Graphique sur boîte à outils:
  
  • une chart1 est ajouté à la bonne place, initialisé avec les données d'échantillonnage, et bien rendu
  • Série de propriété par défaut est sélectionné dans la fenêtre des propriétés
• cliquez sur le bouton ... à côté de la propriété série pour faire apparaître l'éditeur de collection:
  
  • la zone de liste déroulante Sélectionner un élément est rempli avec les bons types (par l'intermédiaire NewItemTypesAttribute ). Le fond rose pour les icônes sont fixés maintenant.
  • la fenêtre Propriétés de la série met en évidence la DependentValuePath propriété par défaut, ont toutes les propriétés classées (comme dans la catégorie Data Visualization), et vous pouvez modifier la propriété Titre objet typé directement dans la zone de texte.
• Créer une classe de données simple avec quelques propriétés simples, et l'ajouter comme une source de données, par l'intermédiaire des données | Afficher les données menu Sources:
  
• Faites glisser MyData plus d'en-tête tabItem1 et la laisser tomber:
  
  • une CollectionViewDataSource est inséré, utilisé comme DataContext de l'LayoutRoot, et d'en-tête tabItem1 est lié à elle. (Via DefaultBindingPropertyAttribute )
• Juste pour le plaisir, ouvrez le projet dans Blend 3, vous verrez très similaires comportements au moment du design:
  

Bien que VS2010 moment de la conception est la nouvelle fonctionnalité de ce communiqué, un soutien en temps de conception pour VS2008 et Blend 3 sont toujours là et a beaucoup de corrections de bugs. S'il vous plaît se référer aux précédents post Caractéristiques Silverlight Toolkit Design Time: Mise à jour Mars Presse 2009 pour plus d'informations pour VS2008 et Blend 3 expérience de la conception.

Conclusion

Au-dessus de procédure pas à pas est seulement un coup d'oeil dans toutes les fonctions au moment du design, nous avons mis en place pour VS2010. Je suis très heureux que VS2010 offre maintenant un concepteur réel pour Silverlight, et je vais continuer à enrichir l'expérience du temps de conception pour Silverlight dans VS et de ses mélanges. Vos commentaires sont les bienvenus.

Je vais écrire une série de messages expliquant comment ceux expérience le temps de conception sont mis en œuvre.