Écrans de client Silverlight

Vous pouvez créer et concevoir des écrans silverlight basés sur le mieux à votre application de LightSwitch en comprenant les modèles, les outils, et les tâches que cette rubrique présente.

[!REMARQUE]

À l'aide de Microsoft LightSwitch pour Visual Studio Update 2 vous pouvez également créer des écrans HTML et les optimiser pour les appareils mobiles.Pour plus d'informations, consultez Écrans de client HTML pour les applications LightSwitch.

Modèles d'écran

Pour commencer, créez un écran à l'aide de l'un des modèles d'écran suivants :

• Nouvel écran de données

• Rechercher un écran de données

• Écran de détails

• Écran format grille modifiable

• Écran de liste et détails

Pour plus d'informations sur la sélection d'un modèle, consultez Choix d'un type d'écran.

Pour plus d'informations sur la recherche de ces modèles, consultez Comment : créer un écran Silverlight.

Outils de conception d'écran

Vous pouvez modifier la conception d'un écran à l'aide du concepteur d'écran ou en ouvrant l'écran Mode Personnalisation pendant que l'application s'exécute.

Concepteur d'écran

Le concepteur d'écran affiche des éléments tels que les champs de données et commandes, et l'arborescence de contenu de l'écran, qui est une représentation hiérarchique de vos données.Vous pouvez faire glisser des éléments vers l'arborescence de contenu de l'écran et les réorganiser dans l'ordre que vous voulez.

Pour plus d'informations sur le concepteur d'écran, consultez Visite du concepteur d'écran.

Pour plus d'informations sur la conception d'un écran, consultez Procédure pas à pas : conception d'un écran.

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

Écran Mode personnalisation

Vous pouvez modifier l'apparence d'un écran pendant que l'application s'exécute à l'aide de l'écran Mode Personnalisation.Vous pouvez également afficher un aperçu des modifications avant de les appliquer.Dans l'écran Mode Personnalisation, vous pouvez effectuer les tâches de conception suivantes pendant que l'application s'exécute :

• Supprimer des éléments d'un écran

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

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

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

• Afficher ou masquer un élément

• Déplacer un élément vers un autre emplacement dans l'écran

• Regrouper des éléments

• Ajouter des boutons à un écran

• Annuler des modifications

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

L'illustration suivante montre l'écran Mode Personnalisation.

Pour plus d'informations sur l'écran Mode Personnalisation, consultez Comment : personnaliser un écran Silverlight dans une application en cours d'exécution.

Tâches de conception d'écran

Pour modifier la conception d'un écran, vous pouvez effectuer les tâches suivantes :

• Modifier l'apparence d'un écran

• Ajouter des champs et des commandes à un écran

• Filtrer les données qui s'affichent dans un écran

• Ajouter des données à un écran

• Personnaliser le menu de navigation d'écran

• Modifier un écran à l'aide de code

Modifier l'apparence d'un écran

Vous pouvez modifier l'affichage des données dans un écran.Par exemple, vous pouvez configurer une collection d'informations à afficher en tant que liste ou grille.Vous pouvez modifier l'ordre dans lequel les champs s'affichent, ou regrouper les champs.

Pour plus d'informations, consultez Comment : Concevoir un écran Silverlight à l'aide du concepteur d'écran.

Pour obtenir un exemple sur la conception de l'apparence d'un écran qui affiche des informations de l'exemple de base de données Northwind, consultez Personnalisation de l'apparence de l'écran.

Ajouter des champs et des commandes à un écran

Les écrans LightSwitch fournissent des commandes intégrées afin que les utilisateurs puissent afficher, mettre à jour, supprimer ou enregistrer des données.Vous pouvez également ajouter des commandes et des champs personnalisés.

Ajoutez une commande personnalisée si vous voulez ajouter un type de logique métier à l'écran.Par exemple, vous pouvez ajouter un bouton afin qu'un utilisateur puisse consulter une liste de clients selon le nombre de commandes.Pour plus d'informations, consultez Comment : ajouter une commande personnalisée à un écran Silverlight.

Vous pouvez ajouter des champs de propriétés locales personnalisés pour collecter ou afficher des informations.Par exemple, vous pouvez ajouter une zone de texte en regard du bouton de volume de ventes afin que l'utilisateur puisse spécifier le nombre de clients qui doivent s'afficher dans la liste.Pour plus d'informations, consultez Comment : ajouter une propriété locale à un écran Silverlight.

Ajouter des contrôles personnalisés à un écran

Vous pouvez ajouter des contrôles Silverlight à un écran LightSwitch.Les contrôles Silverlight vous permettent d'afficher ou de collecter des informations au-delà des fonctionnalités des contrôles LightSwitch intégrés.Vous pouvez également utiliser un contrôle Silverlight pour remplacer un contrôle LightSwitch intégré qui s'affiche sur l'écran.Pour plus d'informations, consultez Comment : ajouter un contrôle personnalisé à un écran Silverlight.

Filtrer les données qui s'affichent dans un écran

Vous pouvez filtrer les données qui s'affichent dans un écran en modifiant les conditions de requêtes d'écran.

Chaque groupe de données qui s'affiche dans le volet de gauche du concepteur est basé sur une requête.L'écran affiche seulement les informations retournées par ces requêtes.Pour modifier les informations affichées pour un groupe de données, modifiez sa requête.

Pour plus d'informations, consultez Comment : filtrer des données dans un écran Silverlight.

