> Le Site du Zéro - Informatique

> Cours

> Tutoriels

> Programmation

> C# / .NET

> Visual Basic.NET

> Le côté visuel de VB

> Découverte de l'interface graphique

> Lecture du tutoriel

Découverte de l'interface graphique

Par

Hankerspace

Mise à jour : 13/12/2010

Difficulté : Facile Facile

23 410 visites depuis 7 jours, dont 532 sur ce chapitre classé 14/786

Des fenêtres, je veux des fenêtres ! A partir de maintenant, fini les essais au milieu du noir et du blanc de notre console. Nous allons donc commencer à aborder les nouveaux concepts du graphisme en commençant par placer des contrôles et découvrir les évènements.

Allons y !

Retour en haut

Sommaire du chapitre :

Les nouveautés
Avantages par rapport à la console
Manipulation des premiers objets
Les paramètres de notre projet
Q.C.M.

Retour en haut

Les nouveautés

Jusqu'à maintenant je vous ai obligés (grrr) à rester sur la console. C'est moche d'accord, mais comprenez-moi, vous avez eu besoin d'uniquement 2 fonction jusqu'à maintenant : Console.ReadLine() pour l'entrée et Console.WriteLine() pour la sortie.

Ici, vous n'aurez plus besoin de l'objet "Console", donc les "Console." on oublie !

Recréons un nouveau projet, windows forms cette fois-ci ; et découvrons !

Sur notre gauche nous retrouvons le panneau que je vous ai présenté tout au début de ce tutoriel : la boîte à outils.

Cette boite contient donc des outils, outils que nous allons déposer sur notre feuille. J'appelle feuille la petite fenêtre avec rien dedans au centre de votre écran, c'est un peu comme votre feuille et vous allez dessiner dedans.

Retour en haut

Avantages par rapport à la console

Tout d'abord les avantages par rapport à la console sont immenses : c'est plus beau, c'est agréable de travailler dessus, c'est fonctionnel mais surtout, si vous vous amusez à lancer votre projet vide, sans aucune ligne de code ajoutée : votre fenêtre se lance et reste là. Elle restera jusqu'à ce que vous appuyiez sur la croix rouge en haut à droite.

Vous l'avez donc compris, si on écrit quelque chose dedans, ça reste !

Mais ce ne sera pas aussi simple que la console. Il faudra passer par nos outils pour écrire et interagir avec l'utilisateur.

Donc, il faudra bien connaitre nos outils pour savoir lequel utiliser dans quelles situations.

Le Label par exemple nous servira principalement à écrire du texte dans cette interface, la textbox à demander à l'utilisateur d'écrire du texte et le bouton à déclencher un évènement.

Retour en haut

Manipulation des premiers objets

Retournons à notre feuille :

Rien qu'elle, vous pouvez déjà la manipuler : quand vous cliquez dessus des carrés blancs apparaissent sur les bords, ils vont nous permettre d'agrandir ou rapetisser la fenêtre, comme n'importe quelle autre fenêtre windows.

Une fois cette fenêtre à la hauteur de vos espérances, nous allons apprendre à ajouter des objets dedans, ces objets sont appelés des contrôles.

Alors pour ce faire, je vais vous laisser vous amuser avec les objets : prenez-les en cliquant dessus puis faites les glisser sans relâcher le clic jusqu'à la fenêtre.

Laissez libre court à votre imagination, essayez tous les objets que vous voulez :lol:

J'aime pas les noms qu'il y a, je fais comment ?

Stop, pourquoi vouloir savoir courir avant de marcher ?

On va l'apprendre dans le prochain chapitre. Mais ce n'est pas une raison pour fermer ce chapitre et aller tout de suite au suivant ! :colere2:

En attendant vous pouvez déjà lancer ce projet, votre fenêtre apparaitra. Bon, rien ne se passe quand vous appuyez sur les boutons, pourquoi ?

Eh bien nous n'avons pas encore codé d'événements !
Ça ne saurait tarder ...

Retour en haut

Les paramètres de notre projet

Je vais quand même vous expliquer une dernière petite chose :

Cliquez dans projet -> propriétés de [nom de votre projet]

Voici cette fenêtre.

J'explique pourquoi elle va nous être utile. Elle permet tout d'abord de choisir un nom et une icône pour votre application (mais bon ce n'est pas la priorité), mais elle servira surtout à choisir sur quelle fenêtre votre projet va démarrer. Très utile lorsqu'on en aura plusieurs.

Les autres options étant plus techniques, et pas nécessaires actuellement.

Retour en haut

Q.C.M.

Quel type de projet allons-nous utiliser désormais ?

Application Console
Application Windows Forms
Application WPF

Comment sont appelés les "objets" que nous allons ajouter à notre programme ?

Les contrôles
Les ustensiles
Les utilitaires

Statistiques de réponses au QCM

Retour en haut

Retour en haut

6 commentaires pour "Découverte de l'interface graphique"

Note moyenne : 3.60 / 4 (543 votes)

Pseudo	Commentaire
devil may cry	# Posté le 04/07/2010 à 10:18:06
Avis : Très bon Études : IUP MIAGE Aix-Marseille	Honnêtement, VB.Net et plus particulièrement C# (pour moi) sont des langages puissants est assez simple d'utilisation. Avec Visual Studio c'est un jeu d'enfant de réaliser des interfaces graphiques qui sont malgré tout assez réactive et paramétrables. J'aurais bien voulu faire un tuto sur le C# mais apparemment des membres s'y sont déjà attelé. Tout ça pour dire : N'hésite pas à tester, on y prends très vite goût et il est dur de faire machine arrière ensuite
Sh4dows	# Posté le 20/08/2010 à 21:09:49
Avis : Très bon Blog Twitter close Ville : Bordeaux Pays : France métropolitaine Études : Epitech Bordeaux	C# tu dit qu'il est simple d'utilisation ? Intéressant tous cela ! Merci pour l'infos @devil may cry !
protecta	# Posté le 09/03/2011 à 16:47:51
Ville : Tiercé Pays : France métropolitaine	Petite faute : Citation Comment son appelés les "objets" que nous allons ajouter à notre programme ? A remplacer par Citation Comment sont appelés les "objets" que nous allons ajouter à notre programme ? Sinon, tuto' toujours aussi intéressant.
LAUbuntu	# Posté le 27/04/2011 à 15:09:36
On est forts... en pomme!	Citation finit les essais Finit ou finis ? J'ai un doute mais j'ai tiqué ^^' Appelez moi M. Tefi Photographe, guitariste, web developer&designer, développeur. Langages plus ou moins maitrisés : C/C++, SDL, SFML, Java, Javascript, HTML/CSS, PHP, SQL, Perl, Shell, et pseudo-code
buea	# Posté le 25/02/2012 à 23:27:27
	desole je ne comprends pas bien cette partie du cours ou prend t'on des element pour mettre dans la fenetre comme tu l'as dis dans la Manipulation des premiers objets.je cherche depuis plus de trois heures de temps sans succes aide moi stp.