Partager via

Importer du code XAML exporté depuis Expression Design

  • Article

Vous pouvez enregistrer vos conceptions graphiques Microsoft Expression Design en tant que fichier XAML utilisable dans Microsoft Expression Blend. Cette fonctionnalité permet d’utiliser les conceptions graphiques dans des animations, de les convertir en éléments d’interface utilisateur comme des images d’arrière-plan, etc.

Pour exporter des conceptions graphiques à partir d’Expression Design

  1. Ouvrez un fichier ClipArt dans Expression Design (vous pouvez ouvrir des Exemples d'Expression Design à partir du menu ? (Aide)).

  2. Si vous souhaitez exporter des sections, sélectionnez l'outil Section dans le panneau Outils, dessinez un rectangle autour de la zone des éléments graphiques que vous voulez exporter puis, sous Modifier la section dans le panneau Propriétés, définissez les propriétés de la section (telles que le Nom). Pour plus d'informations sur les sections, voir « Créer et exporter des sections » dans le Guide de l'utilisateur d'Expression Design (F1).

  3. Dans le menu Fichier, cliquez sur Exporter. La boîte de dialogue Exporter apparaît.

  4. Sous Éléments à exporter, effectuez l’une des opérations suivantes :

    • Document entier   Exporte toutes les conceptions graphiques du document.

    • Objets sélectionnés   Exporte uniquement les éléments sélectionnés sur la planche graphique.

    • Sections   Exporte uniquement les sections que vous avez créées. Vous pouvez éventuellement modifier les propriétés de chaque section qui s’affiche.

  5. En regard de Format, sélectionnez l’une des options suivantes :

    • Canevas Silverlight XAML   Permet d'exporter un fichier XAML unique qui contient la totalité de la conception graphique sous la forme d'objets dans un panneau de disposition de canevas. Vous pouvez importer ce fichier XAML dans un projet Microsoft Silverlight dans Expression Blend en vue de l'utiliser en tant que document autonome (votre fichier XAML de départ ou un fichier XAML chargé par programme) ou de copier et coller des objets dans un autre document XAML.

    • Pinceau de dessin WPF XAML   Permet d'exporter un dictionnaire de ressources qui contient la totalité de la conception graphique sous la forme de ressources de pinceau de dessin. Vous pouvez importer ce fichier XAML dans un projet Windows Presentation Foundation (WPF) dans Expression Blend puis appliquer les ressources aux propriétés de pinceau des objets dans votre projet.

      Cc294508.alert_tip(FR-FR,Expression.30).gifConseil :

      Assurez-vous que les noms que vous sélectionnez pour vos ressources de pinceau de dessin diffèrent de ceux des ressources du projet Expression Blend qui utiliseront les fichiers exportés.

    • Canevas WPF XAML   Permet d’exporter un fichier XAML unique qui contient la totalité de la conception graphique sous la forme d’objets dans un panneau de disposition de canevas. Vous pouvez importer ce fichier XAML dans un projet WPF dans Expression Blend en vue de l’utiliser en tant que document autonome (votre fichier XAML de départ ou un fichier XAML chargé par programme) ou de copier et coller des objets dans un autre document XAML. Vous pouvez également ouvrir ce fichier en mode Design dans Expression Blend, cliquer avec le bouton droit sur n’importe quel(s) objet(s), puis créer un bouton ou un contrôle utilisateur à partir des objets à l’aide des options du menu Outils

    Cc294508.alert_note(FR-FR,Expression.30).gifRemarque :

    Si vous avez décidé d’exporter des Sections, vous devez sélectionner chaque section de la visionneuse afin de définir les propriétés d’exportation pour ces sections. Vous pouvez sélectionner des formats différents pour chaque section. Chaque section est exportée vers un fichier distinct.

  6. Définissez les autres propriétés que vous préférez, par exemple rendre les objets texte modifiables après les avoir importés dans Expression Blend. Pour plus d'informations sur les propriétés de cette boîte de dialogue, voir la rubrique « XAML » dans le Guide de l'utilisateur de Microsoft Expression Design.

  7. En bas de la boîte de dialogue, en regard du champ Emplacement, tapez le chemin d’accès du dossier dans lequel vous voulez exporter le fichier. Définissez également les options suivantes :

    • Si vous décidez d’exporter le document entier ou des objets sélectionnés, entrez également un nom pour votre fichier.

    • Si vous décidez d’exporter des Sections, vous pouvez éventuellement sélectionner un panneau de disposition qui contiendra tous les objets.

  8. Cliquez sur Exporter tout pour exporter votre fichier (ou vos fichiers).

Pour importer les conceptions graphiques dans Expression Blend

  1. Dans un projet ouvert dans Expression Blend, cliquez sur Ajouter un élément existant dans le menu Projet.

  2. Dans la boîte de dialogue Ajouter un élément existant, accédez aux fichiers XAML exportés, sélectionnez-les, puis cliquez sur Ouvrir.

    Cc294508.alert_note(FR-FR,Expression.30).gifRemarque :

    Seul un canevas Silverlight XAML exporté peut être importé dans un projet Silverlight.

    Le fichier est ajouté dans le panneau Projets. Si vous avez exporté une conception graphique en tant que Pinceau de dessin WPF XAML, celle-ci apparaît également dans le panneau Ressources.

  3. Effectuez l’une des opérations suivantes pour ajouter les composants importés à la planche graphique :

    • Si vous avez sélectionné l'option Canevas Silverlight XAML, vous pouvez faire des ajouts dans le document ou copier et coller des objets dans un autre document XAML.

    • Si vous avez sélectionné l’option Pinceau de dessin WPF XAML, appliquez les ressources aux propriétés de pinceau des objets de votre projet. Par exemple, vous pouvez faire glisser une ressource DrawingBrush sur un objet TextBlock et la définir en tant que propriété Background.

      Cc294508.496874e2-379b-428a-a9bb-7264dc496036(FR-FR,Expression.30).png

      Pour plus d’informations sur la procédure à suivre pour appliquer des ressources, voir Appliquer ou supprimer une ressource.

      Cc294508.alert_tip(FR-FR,Expression.30).gifConseil :

      Veillez à ce que les noms des ressources pinceau de dessin importées diffèrent de ceux des ressources de votre projet Expression Blend. Vous pouvez renommer des objets de ressources dans le panneau Ressources en cliquant avec le bouton droit sur le nom, puis en sélectionnant Renommer.

    • Si vous avez sélectionné l'option Canevas WPF XAML, vous pouvez faire des ajouts dans le document, utiliser le document comme page de démarrage pour votre application (voir Définir un document de départ pour un projet), ou bien copier et coller des objets dans un autre document XAML. Vous pouvez également ouvrir ce fichier en mode Création dans Expression Blend, cliquer avec le bouton droit sur un ou plusieurs objets, puis créer un contrôle de bouton (voir Créer un contrôle à partir d’objets existants) ou un contrôle utilisateur (voir Créer un contrôle utilisateur à partir d'objets existants).