Accueil

Fondements d' Applications Graphiques

 

Revue d'Applications Graphiques (GUI) 

 

Introduction

Microsoft Visual C# est un environnement de programmation qui vous permet de créer différents types d'applications. Dans nos leçons, nous allons créer des applications graphiques, également appelées Applications Windows ou Applications Windows Forms.

Une application Windows apparaît essentiellement comme un objet rectangulaire qui occupe une partie de l'écran. Ce type d'objet est géré par le système d'exploitation Microsoft Windows. Basé sur les fonctionnalités de Microsoft Windows, pour qu'une application devienne utilisable, elle doit être ouverte.

Une application doit avoir un point d'entrée. Dans une application en language C, C++, ou Java, ce point d'entrée est une fonction appelée main. Pour une application Win32, ce point d'entrée est une fonction appelée WinMain. Le langage C# définit ce point d'entrée avec une méthode de classe et cette méthode s'appelle Main.

Comme vous devriez déjà le savoir à partir de votre apprentissage C# (certaines langues comme Pascal ou JScript.NET n'ont pas une entrée explicitement désignée comme point d'entrée, mais elles le rendent clair et le système d'exploitation sait où est cette entrée), la méthode Main() de C# peut être définie comme nulle (null) ou produire une valeur.

Practical LearningEtude Pratique: Pour Commencer une Application Graphique

  1. Démarrez Microsoft Visual C#
  2. Pour créer une nouvelle application, sur le menu principal, cliquez sur Fichier -> Nouveau projet ou Fichier -> Nouveau -> Projet ...
  3. Dans la section Modèles, cliquez sur projet vide
  4. Dans la zone d'édition Nom, tapez Exercice2 et cliquez sur OK
  5. Sur le menu principal, cliquez sur Projet -> Ajouter un nouvel élément ...
  6. Dans la liste Modèles, cliquez sur Fichier de Code
  7. Modifiez le nom en Commencement
     
    Ajouter un Nouvel Elément
  8. Cliquez Ajouter
  9. Changez le contenu du fichier comme suit:
     
    using System;
    
    public class Commencement
    {
        public static int Main()
        {
            return 0;
        }
    }
  10. Enregistrez le fichier

Configuration d'une Application Windows

Bien que vous pouvez directement créer une application graphique lors du démarrage de votre projet, si vous aviez créé une application console, vous pouvez toujours la transformer facilement en une application formes:

  • Ce que vous devez essentiellement faire, c'est de modifier certaines caractéristiques du projet. Pour le faire, sur le menu principal, vous pouvez cliquer sur Projet -> Propriétés NomDuProject... et puis modifiez la valeur de sortie de la zone de liste déroulante Type d'application Windows
  • Avant ou après avoir specifié le type d'application comme Windows, vous pouvez créer un formulaire

Practical LearningEtude Pratique: Pour Configurer une Application Windows

  1. Sur le menu principal, cliquez sur Projet -> Propriétés de Exercise2 ...
  2. Dans la boîte Nom de l'Assemblée, assurez-vous que l'application Exercice2 est sélectionnée. 
    Dans la boîte Type de Sortie, cliquez sur la flèche de la zone et sélectionnez Application Windows
     
    Propriétés
  3. Fermez la fenêtre

Fondement d'un Formulaire 

Windows Forms est une technique de création d'applications informatiques basées sur le Common Language Runtime (CLR). Il offre une série d'objets appelés contrôles Windows ou tout simplement, contrôles. Ces contrôles sont déjà créés dans le .NET Framework par le biais de différentes classes. La programmation d'applications consiste à profiter de ces contrôles et les personnaliser pour une application particulière. Pour exploiter ces contrôles et d'autres caractéristiques du .NET Framework, il existe plusieurs types d'applications que vous pouvez créer, y comprises les applications graphiques (Windows Application), les applications web (Application ASP.NET), ou les applications console (Console Application), etc.

Les objets utilisés dans une application Windows sont stockés dans les bibliothèques également appelées assemblées. Comme d'habitude pour les bibliothèques, ces assemblées ont l'extension .dll (qui signifie bibliothèque de liens dynamiques). Pour utiliser un de ces objets, vous devez connaître le nom de l'assemblée dans laquelle cet object est stocké. Ensuite, vous devez ajouter une référence à cette assemblée dans votre application.