Ajouter des données à un écran

Vous pouvez ajouter d'autres types de données à un écran.Par exemple, dans un écran qui affiche des clients, vous pouvez ajouter une grille de données qui affiche une liste de commandes.Pour plus d'informations, consultez Comment : Ajouter des données à un écran.

Personnaliser le menu de navigation d'écran

Dans l'application, un utilisateur peut ouvrir un écran en cliquant sur son nom dans le menu de navigation.Vous pouvez spécifier l'ordre dans lequel vous voulez que ces écrans s'affichent dans le menu.Vous pouvez également spécifier quel écran doit s'afficher lorsque l'application démarre, et vous pouvez spécifier si l'utilisateur peut ouvrir plusieurs écrans qui s'affichent en tant qu'onglets.

Pour plus d'informations, consultez Comment : créer des éléments de menu et des groupes de navigation.

Permettre aux utilisateurs de rechercher des données

LightSwitch fournit le support intégré pour la recherche.Lorsque votre application s'exécute, une zone de recherche est affichée au-dessus de chaque collecte de données dans un écran.Un utilisateur peut taper des termes dans l'une des zones de recherche, puis appuyer sur Entrée pour rechercher des informations connexes.

Pour plus d'informations sur le masquage d'une zone de recherche dans un écran, consultez Comment : Concevoir un écran Silverlight à l'aide du concepteur d'écran.

Pour plus d'informations sur l'exclusion de champs spécifiques des opérations de recherche, consultez Référence : propriétés du concepteur de données.

LightSwitch fournit un modèle que vous pouvez utiliser pour créer un écran de recherche.Pour plus d'informations, consultez Choix d'un type d'écran

Seuls les champs de type String sont pris en compte dans une requête de recherche.De plus, une requête de recherche s'applique seulement à la collecte de données associée.Par exemple, une zone de recherche qui s'affiche au-dessus d'une collection de clients ne peut pas être utilisée pour rechercher des informations sur les commandes passées par un client.

Si vous voulez fournir une expérience en matière de recherche qui tient compte des champs autres que des champs de chaîne ou des informations qui existent dans les collections connexes, vous devez implémenter une fonctionnalité de recherche personnalisée dans votre écran.Pour obtenir un exemple sur la manière de procéder, consultez Creating a Custom Search Screen in Visual Studio LightSwitch.

Modifier un écran à l'aide de code

Vous pouvez ajouter le code aux méthodes partielles appelées par LightSwitch afin que lorsque certains événements se produisent au moment de l'exécution, l'écran soit modifié convenablement.Par exemple, vous pouvez ajouter le code qui masque le nom d'une société qui souhaite rester anonyme pour les utilisateurs de votre application.Ce code examinera les noms de société des clients et, s'il trouve une correspondance, affectera à la propriété IsVisible du champ CompanyName la valeur False avant que les informations soient affichées dans l'écran.

Pour plus d'informations sur les emplacements d'écriture de code, consultez Comment : gérer les événements d'écran Silverlight et Comment : ajouter une commande personnalisée à un écran Silverlight.

Pour plus d'informations sur l'ajout de code qui modifie un écran, consultez Comment : modifier un écran Silverlight à l'aide du code.

Rubriques connexes

Titre	Description
Choix d'un type d'écran	Décrit les modèles que vous pouvez utiliser comme point de départ pour créer des écrans.
Comment : créer un écran Silverlight	Indique comment ajouter des écrans à votre application.
Visite du concepteur d'écran	Illustre les parties du concepteur et leurs fonctions.
Procédure pas à pas : conception d'un écran	Indique comment concevoir un écran qui affiche des données de l'exemple de base de données Northwind.
Comment : Concevoir un écran Silverlight à l'aide du concepteur d'écran	Indique comment utiliser le concepteur d'écran.
Comment : personnaliser un écran Silverlight dans une application en cours d'exécution	Indique comment personnaliser l'apparence d'un écran pendant que l'application s'exécute.
Comment : ajouter une propriété locale à un écran Silverlight	Montre comment ajouter un champ personnalisé de propriété locale à l'écran.
Comment : ajouter une commande personnalisée à un écran Silverlight	Indique comment ajouter un bouton ou un lien qui exécute le code personnalisé dans un écran.
Comment : ajouter un contrôle personnalisé à un écran Silverlight	Indique comment créer un contrôle hors de LightSwitch, puis l'utiliser dans un écran LightSwitch.
Comment : Ajouter des données à un écran	Indique comment ajouter des données d'autres requêtes à un écran.
Comment : filtrer des données dans un écran Silverlight	Indique comment utiliser des requêtes pour contrôler les données qui s'affichent dans l'écran.
Comment : gérer les événements d'écran Silverlight	Décrit comment personnaliser votre application par écriture de code qui s'exécute lorsque certains événements se produisent.
Comment : modifier un écran Silverlight à l'aide du code	Décrit comment utiliser le code pour modifier des contrôles et interagir avec les éléments sur un écran.
Référence : propriétés du concepteur d'écran	Décrit les propriétés des éléments qui s'affichent dans la liste des membres de l'écran et l'arborescence de contenu de l'écran du concepteur d'écran.Vous pouvez modifier l'apparence et le comportement des éléments en utilisant la fenêtre Propriétés pour définir la valeur des propriétés.
Rapports et impression dans LightSwitch	Décrit les options disponibles pour ajouter l'enregistrement et des fonctions d'impression à une application d' LightSwitch .