Discussion :

[monnomamoi]

Salut à tous,

Je cherche à faire un widget qui affiche une palette d'outils, comme dans Gimp ou dans l'éditeur Glade par exemple (=> une sorte de GtkTable, mais qui adapte automatiquement le nombre de ses lignes/colones quant on le redimensionne).

Savez-vous comment je pourrais faire ça simplement ? Si vous avez des exemples (en pygtk de préférence), je suis preneur.

Merci d'avance

[gege2061]

Bonjour,

Ce sont des widgets fait maison.

Par exemple pour gimp, il s'agit de GtkVWrapBox

[monnomamoi]

Merci pour l'info.

J'ai pas compris grand chose au code de la GtkVWrapBox, donc j'ai essayé de reprogrammer ex nihilo.
Il reste deux trucs qui ne marchent pas : l'évenement (expose-event) qui détecte le redimensionnement, et le truc qui calcule la taille des boutons d'outils (attribut "allocation"). En fait, le prog ne me donne pas la bonne taille du bouton, du coup la grille prend plus de place qu'estimé, donc la fenêtre s'agrandit automatiquement et ça fait une boucle sans fin...

Y'a moyen de connaitre la taille des boutons de manière fiable ?

[monnomamoi]

Bon, j'ai fini par pondre un truc qui marche pas trop mal. Le widget prend pour argument une fonction qui détermine la largeur du parent. Dans l'exemple, c'est la taille de la fenêtre, et dans mon projet, ce sera la position d'un "HPaned".

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
67
68
69
70
71
72
73
74
75
76
77
 
# -*- coding:utf-8 -*-
 
import pygtk
pygtk.require('2.0')
import gtk
 
#------------------------------------------------------------------------------
 
class Palette(gtk.ScrolledWindow):
    """Palette toolbar with automatic lines/columns adaptation."""
 
    def __init__(self, get_width_func):
        gtk.ScrolledWindow.__init__(self)
        self.set_policy(gtk.POLICY_NEVER, gtk.POLICY_AUTOMATIC)
        self.set_shadow_type(gtk.SHADOW_NONE)
        self.table = gtk.Table()
        self.table.set_homogeneous(True)
        self.add_with_viewport(self.table)
        self.tools = []
        self.get_width = get_width_func
        self.show_all()
        return
 
    def add_tool(self, tool):
        """Add a tool to the palette."""
        self.tools.append(tool)
        tool.show_all()
        return
 
    def remove_tool(self, tool):
        """Remove the specified tool."""
        tool.destroy()
        self.tools.remove(tool)
        return
 
    def display_update(self, widget=None, data=None):
        """Callback to execute when the size of the widget is changed."""
        # Get tools size and remove them
        w = 1
        for t in self.table.get_children():
            alloc = t.get_allocation()
            if alloc.width > w:
                w = alloc.width
            self.table.remove(t)
        # Compute grid size
        col = int(self.get_width() / w) - 1
        if col < 1:
            col = 1
        row = int(len(self.tools) / col) + 1
        if row*col < len(self.tools):
            row += 1
        # Attach tools to the grid
        self.table.resize(row, col)
        for i in range(len(self.tools)):
            r = int(i / col)
            c = i - r*col
            self.table.attach(self.tools[i], c, c+1, r, r+1, xoptions=gtk.FILL, yoptions=gtk.FILL)
        self.show_all()
        return False
 
#------------------------------------------------------------------------------
 
if __name__ == "__main__":
    win = gtk.Window()
    win.connect('destroy', lambda w: gtk.main_quit())
    win.set_default_size(150, 150)
    p = Palette(lambda : win.get_size()[0])
    for i in range(25):
        img = gtk.Image()
        img.set_from_stock(gtk.STOCK_HOME, gtk.ICON_SIZE_MENU)
        b = gtk.Button()
        b.add(img)
        p.add_tool(b)
    win.add(p)
    win.show_all()
    gtk.main()

Y'a un espace réservé à droite pour la barre de défilement verticale. Ça fait un gros trou quand elle n'est pas affichée, mais j'ai pas trouvé comment détecter si elle est là ou pas.

Pour l'instant, ça me convient bien

[Anium]

Salut,

Je cherche le même type de conteneur. J'ai essayé ton code, mais je n'arrive pas à le faire fonctionner.
Il me semble qu'il manque quelques éléments ; comme la connexion du callback à l'événement size-allocate. Malgré cela, la ligne self.table.remove(t) du callback entraine une boucle sans fin. Avais-tu eu ce problème ?

Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
 
# -*- coding:utf-8 -*-
 
import pygtk
pygtk.require('2.0')
import gtk
 
#------------------------------------------------------------------------------
 
class Palette(gtk.ScrolledWindow):
    """Palette toolbar with automatic lines/columns adaptation."""
 
    def __init__(self):
        gtk.ScrolledWindow.__init__(self)
        self.set_policy(gtk.POLICY_NEVER, gtk.POLICY_AUTOMATIC)
        self.set_shadow_type(gtk.SHADOW_NONE)
 
        self.table = gtk.Table()
        self.table.set_homogeneous(False)
        self.add_with_viewport(self.table)
 
        self.connect("size-allocate", self.update_organization)
        self.tools = []
        self.show_all()
 
    def add_tool(self, tool):
        """Add a tool to the palette."""
        self.tools.append(tool)
        tool.show_all()
 
    def remove_tool(self, tool):
        """Remove the specified tool."""
        tool.destroy()
        self.tools.remove(tool)
 
    def update_organization(self, widget=None, allocation=None):
		"""Callback to execute when the size of the widget is changed."""
 
		width = 1
 
		# Get the widthest widget and remove all widgets from the table
		for t in self.tools:
			if t.allocation.width > width:
				width = t.allocation.width
			self.table.remove(t)
 
		#*Get the number of columns and rows
		cols = int(allocation.width / width)
 
		if cols < 1:
			cols = 1
		rows = int(len(self.tools) / cols) + 1
 
		if rows*cols < len(self.tools):
			rows += 1
 
		#*Re-organize the table
		self.table.resize(rows, cols)
 
		i = 0
		for r in range(rows):
			for c in range(cols):
				if i <= len(self.tools) - 1:
					print c, c+1, r, r+1
					self.table.attach(self.tools[i], c, c+1, r, r+1, xoptions=gtk.FILL, yoptions=gtk.FILL, xpadding=5, ypadding=5)
					i += 1
		self.show_all()
		print "Done"	
 
 
#------------------------------------------------------------------------------
 
if __name__ == "__main__":
    win = gtk.Window()
    win.connect('destroy', lambda w: gtk.main_quit())
    win.set_size_request(150, 150)
 
    p = Palette()
    for i in range(25):
        b = gtk.Button(stock=gtk.STOCK_SAVE)
        b.show()
        p.add_tool(b)
    win.add(p)
 
    win.show_all()
    gtk.main()

Merci d'avance.

[monnomamoi]

Salut,

Effectivement, mon code étant vite fait - mal fait, il est possible qu'il reste quelques erreurs...

Je regarde ça en détail demain et je te tiens au courant