Pour ajouter une référence à une assemblée, dans le menu principal, vous pouvez cliquez sur Projet -> Ajouter une référence ... Vous pouvez aussi droit-cliquer sur le nœud Références  qui est aura été automatiquement créé dans l'Explorateur de solutions et cliquer sur Ajouter une référence ... Chacune de ces actions va afficher la boîte de dialogue Ajouter une référence où vous pouvez cliquer sur la référence, cliquez sur Sélectionner et cliquez sur OK. Si vous ne voyez pas la référence que vous cherchez, vous pouvez la localiser sur un autre lecteur ou répertoire en utilisant le bouton Parcourir.

Il existe deux grandes catégories d'objets utilisés dans une application Windows Forms: les formulaires et les contrôles. Un formulaire est l'objet le plus fondamental utilisé sur une application. Il s'agit d'un objet rectangulaire qui utilise une partie de l'écran de l'ordinateur pour représenter une application. Un formulaire est basé sur la classe appelée Form qui est définie dans l'espace de noms System.Windows.Forms créé à l'Assemblée System.Windows.Forms.dll. Chaque application graphique que vous créerez commencera par un formulaire. Il existe différentes techniques que vous pouvez utiliser pour obtenir un formulaire dans votre application:

  • Vous pouvez programmatiquement ou manuellement créer un formulaire
  • Vous pouvez hériter d'un formulaire à partir de la classe Form
  • Vous pouvez créer un formulaire basé sur une autre forme que ce soit vous ou quelqu'un d'autre qui l'aura créé

Le principal moyen d'obtenir un formulaire dans une application est de créer une classe qui découlle de la class Form.

Practical LearningEtude Pratique: Dériver un Formulaire de la Classe Form

  1. Pour ajouter une référence à l'application, dans le menu principal, cliquez sur Projet -> Ajouter une référence ...
  2. Dans la boîte de dialogue Ajouter une référence, cliquez sur l'onglet .NET si nécessaire et faites défiler vers le bas dans la liste
  3. Cliquez sur System
     
    Ajouter une Référence
  4. Pressez et maintenez la touche CTRL enfoncée
  5. Cliquez System.Windows.Forms
     
    Ajouter une Référence
  6. Cliquez sur OK
  7. Pour hériter d'une forme de la classe formulaire, modifiez le fichier comme suit:
     
    using System;
    using System.Windows.Forms;
    
    public class Commencement : Form
    {
        public static int Main()
        {
            return 0;
        }
    }
  8. Enregistrez le fichier

La Classe Application

Un formulaire est l'objet principal qui définit la présence d'une application. Une fois que vous avez créé le formulaire principal de votre application, vous pouvez l'apprêter à s'affichage sur l'écran. Ceci est pris en charge par la classe Application équipée pour démarrer une application, s'occuper de ses messages et autres requêtes, et arrêter l'application.

La classe Application offre la méthode surchargée Run() qui peut être utilisée pour démarrer un program. L'une des versions de cette méthode prend un formulaire comme argument. Ce formulaire doit être le premier formulaire de votre application. Ce formulaire sera le premier à s'afficher lorsque votre application débutera.

Practical LearningEtude Pratique: Pour Utiliser la Classe Application

  1. Changez la méthode main() comme suit:
     
    using System;
    using System.Windows.Forms;
    
    public class Commencement : Form
    {
        public static int Main()
        {
            // Declarez une variable de type Commencement
            Commencement frmPrincipale;
    
            // Alloouez la mémoire pour l'objet. Utilisez l'operator new
            frmPrincipale = new Commencement();
            // Appelez la méthode statique Run() de la class Application
            // and passez la variable à cette méthode
            Application.Run(frmPrincipale);
    
            // Tout s'est bien passé... Espérons-le
            return 0;
        }
    }
  2. Pour executer l'application, pressez Ctrl + F5:
     
    Formulaire
  3. Fermez-la en cliquant sur son système de bouton Fermer  et retourner à votre environnement de programmation

Ajouts de Contrôle a un Projet

 

La Zone Cliente

Sur un contrôle, le client est le corps de l'objet. Pour un formulaire, ce sera le corps sans la barre de titre, de ses frontières et d'autres sections comme le menu ou les barres de défilement, etc:

Zone Cliente

 

Outre le formulaire, chaque contrôle a également un espace client. Le rôle de la zone cliente est de préciser la délimitation de la section où le contrôle peut être consulté par d'autres contrôles positionnés sur lui. Basé sur ça, un contrôle peut être visible seulement à l'intérieur de la zone cliente de son parent. Pas tous les contrôles peuvent être parents.

La Période de Conception et la Période d'Utilisation

La programmation d'applications consiste principalement à ajouter des objets à un projet. Certains de ces objets sont ce que les utilisateurs de votre application utilisent pour interagir avec l'ordinateur. En tant que développeur d'applications, l'une de vos tâches sera de sélectionner les objets nécessaires, de les ajouter à votre application, puis configurer leur comportement. Il existe plusieurs façons pour avoir un contrôle dans votre application. Si vous utilisez le Bloc-notes ou un éditeur de texte pour ajouter les objets, vous pouvez écrire le code. Si vous utilisez Microsoft Visual C#, vous pouvez sélectionner visuellement un objet et l'ajouter.

Pour créer vos applications, il y a deux paramètres que vous allez utiliser. Si un contrôle est affiché sur l'écran et vous êtes en train de concevoir l'application, vous êtes considéré travailler au temps de la conception. Cette période vous donne la possibilité de manipuler le contrôle. Vous pouvez configurer visuellement changer l'apparence, l'emplacement, la taille, et d'autres caractéristiques  disponibles du contrôle. La période de conception est généralement la plus utilisée et la plus facile car vous pouvez à coup d'œil changer le contrôle, avoir un affichage réaliste et configurer ses propriétés. La conception visuelle est la technique qui vous permet d'ajouter un contrôle visuellement et manipuler son affichage. C'est la technique la plus commune, la plus régulièrement utilisée, et la plus facile.

L'autre technique que vous allez utiliser pour contrôler une fenêtre se fait par le code. Cela se fait en tapant des commandes ou des instructions à l'aide du clavier. Cela est considéré période d'exécution. C'est la seule façon vous pouvez contrôler un objet pendant que l'utilisateur de votre program interagit avec l'ordinateur.

La Boîte à Outils

 

Introduction

Un contrôle Windows est un objet graphique qui permet à l'utilisateur d'interagir avec l'ordinateur. Les contrôles sont aussi variées que les besoins et objectifs. En raison du grand nombre de contrôles à des fins diverses, leur insertion à une demande et leur configuration sont laissées à l'ordinateur programmeur. La boîte à outils est l'accessoire qui fournit la plupart des contrôles utilisé dans une application:

La Boîte à Outils

Par défaut, la boîte à outils est placé sur le côté gauche de l'IDE. Pour changer cette position, vous pouvez faire glisser sa barre de titre et de loin, il quai à l'autre côté de l'IDE. La boîte à outils aussi fait appel à un largeur par défaut de montrer les articles à ce sujet. Si la largeur est trop étroite ou trop large, vous pouvez le modifier. Pour ce faire, placez la souris à son bord droit et faites-la glisser à gauche ou à droite.

La Boîte à Outils et les Contrôles Additionnels

Lorsque Microsoft Visual Studio est installé, il installe dans la boîte à outils les contrôles les plus régulièrement utilisés. Si vous travaillez dans un environnement qui crée seulement un groupe particulier d'applications et il y a des contrôles que vous utilisez à peine, si vous le souhaitez, vous pouvez les supprimer de la liste. Pour supprimer un contrôle, cliquez avec le bouton droit et cliquez sur Supprimer.

Outre les objets dans la section Contrôles Communs, d'autres contrôles sont laissés de côté, mais sont disponibles. Certains contrôles ont été créés avec le .NET Framework mais ne sont pas installés par défaut car ils sont jugés peu utilisés. Pour ajouter un ou plusieurs de ces contrôles à la boîte à outils, cliquez avec le bouton droit n'importe où dans la boîte à outils et cliquez sur Choisir les éléments... Choisissez dans la boîte de dialogue Choisir des Éléments de Boîte  à Outils, cliquez sur l'onglet Composants .NET Framework, puis cliquez sur la case à cocher du contrôle désiré:

