Créer ou modifier un modèle de données

Un modèle de données définit la structure et le format de présentation des données. Pour plus d’informations, voir la section « Modèles de donnée » de la Vue d’ensemble la gestion des données. Pour obtenir un exemple complet, voir Essayez ! Créer un lecteur de News RSS.

Pour créer un modèle de données

1. Sur la planche graphique ou sous Objets et chronologie dans le panneau Interaction, cliquez sur l’objet avec lequel vous souhaitez créer une liaison : les données provenant de la source de données aboutiront à cet emplacement.

2. Dans le panneau Propriétés, cliquez sur le bouton Options de propriétés avancées en regard de la propriété qui servira de cible pour la liaison, c’est-à-dire la propriété spécifique qui contiendra les données. Dans la fenêtre contextuelle, cliquez sur Liaison de données.

   La boîte de dialogue Créer une liaison de données s’ouvre.

   Remarque :
   La propriété que vous sélectionnez doit prendre en charge les modèles de données. Sinon, le bouton Définir DataTemplate n’apparaîtra pas dans la boîte de dialogue Créer une liaison de données. Les propriétés qui représentent des listes d’éléments (la propriété ItemsSource des contrôles d’éléments) et du contenu (propriété Content) prennent en charge des modèles de données.

3. Sélectionnez l’un des onglets situés en haut de la boîte de dialogue Créer une liaison de données, en fonction du type de liaison de données que vous souhaitez créer. Pour plus d’informations sur ces onglets, voir la section « Liaison de données » de la Vue d’ensemble la gestion des données.

4. Pour activer le bouton Définir DataTemplate, effectuez l’une des opérations suivantes :

   • Si vous avez sélectionné l’onglet Champ de données, sélectionnez une source de données, puis le champ voulu. S’il n’existe pas de sources de données, vous devez en créer une en cliquant sur l’un des boutons situés en dessous de la fenêtre Sources de données. Pour obtenir un exemple, voir Ajouter ou supprimer une source de données ou Essayez ! Créer un lecteur de News RSS.

   • Si vous avez sélectionné l’onglet Propriété de l’élément, sélectionnez un élément à gauche dans la liste, puis sélectionnez une des propriétés de l’élément affiché à droite.

   • Si vous avez sélectionné l’onglet Contexte de données explicite, sélectionnez un champ. Si aucun champ n’est affiché, vous devez utiliser l’onglet Champ de données, ou bien définir en premier la propriété DataContext sur cet objet ou sur un objet situé tout en haut de la hiérarchie d’objets. Pour plus d’informations, voir Lier des données à une propriété ou à un élément ou Essayez ! Créer un lecteur de News RSS.

5. Cliquez sur le bouton Définir un modèle de données au bas de la boîte de dialogue. La boîte de dialogue Créer un modèle de données s’ouvre.

6. La boîte de dialogue Créer un modèle de données contient trois options :

   • Style par défaut du contrôle   Utilisez le style par défaut pour le contrôle. Dans le cas d’une liaison à une liste d’éléments, le style par défaut est le plus souvent une séquence de zones de texte. Pour plus d’informations, voir Vue d’ensemble du modèle de données sur MSDN.

   • Modèle de données actuel ou prédéfini   Sélectionnez une ressource du modèle de données actuel ou prédéfini dans la zone de liste déroulante. Cette option est désactivée s’il n’existe aucune ressource de modèle de données adaptée au contrôle.

   • Nouveau modèle de données et nouveaux champs d’affichage   Cette option vous permet de choisir les champs de données à inclure dans le modèle et de sélectionner le type de contrôle qui doit être affecté à chaque champ de données. Par exemple, si vous disposez d’un champ de données String (chaîne), le contrôle par défaut utilisé pour l’afficher est TextBlock. Vous pouvez cliquer sur la flèche déroulante en regard de TextBlock pour sélectionner un autre contrôle permettant d’afficher le champ de données. Vous pouvez également utiliser cette méthode pour choisir le type d’élément conteneur qui habillera tous les champs, en cliquant sur la flèche déroulante en regard du contrôle indiqué pour l’élément au premier plan. Utilisez les boutons fléchés pour déterminer l’ordre d’apparition des champs de données. Si vous ne disposez pas d’une liaison de données live, activez la case à cocher Générer des exemples de données de façon à pouvoir afficher votre contrôle avec des exemples de données sur la planche graphique et déterminer ainsi si l’apparence du modèle vous convient.

   Utilisez le panneau Aperçu pour déterminer si l’apparence de votre modèle vous convient. Lorsque vous avez terminé la configuration des options du modèle de données, cliquez sur OK. Les données sont affichées dans l’objet sur la planche graphique en fonction du modèle appliqué.

Haut de la page

Pour modifier un modèle de données

1. Dans le panneau Interaction, sous Objets et chronologie, cliquez avec le bouton droit sur l’objet, pointez sur Modifier d’autres modèles, sur Modifier Contenu généré, puis cliquez sur Modifier le modèle. Expression Blend passe en mode d’édition de modèles et présente la structure de votre modèle de données sous Objets et chronologie.

   Remarque :
   Si vous essayez de modifier un modèle de données existant en cliquant sur le bouton Options de propriétés avancées en regard de la propriété pour laquelle vous avez déjà créé un modèle de données, en cliquant sur Liaison de données, puis sur le bouton Définir un modèle de données, vous créez un nouveau modèle de données.

   Expression Blend passe en mode d’édition de modèles et présente la structure de votre modèle de données sous Objets et chronologie. Dans ce mode d’édition, vous pouvez ajouter des contrôles à votre modèle et utiliser la liaison de données à partir du panneau Propriétés pour lier les propriétés de ces contrôles aux nouveaux éléments provenant de la source de données.

2. Double-cliquez sur l’objet panneau racine pour l’activer et y ajouter davantage d’objets enfants.

3. Dans la boîte à outils, sélectionnez un contrôle à ajouter au modèle. Par exemple, si vous souhaitez afficher un autre élément de données String (chaîne), sélectionnez un contrôle de texte tel que TextBlock  dans la Boîte à outils, puis double-cliquez sur son icône pour l’ajouter à votre modèle.

4. Vérifiez que le nouveau contrôle est sélectionné sous Objets et chronologie, puis recherchez dans le panneau Propriétés la propriété à laquelle vous souhaitez lier les données. Pour TextBlock, ce sera la propriété Text.

   Remarque :
   Lorsque vous ajoutez un contrôle Text sur la planche graphique, Expression Blend passe en mode d’édition de ce contrôle. Pour vous, cela signifie que vous pouvez taper immédiatement du contenu dans le contrôle mais que vous ne pouvez pas accéder à la totalité des propriétés relatives à ce contrôle. Pour quitter le mode d’édition, appuyez sur la touche Échap ou cliquez sur l’outil Sélection.

5. Cliquez sur le bouton Options de propriétés avancées  en regard de la propriété choisie, puis cliquez sur Liaison de données.

   La boîte de dialogue Créer une liaison de données s’ouvre.

6. Sélectionnez l’élément de données auquel vous souhaitez lier la propriété, puis cliquez sur Terminer.

7. Pour quitter le mode d’édition du modèle, cliquez sur le bouton Étendue supérieure  sous Objets et chronologie.

Haut de la page