Zhang Ning blog

Introduction

Le Mars 2009 Communiqué de Silverlight Toolkit a beaucoup de nouvelles fonctionnalités et améliorations. Parmi eux, les mises à jour pour les éléments de la conception:

• un nouveau programme d'installation MSI qui fournit une intégration étroite avec Visual Studio et Blend hors de la boîte, ce qui rend le développement Silverlight Toolkit avec le plus facile;
• soutenir à la fois le développement Silverlight 2 avec Visual Studio 2008 et Blend 2, et Silverlight 3 de développement avec Visual Studio 2008 et Blend 3;
• ajouter des fonctionnalités moment du design pour les six nouveaux contrôles ( Accordéon , DomainUpDown , LayoutTransformer , TimePicker , TimeUpDown , TransitioningContentControl );
• effet de levier le cadre de conception de nouveaux temps d'extensibilité dans Blend 3 (et bientôt dans Visual Studio 2010) et d'améliorer les caractéristiques de la conception des contrôles existants, tels que intializers défaut, AlternateContentPropertyAttribute et éditeurs personnalisés, pour fournir une expérience de conception beaucoup mieux, en particulier dans Blend 3.

Ce poste est une mise à jour pour mon post avant Temps caractéristiques de conception Silverlight Toolkit .

Silverlight 2 de développement avec Visual Studio 2008 et Blend 2

Installation

• Tout d'abord, suivez les étapes 1 et 2 sur http://silverlight.net/GetStarted pour installer Silverlight 2 et Blend 2:

• Ensuite, suivez l'étape 4 pour Silverlight Toolkit CodePlex page, cliquez sur "Télécharger la dernière version" link:

• Cliquez sur le «Silverlight 2 Mars 2009 Installer Toolkit" lien, et exécuter le msi: (Vous pouvez également enregistrer le fichier MSI à votre ordinateur et l'exécuter plus tard)

Après la fin d'installation, vous pourrez voir Silverlight 2 Toolkit installé sur votre ordinateur:

S'il vous plaît noter:

• il ya un espace de noms (deux CLR et le préfixe xmlns) et changement de nom de l'Assemblée Microsoft.Windows.Controls dans les versions précédentes de System.Windows.Controls dans le présent communiqué. S'il vous plaît voir Shawn Burke post d ' Silverlight Toolkit Mars 2009 Release pour une bonne explication pour le changement et ses implications pour le développement avec Silverlight Toolkit.
• Outre les quatre existantes assemblées Toolkit (contrôles, Controls.Input, Control.DataVisualization et Controls.Theming) dans les versions précédentes, il ya une nouvelle assemblée a ajouté dans cette version: Controls.Layout, qui contenait Accordéon, LayoutTransfer et TransitioningContentControls.
• nous avons toujours suivi la même convention pour les ensembles de la conception: il ya trois ensembles de temps de conception pour chaque ensemble moment de l'exécution (. design. expression.design, et. visualstudio.design), et tous les ensembles de temps de conception réside dans le sous-dossier de conception.

Il ya aussi une nouvelle boîte à outils Microsoft Silverlight 2 Mars 2009 Groupe Menu Démarrer point pour fournir un accès facile à toutes les informations relatives Toolkit, comme docs, le code source des échantillons, sur l'ordinateur local, et Silverlight Toolkit forums et CodePlex page sur le Web:

Procédure pas à pas

Nous allons utiliser une soluce sur la façon de créer un contrôle graphique dans le mélange de démontrer les caractéristiques de la conception pour Silverlight Toolkit:

• Créez un nouveau projet d'application Silverlight 2 dans le mélange:

• Ajouter une référence pour les assemblées Toolkit: (Ici, je ajouter toutes les assemblées Toolkit, mais seulement System.Windows.Controls.DataVisualization.Toolkit.dll est nécessaire pour cette procédure pas à pas)

• Bibliothèque ouverte actifs, cliquez sur Personnaliser l'onglet Contrôles, et double cliquez sur le contrôle graphique:

• Ajoutez un contrôle graphique à la surface de conception, de définir sa propriété titre dans la visualisation des données dans les propriétés de la catégorie Groupe:

• Cliquez sur le bouton à côté de New DataContext biens sous Propriétés communes, PointCollection sélectionner dans la boîte de dialogue Sélectionner un objet, puis cliquez sur OK:

• Dans l'éditeur XAML, remplacez le code XAML généré "<PointCollection />« d'être comme ceux qui sont décrits ci-dessous capture d'écran, de fournir certaines données pour le contrôle graphique à afficher:

