Création de l'interface utilisateur de l'onglet Console

Lorsqu'un utilisateur sélectionne un onglet Console dans la Console de Windows Home Server, le volet de la console change. Dans cette zone peut s'afficher un objet unique de type Contrôle correspondant à l'onglet. Toutefois, l'objet Contrôle peut contenir et afficher d'autres contrôles qu'il contient. L'utilisateur peut alors interagir avec votre application en utilisant les contrôles affichés dans le volet de votre onglet Console. L'image ci-dessous montre la Console Windows Home Server ouverte :

Screenshot of Windows Home Server Console

Dans le cadre de ce didacticiel, vous créez un simple onglet Console qui affiche des informations arbitraires sur des objets Windows Home Server, et qui ouvre un onglet Paramètres. Pour faire cela, l'onglet Console contient trois boutons.

Le premier bouton que vous mettez en place affiche des informations sur des objets Windows Home Server lorsqu'il est cliqué. Vous installez un deuxième bouton qui efface l'affichage. Enfin, le troisième bouton sert à ouvrir la boîte de dialogue Paramètres Windows Home Server sur un onglet Paramètres spécifique.

Dans cette section, vous créez un contrôle utilisateur qui vous servira d'interface utilisateur pour votre onglet Console.

Pour créer le contrôle utilisateur

L'onglet Console que vous allez créer dans ce didacticiel affiche un contrôle utilisateur qui est composé d'un contrôle RichTextBox et de trois boutons. Ce contrôle utilisateur apparaît dans le volet de l'onglet Console d'exemple, lorsque l'utilisateur clique sur cet onglet.

Pour créer le contrôle utilisateur ShowWHSInfoPanel

  1. Le projet SDKSample étant ouvert dans Visual Studio 2005, cliquez-droit sur SDKSample dans l'Explorateur de solutions, pointez sur Ajouter, puis cliquez sur Contrôle utilisateur.

  2. Dans le champ Nom, renommez le fichier de UserControl1.cs en ShowWHSInfoPanel.cs, puis cliquez sur Ajouter. L'onglet ShowWHSInfoPanel.cs [Design] apparaît.

  3. Ajoutez un contrôle RichTextBox dans la zone du contrôle utilisateur. Dans les propriétés du contrôle RichTextBox, définissez les valeurs suivantes :

    1. Scrollbars à Vertical.
    2. Multiline à True.
    3. ReadOnly à True.
    4. (Name) à rtShowWHSInfo.
    5. Locked à True.
    6. Modifiers à Internal.
    7. Location à 152, 18.
    8. Size à 804, 530. (Vous aurez peut-être besoin de redimensionner la zone du contrôle utilisateur pour voir le contrôle RichTextBox en entier.)

  4. Ajoutez un contrôle Button dans la zone du contrôle utilisateur, en haut et à gauche du contrôle RichTextBox Control. Réglez ses propriétés de la façon suivante :

    1. Text à Show WHS Info. Si nécessaire, redimensionnez le bouton afin d'afficher le texte en entier.
    2. (Name) à btnShowInfo.
    3. Modifiers à Internal.

  5. Ajoutez un autre bouton sous le premier. Réglez ses propriétés de la façon suivante :

    1. Text à Clear Display.
    2. (Name) à btnClearInfo.
    3. Modifiers à Internal.

  6. Ajoutez un troisième bouton sous le deuxième :

    1. Text à Open Settings.
    2. (Name) à btnOpenSettings.
    3. Modifiers à Internal.

  7. Dans le menu principal, cliquez sur Fichier puis sur Tout enregistrer.

Dans le prochain sujet, vous ajouterez du code à ce projet afin que l'utilisateur puisse interagir avec votre application via le contrôle personnalisé que vous venez de créer.

Important
La Console Windows Home Server Console a une taille fixe qui ne peut être modifiée ni par l'utilisateur ni par une application personnalisée. Le volet de l'onglet Console s'affiche dans cette fenêtre et sa taille est également fixe (982 x 534 pixels). Par conséquent, lorsque vous créez votre interface utilisateur qui s'affichera dans le volet de la Console, vous devez veiller à ne pas dépasser les limites du volet de taille fixe.

Voir aussi

Page view tracker