Choisir des Eléments de Boîte à Outils

Quand vous avez choisit, cliquez OK.

En plus des objects routiniers de .NET, d'autres objets appelés contrôles ActiveX ont été utilisés dans les versions précédentes de Visual Basic ou Visual Studio et sont disponibles. Pour prendre soin de problèmes de compatibilité, la plupart des contrôles ActiveX précédents ont été reconfigurés et adaptés pour être utilisés dans une application .NET. Pour ajouter certains de ces contrôles, cliquez avec le bouton droit n'importe où dans la boîte à outils et cliquez sur Choisir les éléments ... Choisissez dans la boîte de dialogue Choisir des Éléments de Boîte à Outils, cliquez sur l'onglet Composants COM, sélectionnez le contrôle:

Choisir des Eléments de Boîte à Outils

Quand vous avez choisit, cliquez OK.

Les Sections d'une Boîte à Outils

Lorsque vous démarrez une application Windows Forms, la boîte à outils offre différents contrôles afin que vous puissiez choisir ceux qui sont appropriés pour votre application particulière. Les contrôles peuvent être définis par catégories sur la base de leur fonctionnement ou leur rôle. Un conteneur est un contrôle dont le principal objectif est d'accueillir d'autres contrôles. Pour la conception, vous ramasser des objets à partir de la boîte à outils et les déposez où vous désirez. La Boîte à outils organize ses objets dans les catégories et chaque catégorie est représentée par un bouton:

Les Sections d'une Boîte à Outils

Si la liste des catégories n'est pas suffisante, vous pouvez ajouter une nouvelle section de votre choix. Par défaut, Visual Studio cache certaines catégories car ils sont jugés peu utilisés. Pour afficher ces sections supplémentaires, vous pouvez cliquer avec le bouton droit n'importe où dans la boîte à outils et cliquer sur Afficher tout:

Boîte à Outils

Si vous voulez un autre onglet qui ne figure pas dans la liste, vous pouvez en ajouter un (ou plus). Pour ce faire, cliquez avec le bouton droit n'importe où dans la boîte à outils et cliquez sur Ajouter un onglet. Vous serez invités à fournir un nom. Après avoir tapé le nouveau nom, appuyez sur Entrée.

L'Etallement d'une Catégorie

Pour utiliser un objet d'une catégorie particulière, vous pouvez d'abord cliquer sur son bouton. Après avoir sélectionné une catégorie, elle affiche ses éléments. Dans chaque catégorie, un bouton Pointeur est sélectionné par défaut. Cela indique simplement qu'aucun élément dans le groupe est actuellement sélectionné.

Par défaut, les éléments dans chaque catégorie sont organisés avec de larges boutons horizontaux: :

La Boîte à Outils

Sinon, vous pouvez changer la liste des boutons d'une catégorie. Pour le faire, vous pouvez cliquer avec le bouton droit n'importe où dans la catégorie et cliquez Vue Liste (pour retirer la case cochée):

La Boîte à Outils

Arrangement d'Objets Dans la Boîte à Outils

Lorsque Microsoft Visual Studio est installé, il ajoute des boutons dans un ordre quelque peu aléatoire. Au début, cela peut faire qu'il est difficile de trouver un contrôle particulier quand vous en avez besoin. Si vous le trouvez plus pratique, vous pouvez classer la liste de contrôles dans n'importe quel ordre de votre choix. Vous avez deux options principales. Pour changer la position d'un élément dans la liste, cliquez avec le bouton droit et cliquez sur Monter (pour le bouger vers le haut) ou Descendre (pour l'amener vers le bas).

Vous pouvez classer les éléments dans l'ordre alphabétique. Pour le faire, cliquez avec le bouton droit n'importe où dans la section Windows Forms, puis cliquez sur Trier les Elements Par Ordre Alphabétique:

Trier les Elements Par Ordre Alphabétique

Une fois que vous avez placé les objets par ordre alphabétique, la Boîte à outils oublie l'arrangement précédent et vous ne pouvez pas la restaurer. Si vous voulez, vous pouvez cliquez-droit sur le bouton d'un contrôle et cliquez sur Monter ou Descendre.

 

 

 

 
 

Home Copyright © 2009, yevol.com