Comment : personnaliser un écran Silverlight dans une application en cours d'exécution

Vous pouvez modifier l'apparence d'un écran pendant que l'application s'exécute à l'aide de l'écran Mode Personnalisation.Vous pourrez également afficher un aperçu de l'apparence de l'écran une fois que vous aurez appliqué ces modifications.Pour ouvrir l'écran Mode Personnalisation, cliquez sur le bouton Concevoir l'écran en haut de l'écran.

[!REMARQUE]

Le bouton Concevoir l'écran s'affiche en haut d'un écran qui est uniquement ouvert dans l'application en cours d'exécution.Ce bouton ne s'affiche pas au-dessus d'un écran qui est ouvert dans le concepteur d'écran.

Lorsque vous avez terminé d'apporter vos modifications, cliquez sur le bouton Enregistrer pour les valider.

Pour une démonstration vidéo connexe, consultez Comment faire pour créer un écran de détails dans une application LightSwitch ? (page éventuellement en anglais).

Vous pouvez utiliser l'écran Mode Personnalisation pour accomplir les tâches de design suivantes :

• Ajouter un groupe d'informations à un écran.

• Modifier la disposition d'un groupe.

• Ajouter des boutons.

• Supprimer des éléments.

• Déplacer des éléments.

• Modifier des légendes d'élément.

• Modifier la position de l'étiquette d'un élément.

• Afficher ou masquer un élément.

• Modifier le type de contrôle d'un élément (par exemple, une étiquette ou une zone de texte).

• Annuler des modifications.

• Rétablir les valeurs par défaut des propriétés de l'élément.

Pour plus d'informations sur la façon d'effectuer des tâches de conception à l'aide du concepteur d'écran, consultez Comment : Concevoir un écran Silverlight à l'aide du concepteur d'écran.

Ajouter un groupe d'informations à un écran

1. Dans l'Arborescence de contenu de l'écran, sélectionnez le nœud auquel vous voulez ajouter un groupe d'éléments.

2. Cliquez sur le bouton Ajouter un groupe.

3. Dans l'Arborescence de contenu de l'écran de l'écran Mode Personnalisation, sélectionnez l'élément (par exemple, un champ ou une commande).

4. En regard de l'écran, cliquez sur les boutons Monter () et Descendre () pour déplacer un élément dans le groupe.

Modifier la disposition d'un groupe

1. Dans l'Arborescence de contenu de l'écran, cliquez sur la flèche bas en regard d'un groupe que vous voulez modifier.

   Une liste déroulante s'affiche.La liste déroulante affiche tous les types de contrôles qui sont disponibles pour le groupe.

2. Dans la liste déroulante de contrôles, sélectionnez un type de contrôle.

   Le type de contrôle que vous sélectionnez affecte la disposition du groupe.Pour plus d'informations sur chaque type de contrôle, consultez Référence : propriétés du concepteur d'écran.

Ajouter des boutons

1. Dans l'Arborescence de contenu de l'écran, sélectionnez le nœud auquel vous voulez ajouter un groupe d'éléments.

2. Cliquez sur le bouton Ajouter un bouton, puis sur Nouveau bouton.

Supprimer des éléments

1. Dans l'Arborescence de contenu de l'écran de l'écran Mode Personnalisation, sélectionnez l'élément que vous voulez supprimer de l'écran.

2. En regard de l'Arborescence de contenu de l'écran, cliquez sur le bouton Supprimer ().

Déplacer des éléments

1. Dans l'Arborescence de contenu de l'écran de l'écran Mode Personnalisation, sélectionnez l'élément (par exemple, un champ ou une commande).

2. En regard de l'écran, cliquez sur les boutons Monter () et Descendre () pour positionner un élément dans la liste d'éléments.

Modifier des légendes d'élément

1. Dans l'Arborescence de contenu de l'écran de l'écran Mode Personnalisation, sélectionnez l'élément (par exemple, un champ ou une commande).

2. Dans la fenêtre Propriétés, sélectionnez le champ Nom complet, puis tapez le texte que vous voulez afficher en tant que légende de l'élément.

Modifier la position de l'étiquette d'un élément

1. Dans l'Arborescence de contenu de l'écran de l'écran Mode Personnalisation, sélectionnez l'élément (par exemple, un champ ou une commande).

2. Dans la fenêtre Propriétés, cliquez sur la liste déroulante sous Position de l'étiquette, puis sélectionnez la valeur souhaitée.

   Le tableau suivant décrit chaque option.

   Position de l'étiquette	Description
   Aligné à gauche	L'étiquette s'affiche à gauche du contrôle.
   Aligné à droite	L'étiquette s'affiche à droite du contrôle.
   Top	L'étiquette s'affiche au-dessus du contrôle.
   Bottom	L'étiquette s'affiche au-dessous du contrôle.
   Aucun	Aucune étiquette ne s'affiche pour le champ de données sélectionné.
   Collapsed	L'étiquette s'affiche sous forme réduite.

Afficher ou masquer un élément

1. Dans l'Arborescence de contenu de l'écran de l'écran Mode Personnalisation, sélectionnez l'élément (par exemple, un champ ou une commande).

2. Dans la fenêtre Propriétés, activez ou désactivez la propriété Est visible.

   Si vous activez Est visible, l'élément s'affichera sur l'écran.Si vous désactivez Est visible, l'élément ne sera pas visible sur l'écran.

Modifier le type de contrôle d'un élément

1. Dans l'Arborescence de contenu de l'écran de l'écran Mode Personnalisation, sélectionnez la liste déroulante en regard de l'élément.

2. Dans la liste déroulante, cliquez sur le type de contrôle souhaité.

   La plupart des types de contrôles sont des types de contrôles intégrés.Vous pouvez également affecter au type de contrôle un contrôle personnalisé que vous créez à l'aide d'autres outils.Pour plus d'informations sur les contrôles personnalisés, consultez Comment : ajouter un contrôle personnalisé à un écran Silverlight.

Annuler des modifications

• Dans l'écran Mode Personnalisation, cliquez sur Annuler.

  Toutes les modifications que vous avez apportées depuis que vous avez ouvert l'écran Mode Personnalisation seront ignorées.

  [!REMARQUE]

  Vous ne pouvez pas annuler de modifications individuelles sur l'écran Mode Personnalisation.

Rétablir les valeurs par défaut des propriétés d'éléments

1. Dans l'Arborescence de contenu de l'écran, sélectionnez un nœud qui représente un groupe d'éléments.

2. En regard de l'Arborescence de contenu de l'écran, cliquez sur le bouton Réinitialiser les éléments.

Voir aussi

Tâches

Comment : Concevoir un écran Silverlight à l'aide du concepteur d'écran

Autres ressources

Écrans : l'interface utilisateur de votre application