Le Widget PanedWindow Tkinter

1. Description du widget PanedWindow Tkinter

  • Le widget PanedWindow est un conteneur Tkinter qui permet de diviser une fenêtre en plusieurs sous-fenêtres redimensionnables horizontalement ou verticalement. Il peut être utilisé pour créer des interfaces utilisateur flexibles où l'utilisateur peut redimensionner les sous-fenêtres pour ajuster leur taille.
  • Le widget PanedWindow se compose de plusieurs panneaux (widgets enfants) qui sont séparés par des barres de redimensionnement. Les panneaux peuvent être ajoutés à un PanedWindow en utilisant la méthode add(). Chaque panneau peut être configuré avec une taille minimale et maximale, ce qui peut être utile pour garantir qu'un panneau ne devienne pas trop petit ou trop grand.
  • Le widget PanedWindow prend en charge deux modes d'organisation : horizontal et vertical. Dans le mode horizontal, les panneaux sont disposés de gauche à droite, tandis que dans le mode vertical, ils sont disposés de haut en bas. Le mode par défaut est horizontal.


Voici un exemple simple d'utilisation de PanedWindow :

Dans cet exemple, nous avons créé un PanedWindow horizontal avec deux panneaux : un panneau jaune de taille 100x200 et un panneau bleu de taille 200x200. Les deux panneaux peuvent être redimensionnés en faisant glisser la barre de séparation entre eux.

2. Liste des méthodes associées à un objet PanedWindow

Voici une liste des méthodes couramment utilisées associées à un objet PanedWindow dans Tkinter :

  1. add(child, **options): Ajoute un widget enfant au PanedWindow. L'argument child est le widget à ajouter, et les options peuvent être utilisées pour configurer la taille minimale et maximale du widget. Cette méthode renvoie l'index du widget enfant ajouté.
  2. forget(index): Supprime le widget enfant à l'index spécifié du PanedWindow. Le widget est simplement retiré du PanedWindow, mais il n'est pas détruit.
  3. remove(child): Supprime le widget enfant spécifié du PanedWindow. Le widget est détruit et retiré du PanedWindow.
  4. sash_coord(index): Renvoie les coordonnées actuelles de la barre de séparation à l'index spécifié.
  5. sash_place(index, x, y): Déplace la barre de séparation à l'index spécifié à la position donnée (x, y).
  6. sash_mark(index, x, y): Marque la position actuelle de la barre de séparation à l'index spécifié. Cette méthode peut être utilisée pour déterminer la distance que la barre de séparation a été déplacée depuis la dernière fois que cette méthode a été appelée.
  7. panecget(index, option): Renvoie la valeur actuelle de l'option spécifiée pour le widget enfant à l'index spécifié.
  8. paneconfigure(index, **options): Configure les options spécifiées pour le widget enfant à l'index spécifié.
  9. panes(): Renvoie une liste de tous les widgets enfants dans le PanedWindow.
  10. proxywidget(): Renvoie le widget proxy utilisé pour gérer le déplacement de la barre de séparation. Cette méthode peut être utilisée pour configurer les options de ce widget si nécessaire.

Remarque

La liste des méthodes citées ci-dessus pour le widget PanedWindow n'est pas exhaustive, mais ils s'agit plutôt des méthodes couramment utilisées. Il existe d'autres méthodes disponibles pour configurer la taille et la position des panneaux, ainsi que pour accéder aux événements associés à la barre de séparation.



3. Exemples d'usage du widget PanedWindow

Voici Quelques exemples d'utilisation du widget PanedWindow de la bibliothèque Tkinter:

Exemple 1 (Interface utilisateur avec trois panneaux)

Dans cet exemple, nous avons créé une interface utilisateur avec trois panneaux redimensionnables verticalement. Le panneau du haut est de couleur rouge, le panneau du milieu est de couleur verte et le panneau du bas est de couleur bleue. Les trois panneaux ont une taille minimale de 50 pixels.

Exemple 2 (Interface avec deux panneaux et une barre de séparation personnalisée)

Dans cet exemple, nous avons créé une interface utilisateur avec deux panneaux redimensionnables horizontalement et une barre de séparation personnalisée. Le panneau de gauche est de couleur rouge et le panneau de droite est de couleur verte. Les deux panneaux ont une taille minimale de 100 pixels. Nous avons ensuite récupéré les coordonnées de la barre de séparation à l'index 0 et créé un widget Frame noir de 2 pixels de largeur qui a été positionné à la même hauteur que le PanedWindow. La barre de séparation par défaut est cachée car elle est remplacée par notre widget personnalisé.

Exemple 3 (Interface utilisateur avec deux panneaux et boutons de redimensionnement)

Dans cet exemple, nous avons créé un widget couleur bleue et l'avons ajouté au PanedWindow. Nous avons ensuite ajouté un widget de Label blanc dans le cadre pour créer l'effet de barre de séparation. Nous avons ensuite ajouté une fonction on_dragged() qui est appelée lorsque la souris est déplacée. Cette fonction met à jour la position de la barre de séparation personnalisée et redimensionne les panneaux en conséquence en utilisant la méthode PanedWindow.sash_place(). Notez que la fonction on_dragged est liée à l'événement <B1-Motion> de la fenêtre principale en utilisant la méthode bind().

 

Younes Derfoufi
CRMEF OUJDA

Leave a Reply

Your email address will not be published. Required fields are marked *