affichage d'une image avec extension du cadre

Version imprimable

Bonjour,
je fais face à un certain nombre de difficultés pour afficher une image jpg avec :
1. la possibilité d'en étendre l'affichage quand on étend le cadre
2. la forme des barres de scrolling
Pour l'instant je bloque sur le problème suivant : ce programme fonctionne correctement (extension et barres)

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
#! python3
# coding: utf-8
 
'''
afficher des images
'''
 
import os
from tkinter import * 
from PIL import Image, ImageTk
 
racine = '/mnt/0ea0b27f-3be6-4d2c-b157-a62559e56142/Photos/Paris/2022/mars 2022/'
 
 
if __name__ == "__main__": # création du main
    global images
    images = os.listdir(racine)
    image_courante = 0
    fenetre = Tk() 
    ara = ImageTk.PhotoImage(Image.open(racine+images[image_courante]))
    cadre = Frame(fenetre)
    cadre.rowconfigure(0, weight=1)
    cadre.columnconfigure(0, weight=1)
    cadre.pack(expand=1, fill=BOTH)
    canvas = Canvas(cadre)
    canvas.grid(row=0, column=0, sticky=N+S+E+W)
    canvas.create_image(0, 0, image=ara)
    scroll_x = Scrollbar(cadre, orient=HORIZONTAL, command=canvas.xview)
    scroll_x.grid(row=1, column=0, sticky=E+W)
    scroll_y = Scrollbar(cadre, orient=VERTICAL, command=canvas.yview)
    scroll_y.grid(row=0, column=1, sticky=N+S)
    canvas["xscrollcommand"] = scroll_x.set
    canvas["yscrollcommand"] = scroll_y.set
    canvas["scrollregion"] = canvas.bbox(ALL)
    bouton = Button(fenetre, text="Quitter", command=fenetre.quit)
    bouton.pack()
    mainloop()

Par contre, si je déplace le code GUI dans une fonction, il n'y a plus d'affichage du contenu, le cadre et les barres étant affichées correctement :

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
#! python3
# coding: utf-8
 
'''
afficher des images
'''
 
import os
from tkinter import * 
from PIL import Image, ImageTk
 
racine = '/mnt/0ea0b27f-3be6-4d2c-b157-a62559e56142/Photos/Paris/2022/mars 2022/'
 
 
def fenetrage(): 
    fenetre = Tk() 
    ara = ImageTk.PhotoImage(Image.open(racine+images[image_courante]))
    cadre = Frame(fenetre)
    cadre.rowconfigure(0, weight=1)
    cadre.columnconfigure(0, weight=1)
    cadre.pack(expand=1, fill=BOTH)
    canvas = Canvas(cadre)
    canvas.grid(row=0, column=0, sticky=N+S+E+W)
    canvas.create_image(0, 0, image=ara)
    scroll_x = Scrollbar(cadre, orient=HORIZONTAL, command=canvas.xview)
    scroll_x.grid(row=1, column=0, sticky=E+W)
    scroll_y = Scrollbar(cadre, orient=VERTICAL, command=canvas.yview)
    scroll_y.grid(row=0, column=1, sticky=N+S)
    canvas["xscrollcommand"] = scroll_x.set
    canvas["yscrollcommand"] = scroll_y.set
    canvas["scrollregion"] = canvas.bbox(ALL)
    bouton = Button(fenetre, text="Quitter", command=fenetre.quit)
    bouton.pack()
 
 
 
if __name__ == "__main__": # création du main
    global images
    images = os.listdir(racine)
    image_courante = 0
 
    fenetrage()
    mainloop()

Merci pour votre aide

24/03/2022, 13h31
wiztricks

Salut,

Citation:

Envoyé par jam7575

Par contre, si je déplace le code GUI dans une fonction, il n'y a plus d'affichage du contenu, le cadre et les barres étant affichées correctement

Ben oui: ara, variable associée à l'image, est "locale": à la sortie de la fonction, l'objet Image n'aura plus de référence (et aucune raison de la garder en mémoire) et sera détruite.
Déplacez l'appel à mainloop à la fin de la fonction: du coup, on n'en sort plus et l'image devrait être visible.

Citation:

Envoyé par jam7575

la possibilité d'en étendre l'affichage quand on étend le cadre

A la base, l'image est un tableau de MxN pixels. Affichez là avec un Label ou un Button (avec image=...) tkinter dimensionnera le widget en fonction de ces MxN pixels.
Si on veut agrandir l'image, il ne suffira pas de redimensionner le widget, il faudra aussi créer l'image avec cette dimension (et les éventuels soucis de "blurring"...) avec PIL.

