Première partie Exercice N°1

Nous allons travailler sur une application "MDI", (Multi Document Interface)
Pour les néophytes ce type d' application est une représentation de la plupart des programmes de Microsoft, comme par exemple, Word, Excel, FrontPage, etc...
C'est une document dans un autre document qui sert de conteneur, avec de multiples possibilités que nous allons essayer de vous faire découvrir.

Chaque feuille contient de nombreuses explications qui devraient en principe vous faire comprendre la finalité des paramètres employés dans la saisie du code.
Néanmoins vous pouvez demander de plus amples explications si vous le souhaitez.

Comment créer une feuille "MDI" ?
Lancez Visual Basic qui crée automatiquement un projet ainsi qu' une "Form" associée.
Une fois le projet affiché, cliquez dans le menu "Projet" et cliquez sur l' étiquette "Ajoutez une feuille MDI"
Le programme la répertorie sous le nom de MDIForm1.
Cliquez sur la feuille "Form1" et dans la feuille des propriétés recherchez l' étiquette MDIChild et modifiez sa propriété avec la valeur "True".
Saisissez le code à insérer dans la feuille Form_Load, puis
passez en mode "Exécution" pour contrôler si les deux feuilles se positionnent correctement.
Voici ce que vous devez obtenir :

./images/mdiform.gif Notre projet est en train de prendre forme, nous allons sauvegarder la feuille MDIForm1 sous le nom de : "frmParent" - (Feuille Parent) et la feuille Form1 sous le nom de :
"frmChild" - (Feuille Fille)Modifiez les propriétés Name de chaque feuille en conséquence.
frmParent(frmParent.frm) frmChild(frmChild.frm)

Dans la propriété "Form_Load" de la feuille "frmParent" nous écrivons :

 
Sélectionnez
Private Sub MDIForm_Load()
     Form1.Show
End Sub


Passons à la création de l' interface graphique de la feuille frmParent.

Image non disponible

  Elle comprend une barre de menu qui affiche les étiquettes "Fichier" "Aide" et "Infos"
4 panels dont certains supportent des boutons au nombre de :
3 boutons pour le premier Panel et :
5 boutons pour le deuxième Panel.(non représentés sur ce cliché)
Le troisième Panel comprend deux boutons, ainsi que deux "Label" représentés en creux vous avez deux "Label" dont le premier sert à afficher l' heure et le second sert à afficher la date. Les deux Panel principaux (haut et bas) sont des "PictureBox" seul élément positionnable dans cette feuille.

Attention dans ce type d' application, le Panel principal que vous devez insérer est une "PictureBox" dans laquelle vous allez pouvoir loger des "Frames" ou bien des "Panels", au choix en fonction de vos possibilités.
Insérez une "PictureBox" pour le haut de la feuille et une deuxième "PictureBox" pour afficher les informations de bas de feuille.
La première "PictureBox" aura dans la propriété "Align", la valeur : 1 Align Top
La deuxième aura dans la propriété "Align", la valeur 2 Align Bottom


Passons à la création de l' interface graphique de la feuille frmChild.

./images/intface_k7.jpg   Voici le cliché de l' interface graphique de la feuille frmChild(feuille Fille) Les éléments positionnés sont issus du contrôle "Threed.ocx" et "Spin.ocx" Si vous ne les possédez pas, nous verrons ultérieurement comment les remplacer.

La première des choses à faire est de réaliser la ligne de menus à l' aide de l'outils de création de menus que nous avons étudié dans les leçons précédentes.(Voir nos Tutoriels) Ensuite créer les éléments graphiques à l' aide des outils que nous avons à notre disposition, à savoir :

Pour ceux qui possèdent le contrôle "Threed.ocx"
Utiliser l' objet "Panel" pour appliquer les panneaux devant supporter les différents objets graphiques.

Pour les autres :
Utiliser l' objet "Frame" qui nous servira de Panel ou l' objet "PictureBox"
En dehors de la Frame indiquée "Gestion de bases de donnée", les autres Frames ne comprendrons pas de propriété "Caption".(Les Panels également)
Les boutons de dimensions "375x375" ne comprendrons pas d' images, sauf pour ceux qui possèdent le contrôle "Threed.ocx".
Les 5 boutons "Spins" seront remplacés ultérieurement par des "ScrollBar"(si ça marche ?) ou des boutons ?
Pour le reste, il ne s' agit que des objets "TextBox" et "Label" ce qui ne devrait pas poser de problèmes.
Récapitulation des objets à insérer pour composer l' interface graphique qui sera la page d' accueil de votre application, soignez la, car elle représente le premier élément que va découvrir l' utilisateur dès qu'il aura lancé votre programme.

Si je n' en ai pas oublié, nous avons positionné sur l' interface :
  • 5 Panels(ou Frames)
  • 11 Boutons
  • 11 Labels
  • 1 Label (Le zéro est un Label)
  • 7 TextBox
  • 1 Label (Fichiers de sons)
  • 1 ComboBox
  • 1 ScrollBar (position verticale)
  • 5 Spins (ou ScrollBar)

Lorsque tout est positionné, nous utilisons la propriété "Verrouiller les contrôles" que nous trouvons dans la barre de menu sous l' étiquette "Format".(Depuis la version 4.0 de VB)

ATTENTION ! - Toutes les feuilles devront comporter cette instruction

 
Sélectionnez
'La procédure CenterForm devra être l'installée dans un module
'Centrage de la feuille
Sub Form_Load ( )
     CenterForm Me
End Sub

Prochain tutoriel :

le code d'action de la feuille "frmParent"