Problème d'affichage d'une GridBagSizer

Bonjour à tous,

Je suis débutant en matière de développement en python, et je cherche à créer une petite application toute simple.

Cette application serait sensée m'afficher une Frame contenant un Panel, dans lequel une GridBagSizer devrait se charger de positionner 4 boutons.

Cependant, le petit problème que je rencontre, c'est que mes 4 boutons se retrouvent tout petits dans la partie supérieure gauche de l'écran, alors que je pense avoir fait le nécessaire pour qu'ils s'étalent sur toute l'étendue du Panel.

Je vous joins ci-dessous mon code en espérant que vous éclairerez ma lanterne par rapport au détail que j'ai certainement omis de préciser.

Avec tout mes remerciements anticipés.

Petite précision, j'utilise Python version 2.7.8 pour Windows 32 bits et wxPython version 2.8.12.1 (unicode).

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59

#!/usr/bin/python # -*- coding: iso-8859-15 -*- # importation du module wx import wx # Création d'une classe MaFrame dérivé de wx.Frame class MaFrame(wx.Frame): # Initialisation def __init__(self, title): super(MaFrame, self).__init__(parent=None, id=wx.ID_ANY, title=title) # Création d'une frameSizer horizontale frameSizer=wx.BoxSizer(orient=wx.HORIZONTAL) # Création d'un GridBagSizer panelSizer=wx.GridBagSizer(vgap=5, hgap=5) # Création d'un conteneur à l'intérieur de la Frame container=wx.Panel(parent=self, id=wx.ID_ANY, size=self.GetClientSize()) # Création des boutons à l'intérieur du conteneur Button1=wx.Button(parent=container, id=wx.ID_ANY, label=u"Bouton 1") Button2=wx.Button(parent=container, id=wx.ID_ANY, label=u"Bouton 2") Button3=wx.Button(parent=container, id=wx.ID_ANY, label=u"Bouton 3") Button4=wx.Button(parent=container, id=wx.ID_CLOSE, label=u"Bouton 4") # Positionnement des boutons dans la GridBagSizer panelSizer.Add(item=Button1, pos=(0, 0), span=(2, 1), flag=wx.ALIGN_CENTRE) panelSizer.Add(item=Button2, pos=(0, 1), span=(2, 1), flag=wx.ALIGN_CENTRE) panelSizer.Add(item=Button3, pos=(2, 0), span=(2, 1), flag=wx.ALIGN_CENTRE) panelSizer.Add(item=Button4, pos=(2, 1), span=(2, 1), flag=wx.ALIGN_CENTRE) # On associe le GridBagSizer avec le conteneur container.SetSizer(panelSizer) # On ajoute le conteneur dans la frameSizer à orientation horizontale frameSizer.Add(container, proportion=1, flag=wx.EXPAND) # On empêche un dimensionnement trop petit de la frameSizer frameSizer.SetSizeHints(self) # On lie la frameSizer à la Frame self.SetSizer(frameSizer) # événements des boutons, ((Seulement l'événement de fermeture pour le Button4) Button4.Bind(wx.EVT_BUTTON, self.OnClose) # Création de la méthode de classe associée à l'action du Button4 def OnClose(self, evt): self.Destroy() class MonApp(wx.App): """     Classe spécifique à l'application créée     """ # Initialisation def OnInit(self): frame=MaFrame(u"Exemple d'une petite Appli") # Affichage de la frame frame.Show(True) # On met la frame en fenêtre principale self.SetTopWindow(frame) return True # Méthode de clôture def OnExit(self): result=wx.MessageDialog(parent=None, message="Au revoir", caption="Fermeture", style=wx.OK) # Affichage du dialogue d'au revoir result.ShowModal() # Exécution du programme app=MonApp(redirect=False) app.MainLoop()

---

Rebonjour à tous,

Je viens de trouver une réponse à ma question.

En fait, le sizer GridBagSizer nécessite les méthodes AddGrowableCol et AddGrowableRow pour que lors du redimensionnement de la fenêtre, les colonnes et lignes puissent s'élargir.

Apparemment, la grosse utilité du GridBagSizer, c'est surtout de pouvoir fusionner des cellules.

Il persiste toutefois un petit questionnement, c'est le fait que j'ai été obligé d'ajouter une méthode AddGrowableCol et AddGrowableRow pour pratiquement toutes les lignes et colonnes de mon sizer.