- W
24/03/2022, 19h58
jam7575

affichage avec canvas dans une fonction

Merci pour ce retour,
mais quelque chose m'échappe : 'ara' est locale certes, mais je n'arrive pas à comprendre pourquoi il n'y a pas d'affichage,
il n'y a aucune erreur de compilation, tout semble cohérent. Quelle est la raison pour laquelle tout fonctionne dans le programme principal
et ne fonctionne plus dans la fonction ?
Si je comprends bien votre explication, c'est parce que le fait de sortir de la fonction 'efface' tout ? Pourtant, la fenêtre et le canvas, définis seulement dans
la fonction, restent bien affichés eux.
Il y a une logique que je ne saisis pas.

Ceci dit, vous avez raison, le fait d'ajouter "global ara" dans la fonction 'force' l'affichage.

Je reviendrai plus tard sur mes histoires d'extension de cadre et de forme de barre.

Merci encore et bonne soirée
24/03/2022, 22h28
wiztricks

Citation:

Envoyé par jam7575

Si je comprends bien votre explication, c'est parce que le fait de sortir de la fonction 'efface' tout ? Pourtant, la fenêtre et le canvas, définis seulement dans
la fonction, restent bien affichés eux.

Les widgets restent référencés "automatiquement" par tkinter. Ce n'est pas le cas pour les Images et les Variables.
La logique du truc est difficile. Ce sont des choix des développeurs du module (tkinter) qu'on peut commencer à comprendre en se mettant à leur place (pour réaliser le module).

L'utilisateur (du module) peut se contenter de lire la documentation et s'en sortir très bien sans comprendre.

- W

1 pièce(s) jointe(s)

tkinter canvas, affichage extensible avec barre de scrolling correctes

Bonsoir,
je reprends. Avec vos remarques, le programme suivant m'affiche une image convenable :
1. extensible
2. barres de scrolling correctes

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
#! python3
# coding: utf-8
 
'''
afficher une image avec extension possible et barres de scrolling correctes
'''
 
import os
from tkinter import * 
from PIL import Image, ImageTk
 
