Introduction
Dans de nombreuses applications, comme l'explorateur Windows par exemple,
l'espace de travail est divisé en plusieurs volets, redimensionnables grâce à un
séparateur nommé "splitter". Aucun contrôle de ce type n'est livré avec Visual Basic
6, mais il est possible de programmer ses propres contrôles.
Nous allons donc créer le contrôle Splitter, afin de pouvoir le réutiliser dans
n'importe quel projet.
Vous pouvez télécharger le projet VB ici : Splitter.zip
| |  |
 |
|
Commençons donc en créant un projet Exe Standard. La feuille nommée Form1
est créee. Ajoutons un contrôle utilisateur à notre projet en sélectionnant la commande
adéquate dans le menu Projet. Dans la propriété Name, tapons "Splitter", ce sera le nom de
notre contrôle.
|
Notre splitter contiendra les deux contrôles à redimensionner
de part et d'autre du séparateur. Donnons donc à sa propriété ControlContainer
la valeur True, pour qu'il puisse contenir d'autres contrôles, de la même façon
qu'un PictureBox par exemple.
Principe de fonctionnement du contrôle Splitter
Lorsque le pointeur de la souris est entre les deux volets redimensionnables,
son apparence change pour montrer à l'utilisateur que le séparateur
entre les deux volets peut être déplacé sur un côté. Si l'on clique,
une barre verticale grise apparaît. Celle-ci se déplacera horizontalement
pour suivre le pointeur de la souris et visualiser l'endroit où l'on va placer
le séparateur.
Pour représenter la barre verticale, nous utilisons un PictureBox. Nous avons également besoin
d'un contrôle image. Ceci pour afficher le curseur de souris qui convient quand l'utilisateur
survole le séparateur. A l'exécution le contrôle image sera placé en permanence au niveau
du séparateur.
Posons donc un PictureBox et un contrôle Image, en donnant à leurs
propriétés les valeurs suivantes :
| PictureBox |
| Name |
picSplitV |
| Border Style |
0 - None |
| BackColor |
gris foncé |
| Top |
0 |
| Width |
75 |
| Visible |
False |
|
|
| Image |
| Name |
splitV |
| MousePointer |
9 - Size W E |
| Top |
0 |
|
 |
Nous avons maintenant fini de dessiner notre splitter.
Passons donc à l'écriture de son code source. |
Page suivante
|