Je pensais à tord que le simple fait de le faire pour ma première ligne par exemple, aurait suffit pour concerner tout le sizer, tant que le paramètre "proportion" n'a pas été défini.

Mais bon, je peux dire que mon problème est parfaitement résolu.

Je vous remercie pour la création de ce forum qui est très utile pour les débutants comme moi.

Autre chose, vous remarquerez que dans mes codes, les noms des paramètres sont définis de façon explicite, c'est volontaire, ça me permet de mieux comprendre chacun de ces paramètres.

Il est vrai que ce nommage explicite des paramètres n'est pas très utilisé, je pense quand même que ça a un aspect très pédagogique pour connaitre l'utilité de chacun de ces paramètres.

Je vous recolle ci-dessous mon code corrigé, qui fonctionne parfaitement désormais.

N'hésitez surtout pas à me corriger, si des fois vous constatez la moindre erreur de compréhension dans ma logique.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66

#!/usr/bin/python # -*- coding: iso-8859-15 -*- # importation du module wx import wx # Création d'une classe MaFrame dérivé de wx.Frame class MaFrame(wx.Frame): # Initialisation def __init__(self, title): super(MaFrame, self).__init__(parent=None, id=wx.ID_ANY, title=title) # Création d'une frameSizer horizontale frameSizer=wx.BoxSizer(orient=wx.HORIZONTAL) # Création d'un GridBagSizer panelSizer=wx.GridBagSizer(vgap=5, hgap=5) # Création d'un conteneur à l'intérieur de la Frame container=wx.Panel(parent=self, id=wx.ID_ANY, size=self.GetClientSize()) # Création des boutons à l'intérieur du conteneur et positionnement de chaque bouton dans la GridBagSizer Button1=wx.Button(parent=container, id=wx.ID_ANY, label=u"Bouton 1") panelSizer.Add(item=Button1, pos=(0, 0), span=(2, 1), flag=wx.ALIGN_CENTRE) Button2=wx.Button(parent=container, id=wx.ID_ANY, label=u"Bouton 2") panelSizer.Add(item=Button2, pos=(0, 1), span=(2, 1), flag=wx.ALIGN_CENTRE) Button3=wx.Button(parent=container, id=wx.ID_ANY, label=u"Bouton 3") panelSizer.Add(item=Button3, pos=(2, 0), span=(2, 1), flag=wx.ALIGN_CENTRE) Button4=wx.Button(parent=container, id=wx.ID_CLOSE, label=u"Bouton 4") panelSizer.Add(item=Button4, pos=(2, 1), span=(2, 1), flag=wx.ALIGN_CENTRE) # On autorise le redimensionnement des colonnes et des lignes panelSizer.AddGrowableRow(0) panelSizer.AddGrowableRow(1) panelSizer.AddGrowableRow(2) panelSizer.AddGrowableRow(3) panelSizer.AddGrowableCol(0) panelSizer.AddGrowableCol(1) # On associe le GridBagSizer avec le conteneur container.SetSizer(panelSizer) # On ajoute le conteneur dans la frameSizer à orientation horizontale frameSizer.Add(container, proportion=1, flag=wx.EXPAND) # On lie la frameSizer à la Frame self.SetSizer(frameSizer) # On empêche un dimensionnement trop petit de la frameSizer #frameSizer.SetSizeHints(self) # On dimensionne notre Frame self.SetSize((400, 250)) # événements des boutons, ((Seulement l'événement de fermeture pour le Button4) Button4.Bind(wx.EVT_BUTTON, self.OnClose) # Création de la méthode de classe associée à l'action du Button4 def OnClose(self, evt): self.Destroy() class MonApp(wx.App): """     Classe spécifique à l'application créée     """ # Initialisation def OnInit(self): frame=MaFrame(u"Exemple d'une petite Appli") # Affichage de la frame frame.Show(True) # On met la frame en fenêtre principale self.SetTopWindow(frame) return True # Méthode de clôture def OnExit(self): result=wx.MessageDialog(parent=None, message="Au revoir", caption="Fermeture", style=wx.OK) # Affichage du dialogue d'au revoir result.ShowModal() # Exécution du programme app=MonApp(redirect=False) app.MainLoop()

---