racine = '/mnt/0ea0b27f-3be6-4d2c-b157-a62559e56142/Photos/Paris/2022/mars 2022/'
 
 
def fenetrage(): 
    global ara, canvas
    fenetre = Tk() 
    ara = ImageTk.PhotoImage(Image.open(racine+images[image_courante]))
    cadre = Frame(fenetre)
    cadre.rowconfigure(0, weight=1)
    cadre.columnconfigure(0, weight=1)
    cadre.pack(expand=1, fill=BOTH)
    canvas = Canvas(cadre)
    canvas.grid(row=0, column=0, sticky=N+S+E+W)
    canvas.create_image(0, 0, image=ara)
    scroll_x = Scrollbar(cadre, orient=HORIZONTAL, command=canvas.xview)
    scroll_x.grid(row=1, column=0, sticky=E+W)
    scroll_y = Scrollbar(cadre, orient=VERTICAL, command=canvas.yview)
    scroll_y.grid(row=0, column=1, sticky=N+S)
    canvas["xscrollcommand"] = scroll_x.set
    canvas["yscrollcommand"] = scroll_y.set
    canvas["scrollregion"] = canvas.bbox(ALL)
    bouton = Button(fenetre, text="Quitter", command=fenetre.quit)
    bouton.pack(side=LEFT
    age(0, 0, image=ara)
 
if __name__ == "__main__": # création du main
    global images
    images = os.listdir(racine)
    image_courante = 0
 
    fenetrage()
    mainloop()

Si maintenant, je déplace l'affichage du contenu via un bouton 'affichage' et une fonction assurant cet affichage :
1. l'image reste extensible,
2. mais les barres de scrolling 'disparaissent'

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
#! python3
# coding: utf-8
 
'''
afficher une image avec extension possible et barres de scrolling correctes
'''
 
import os
from tkinter import * 
from PIL import Image, ImageTk
 
racine = '/mnt/0ea0b27f-3be6-4d2c-b157-a62559e56142/Photos/Paris/2022/mars 2022/'
 
 
def fenetrage(): 
    global canvas
    fenetre = Tk() 
    #ara = ImageTk.PhotoImage(Image.open(racine+images[image_courante]))
    cadre = Frame(fenetre)
    cadre.rowconfigure(0, weight=1)
    cadre.columnconfigure(0, weight=1)
    cadre.pack(expand=1, fill=BOTH)
    canvas = Canvas(cadre)
    canvas.grid(row=0, column=0, sticky=N+S+E+W)
    #canvas.create_image(0, 0, image=ara)
    scroll_x = Scrollbar(cadre, orient=HORIZONTAL, command=canvas.xview)
    scroll_x.grid(row=1, column=0, sticky=E+W)
    scroll_y = Scrollbar(cadre, orient=VERTICAL, command=canvas.yview)
    scroll_y.grid(row=0, column=1, sticky=N+S)
    canvas["xscrollcommand"] = scroll_x.set
    canvas["yscrollcommand"] = scroll_y.set
    canvas["scrollregion"] = canvas.bbox(ALL)
    bouton = Button(fenetre, text="Quitter", command=fenetre.quit)
    bouton.pack(side=LEFT)
    afficher = Button(fenetre, text="Afficher", command=affiche1)
    afficher.pack(side=LEFT)
 
def affiche1():
    global ara, canvas
    ara = ImageTk.PhotoImage(Image.open(racine+images[image_courante]))
    canvas.create_image(0, 0, image=ara)
 
if __name__ == "__main__": # création du main
    global images
    images = os.listdir(racine)
    image_courante = 0
 
    fenetrage()
    mainloop()

Pièce jointe 616150

Sans doute un problème du même tonneau...

24/03/2022, 22h37
jam7575

Citation:

Envoyé par wiztricks

Les widgets restent référencés "automatiquement" par tkinter. Ce n'est pas le cas pour les Images et les Variables.
La logique du truc est difficile. Ce sont des choix des développeurs du module (tkinter) qu'on peut commencer à comprendre en se mettant à leur place (pour réaliser le module).

L'utilisateur (du module) peut se contenter de lire la documentation et s'en sortir très bien sans comprendre.

- W

Merci,
je comprends.
Jusqu'ici les experts python me présentaient une cohérence totale. D'où mon trouble.

Merci encore
24/03/2022, 22h41
wiztricks

Citation:

Envoyé par jam7575

Jusqu'ici les experts python me présentaient une cohérence totale. D'où mon trouble.

C'est cohérent avec la documentation point barre.

- W

1 pièce(s) jointe(s)

Citation:

Envoyé par jam7575

Merci,
je comprends.
Jusqu'ici les experts python me présentaient une cohérence totale. D'où mon trouble.

Merci encore

Puisque vous le dites...
J'avoue ne pas avoir lu toute la doc en profondeur et jusqu'ici je n'avais jamais fait face à cette caractéristique.
Le point suivant est abordé dans mon message un peu plus haut et concerne l'affichage des barres de scrolling.
Cette fois j'ai isolé dans une fonction l'affichage seul de l'image et les barres ne fonctionnent plus :

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
#! python3
# coding: utf-8
 
'''
afficher des images
'''
 
import os
from tkinter import * 
from PIL import Image, ImageTk
 
racine = '/mnt/0ea0b27f-3be6-4d2c-b157-a62559e56142/Photos/Paris/2022/mars 2022/'
 
def affiche1():
    global ara, canvas
    ara = ImageTk.PhotoImage(Image.open(racine+images[image_courante]))
    canvas.create_image(0, 0, image=ara) 
 
if __name__ == "__main__": # création du main
    global images
    images = os.listdir(racine)
    image_courante = 0
    fenetre = Tk() 
    #ara = ImageTk.PhotoImage(Image.open(racine+images[image_courante]))
    cadre = Frame(fenetre)
    cadre.rowconfigure(0, weight=1)
    cadre.columnconfigure(0, weight=1)
    cadre.pack(expand=1, fill=BOTH)
    canvas = Canvas(cadre)
    canvas.grid(row=0, column=0, sticky=N+S+E+W)
    #canvas.create_image(0, 0, image=ara)
    scroll_x = Scrollbar(cadre, orient=HORIZONTAL, command=canvas.xview)
    scroll_x.grid(row=1, column=0, sticky=E+W)
    scroll_y = Scrollbar(cadre, orient=VERTICAL, command=canvas.yview)
    scroll_y.grid(row=0, column=1, sticky=N+S)
    canvas["xscrollcommand"] = scroll_x.set
    canvas["yscrollcommand"] = scroll_y.set
    canvas["scrollregion"] = canvas.bbox(ALL)
    bouton = Button(fenetre, text="Quitter", command=fenetre.quit)
    bouton.pack(side=LEFT)
    afficher = Button(fenetre, text="Afficher", command=affiche1)
    afficher.pack(side=LEFT)
    mainloop()

Pièce jointe 616178

25/03/2022, 11h37
wiztricks

Salut,

Citation:

Envoyé par jam7575

Cette fois j'ai isolé dans une fonction l'affichage seul de l'image et les barres ne fonctionnent plus

Essayez de réfléchir un peu! Un widget n'a intérêt à être "scrollable" que si ce qu'on voir à l'écran est "réduit" par rapport à ce qui pourrait être affiché.

Par exemple, si on veut afficher un texte de 1000 lignes dans un widget Text qui n'en affiche que 30, on va ajouter une Scrollbar pour permettre à l'utilisateur de déplacer la partie du texte affichée.

Pour le Canvas, c'est un peu différent: on a la taille du widget (initiale) et les objets placés dedans qui pourront occupe un espace plus grand. Ils vont définir la zone "scrollable": la scrollregion. Elle pourra évoluer si on y ajoute des objets... donc on la (ré)actualise en fonction de la bbox qui peut les contenir tous avec l'incantation canvas.bbox('all').

Si vous faites ça (ligne 38) avant d'y avoir ajouté votre image, la scrollregion sera plus petite que les dimensions "physiques" du Canvas et il n'y aura rien à scroller!

Citation:

Envoyé par jam7575

J'avoue ne pas avoir lu toute la doc en profondeur et jusqu'ici je n'avais jamais fait face à cette caractéristique.

Je ne sais pas quelle documentation vous avez lue... Sachez que ce sont des documentations techniques, on peut les lire plusieurs fois sans trop "comprendre" ce qu'elles racontent ("comprendre" <=> je suis capable de faire quelque chose de ce que ça dit).

- W

Merci beaucoup pour la peine que vous prenez.
1. "Un widget n'a intérêt à être "scrollable" que si ce qu'on voir à l'écran est "réduit" par rapport à ce qui pourrait être affiché.
" : cela je l'ai bien compris et c'est le cas de mon exemple. Je scrolle bien quand tout est dans le "programme principal" (je suis âgé et ai gardé des réflexes anciens...) ou dans une même fonction (en rendant 'global' le nom de l'image. Le problème est que l'image reste plus grande (je peux étendre la fenêtre et visualiser une plus grande quantité de l'image) quand je l'affiche dans une fonction, mais les barres ne me permettent plus de scroller...

2. "Par exemple, si on veut afficher un texte de 1000 lignes dans un widget Text qui n'en affiche que 30, on va ajouter une Scrollbar pour permettre à l'utilisateur de déplacer la partie du texte affichée." : j'ai écrit beaucoup de tels programmes en python/Tkinter ou d'autres GUI (je les ai tous essayés je crois)

3. Bravo, j'ai déplacé la bbox et ça marche ! Manifestement j'avais repris un exemple (comme je le fais souvent avant de me lancer) sans en comprendre toutes les nuances. Je reviendrai peut-être sur des problèmes analogues en passant de .pack() à .grid()

Merci encore
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 #! python3 # coding: utf-8 ''' afficher des images ''' import os from tkinter import * from PIL import Image, ImageTk racine = '/mnt/0ea0b27f-3be6-4d2c-b157-a62559e56142/Photos/Paris/2022/mars 2022/' def affiche1(): global ara, canvas ara = ImageTk.PhotoImage(Image.open(racine+images[image_courante])) canvas.create_image(0, 0, image=ara) canvas["scrollregion"] = canvas.bbox(ALL) if __name__ == "__main__": # création du main global images images = os.listdir(racine) image_courante = 0 fenetre = Tk() #ara = ImageTk.PhotoImage(Image.open(racine+images[image_courante])) cadre = Frame(fenetre) cadre.rowconfigure(0, weight=1) cadre.columnconfigure(0, weight=1) cadre.pack(expand=1, fill=BOTH) canvas = Canvas(cadre) canvas.grid(row=0, column=0, sticky=N+S+E+W) #canvas.create_image(0, 0, image=ara) scroll_x = Scrollbar(cadre, orient=HORIZONTAL, command=canvas.xview) scroll_x.grid(row=1, column=0, sticky=E+W) scroll_y = Scrollbar(cadre, orient=VERTICAL, command=canvas.yview) scroll_y.grid(row=0, column=1, sticky=N+S) canvas["xscrollcommand"] = scroll_x.set canvas["yscrollcommand"] = scroll_y.set #canvas["scrollregion"] = canvas.bbox(ALL) bouton = Button(fenetre, text="Quitter", command=fenetre.quit) bouton.pack(side=LEFT) afficher = Button(fenetre, text="Afficher", command=affiche1) afficher.pack(side=LEFT) mainloop()