• Cliquez sur le bouton ... à côté de "Series (Collection)« biens sous Propriétés communes catégorie, cliquez sur "Ajouter un autre élément" dans l'éditeur de la série Collection de dialogue, sélectionnez-le dans ColumnSeries Sélectionnez l'objet de dialogue, puis cliquez sur OK:

• dialogue Retour à l'éditeur Collection Série, définir les propriétés du ColumnSeries nouvellement créée dans le volet droit Propriétés:
  • Set DependeptValuePath à X et Y à IndependentValuePath, tous deux en commun Propriétés catégorie
    
  • Cliquez sur le rectangle à la droite de la propriété ItemsSource, sélectionnez la liaison de données ... dans le menu contextuel jusqu'à éclaté:
    
  • Sélectionnez le seul élément, PointCollection (Array) du jour, dans les champs dans la zone de liste de données Créer reliure de dialogue, puis cliquez sur le bouton Terminer:
    
  • Retour à l'éditeur de la série Collection de dialogue nouveau, l'avis de la propriété ItemsSource est maintenant entouré par un rectangle jaune, indiquant qu'il a désormais une valeur contraignante des données modifiées. Cliquez sur OK pour fermer la boîte de dialogue Éditeur de collections de série:
    

• Nous sommes de retour à Blend fenêtre principale, et voila, nous avons un contrôle Chart rendu bien dans la vue de conception:

Nous pouvons frapper sur F5 pour générer et exécuter le projet de mélange, ou ouvrez le projet dans Visual Studio pour continuer à modifier le code XAML et le code. Avis ci-dessous capture d'écran que la boîte à outils Visual Studio est auto peuplées avec des contrôles Toolkit:

Silverlight 3 de développement avec Visual Studio 2008 et Blend 3

Installation

Avant de commencer, s'il vous plaît lire les notes de développeur importants sur http://silverlight.net/getstarted/silverlight3/default.aspx outils # attentivement (capture d'écran ci-dessous aussi).

• Tout d'abord, suivez les trois premières étapes sur les outils # http://silverlight.net/getstarted/silverlight3/default.aspx page pour installer Silverlight Tools Beta 3, SDK (une partie des contrôles Toolkit précédent, comme DockPanel, WrapPanel, Expander, Viewbox, HeaderedContentControl, HeaderedItemsControl, TreeView, etc AutoCompleteBox, et leurs assemblages moment de la conception, ont déménagé à SDK de Silverlight 3), et Blend 3 Extrait:
• Ensuite, suivez la quatrième étape de Silverlight Toolkit Project site CodePlex , cliquez sur Télécharger la dernière version lien, puis cliquez et lancez le Toolkit Silverlight 3 Mars 2009 Installer:

Après la fin d'installation, vous pourrez voir Silverlight 3 Beta du SDK et Toolkit installé sur votre ordinateur:

• SDK:

• Boîte à outils:

Et le groupe Microsoft Silverlight 3 Toolkit Mars 2009 menu Démarrer point pour un accès facile à toutes les informations Toolkit:

Procédure pas à pas

Maintenant faisons la même créer une soluce contrôle graphique, mais cette fois avec Blend 3:

• Démarrez Microsoft Expression Blend 3 Aperçu du menu Démarrer, créez une nouvelle application Silverlight 3 + site web du projet:

• Cliquez sur la bibliothèque d'actifs, un avis sur l'onglet Commandes est pré-rempli avec Silverlight 3 et d'exécution des contrôles SDK, y compris ceux utilisés pour être dans le Toolkit, comme DockPanel, Expander, etc TreeView Blend 3 remplit Asset Library de manière asynchrone, afin que vous remarquerez peut-être quelques-uns secondes avant de retard sur l'onglet Commandes est entièrement rempli.

• Cliquez sur l'onglet Commandes, remarquez qu'il est pré-rempli avec les contrôles Toolkit:

• Double-cliquez sur le contrôle graphique, cliquez et glissez sur la surface de conception, et voilà, un contrôle graphique est créé, initialisé avec quelques exemples de données, et bien rendus. Nous avons dû passer par beaucoup d'étapes manuelles dans Blend 2 pour créer le même résultat:

S'il vous plaît note ci-dessus capture d'écran:

• dans les projets de panneau sur la droite, la référence à System.Windows.Controls.DavaVisualization.Toolkit.dll est automatiquement ajoutée;
• dans l'éditeur XAML, le xmlns: définition chartingToolkit est automatiquement ajouté
• également remarquer que quelques-uns Blend 3 nouvelles fonctionnalités, comme une icône personnalisée pour un contrôle graphique (à la fois l'objet et le volet Calendrier et volet Propriétés), initialisation par défaut qui génère le XAML initial pour le contrôle Chart.

Depuis le contrôle graphique est si facile de créer, faisons un peu plus dans Blend 3 Procédure pas à pas.

• Cliquez sur Propriétés onglet à droite, et d'étendre le contrôle graphique dans des objets et Timeline volet sur la gauche:

S'il vous plaît note ci-dessus capture d'écran:

• Dans Propriétés de configuration, les petits points blancs à la droite en évidence les propriétés initialisées par défaut d'initialisation de contrôle graphique;
• Dans des objets et Chronologie de configuration, il ya LegendItems et les propriétés des axes sous l'objet graphique, et les propriétés IndependentAxis DependentRangeAxis sous l'objet ColumnSeries. Ces propriétés sont appelées un autre contenu. les afficher dans la hiérarchie des objets permet d'accéder facilement à ces propriétés au moment du design. Par exemple, on peut glisser et déposer un LinearAxis à la propriété Axes:

Ainsi, comparant les créer même une soluce contrôle Chart dans Blend 3 et Blend 2, nous pouvons voir que 3 Blend un concepteur beaucoup mieux, et nos assemblées moment du design pour Blend 3 ont suscité de nombreuses capacités de conception nouvelle extension du temps, comme d'initialisation par défaut et bien un autre contenu, à améliorer considérablement l'expérience de conception des contrôles Toolkit.

Maintenant, ouvrez le projet dans Visual Studio:

S'il vous plaît noter que:

• La boîte à outils sur la gauche est pré-rempli avec les SDK et les contrôles Toolkit.
• Les fenêtres de sortie en bas à droite affiche un message d'erreur Échec de chargement de l'Assemblée de conception. N'en tenez pas compte de façon sécuritaire.

Expérience en conception dans Visual Studio 2008 (deux Silverlight 2 et 3)

expérience de conception dans Visual Studio Toolkit est à peu près les mêmes pour les deux Silverlight 2 et Silverlight 3, afin que nous puissions poursuivre les actions suivantes à partir soit de plus de deux soluces. Pour plus de commodité, nous continuerons de la procédure pas à pas Silverlight 3 ci-dessus.

Maintenant, faites glisser et déposez le contrôle de l'accordéon boîte à outils à l'éditeur XAML:

Nous pouvons constater que:

• En XAML éditeur
  • xmlns: layoutToolkit = "clr-namespace: System.Windows.Controls; Assemblée System.Windows.Controls.Layout.Toolkit =" est automatiquement ajouté
  • <layoutToolkit:Accordion> </ layoutToolkit: Accordéon> est automatiquement ajouté
• Dans l'Explorateur de solutions
  • références à l'assemblage System.Windows.Controls.Layout.Toolkit, et les deux assemblées elle dépend, dans System.windows.Controls.Toolkit Toolkit et System.Windows.Controls dans SDK, sont automatiquement ajoutées à ce projet

Maintenant, faites glisser et déposez un peu de contrôles de boîte à outils à l'éditeur XAML.

S'il vous plaît avis screenshot ci-dessus que:

• dans l'éditeur XAML
  • nous pouvons voir que nous avons glissé-déposé Calendrier, AutoCompleteBox et NumericUpDown à l'accordéon
  • les définitions pertinentes du code XAML xmlns et sont ajoutés automatiquement
• Dans la fenêtre Aperçu
  • code XAML est bien rendu que nous éditons en XAML éditeur
• Dans l'éditeur de code
  • avis de la IntelliSense et InfoTip
  • En toute sécurité ignorer les erreurs dans la fenêtre des erreurs comme nous le type ou le code XAML dans éditeurs avant de terminer la déclaration
• Dans l'Explorateur de solutions:
  • les références aux assemblages nécessaires sont automatiquement ajoutés

F5 Hit, et il construit et fonctionne bien:

Crédits

J'espère bien que vous êtes excité à propos des améliorations expérience en conception, mise en œuvre depuis que je suis la plus grande partie Jeff Wilcox mis en œuvre le programme d'installation, et Justin Angel a écrit les spécifications à la fois pour l'expérience de la conception et d'installation. Beaucoup de mes collègues d'autres ont contribué à l'expérience de conception aussi, surtout RJ Boeke , Jafar Husain , et David Anson . Merci beaucoup aux gens dans le mélange de cidre et des équipes, en particulier Unni Ravindranathan , Gary Linscott, Peter Blois; Brian Pepin, et Eric Fisk. Sans eux, aucune des améliorations expérience de conception serait possible. Et pour Shawn Burke , pour son soutien et mettre l'accent sur les caractéristiques de la conception, et l'implication profonde dans la résolution de problèmes techniques clés dur.

Je vais écrire un post sur le suivi des mises à jour de temps de conception de mise en œuvre Mars 2009 Sortie. Restez à l'écoute!