Tkinter barre de défilement pour l'image

Mon objectif est d'ajouter une barre de défilement verticale pour un cadre qui a plusieurs étiquettes en elle. La barre de défilement doit automatiquement activé dès que les étiquettes à l'intérieur du cadre dépasser la hauteur de l'image. Après recherche j'ai trouvé cette utile de poste. Basé sur ce post, je comprends que, pour atteindre ce que je veux, (corrigez-moi si je me trompe, je suis un débutant) j'ai créer un Frame d'abord, puis de créer un Canvas à l'intérieur de ce cadre et le bâton de la barre de défilement de l'image ainsi. Après cela, créez un autre cadre et de le mettre à l'intérieur de la toile comme un objet de la fenêtre. Donc, je suis finalement arrivé à ceci:

from Tkinter import *

def data():
    for i in range(50):
       Label(frame,text=i).grid(row=i,column=0)
       Label(frame,text="my text"+str(i)).grid(row=i,column=1)
       Label(frame,text="..........").grid(row=i,column=2)

def myfunction(event):
    canvas.configure(scrollregion=canvas.bbox("all"),width=200,height=200)

root=Tk()
sizex = 800
sizey = 600
posx  = 100
posy  = 100
root.wm_geometry("%dx%d+%d+%d" % (sizex, sizey, posx, posy))

myframe=Frame(root,relief=GROOVE,width=50,height=100,bd=1)
myframe.place(x=10,y=10)

canvas=Canvas(myframe)
frame=Frame(canvas)
myscrollbar=Scrollbar(myframe,orient="vertical",command=canvas.yview)
canvas.configure(yscrollcommand=myscrollbar.set)

myscrollbar.pack(side="right",fill="y")
canvas.pack(side="left")
canvas.create_window((0,0),window=frame,anchor='nw')
frame.bind("<Configure>",myfunction)
data()
root.mainloop()
  1. Suis-je en train de faire? Est-il mieux/plus intelligente de manière à atteindre la sortie de ce code m'a donné?
  2. Pourquoi dois-je utiliser la grille de la méthode? (J'ai essayé la méthode place, mais aucune des étiquettes apparaissent sur la toile.)
  3. Quoi de si spécial à propos de l'utilisation anchor='nw' lors de la création de la fenêtre sur la toile?

Veuillez garder votre réponse simple, car je suis un débutant.

  • Vous avez à l'envers dans votre question, si le code est correct à première vue. Vous devez créer un cadre, l'incorporer dans le canevas, puis fixez la barre de défilement sur la toile.
  • double possible de l'Ajout d'une barre de défilement à une grille de widgets de Tkinter
  • Il y a beaucoup de choses c'est un doublon potentiel, mais j'ai voté pour fermer cette comme un doublon d'un autre qui semble avoir les meilleures réponses: stackoverflow.com/questions/1873575/...
  • Je suis très en retard, mais merci beaucoup pour cette! C'était le seul entièrement fonctionnel (et complète) exemple de création d'un cadre défilant à l'aide seulement de la pure Tkinter (une restriction pour mon projet). Je sais que ce n'était pas votre intention, mais je vous remercie!
InformationsquelleAutor Chris Aung | 2013-04-24
  1. 23

    Suis-je en train de faire?Est-il mieux/plus intelligente de manière à atteindre la sortie de ce code m'a donné?

    Généralement parlant, oui, vous le faites à droite. Tkinter n'a pas natif de défilement conteneur autre que la toile. Comme vous pouvez le voir, il est vraiment pas difficile à mettre en place. Comme ton exemple le montre, il ne prend que 5 ou 6 lignes de code pour le faire fonctionner, selon la façon de compter les lignes.

    Pourquoi dois-je utiliser la grille de la méthode?(j'ai essayé la méthode place, mais aucune des étiquettes apparaissent sur la toile?)

    Vous vous demandez pourquoi, vous devez utiliser la grille. Il n'est pas nécessaire d'utiliser la grille. Place de la grille, et pack peuvent tous être utilisés. C'est tout simplement que certains sont plus naturellement adapté à certains types de problèmes. Dans ce cas, il semble que vous êtes en train de créer une véritable grille-lignes et les colonnes d'étiquettes, de sorte de grille est le choix naturel.

    Quoi de si spécial à propos de l'utilisation d'ancrage='nw' lors de la création de la fenêtre sur la toile?

    L'ancre vous indique quelle partie de la fenêtre est positionné aux coordonnées que vous donnez. Par défaut, le centre de la fenêtre sera placé à la coordonner. Dans le cas de votre code ci-dessus, vous voulez le coin supérieur gauche ("nord-ouest") angle d'être à la coordonner.

    InformationsquelleAutor Bryan Oakley
  2. 38

    Veuillez noter que le projet de code n'est valide qu'avec Python 2

    Voici un exemple:

    from Tkinter import *   # from x import * is bad practice
from ttk import *
# http://tkinter.unpythonic.net/wiki/VerticalScrolledFrame
class VerticalScrolledFrame(Frame):
"""A pure Tkinter scrollable frame that actually works!
* Use the 'interior' attribute to place widgets inside the scrollable frame
* Construct and pack/place/grid normally
* This frame only allows vertical scrolling
"""
def __init__(self, parent, *args, **kw):
Frame.__init__(self, parent, *args, **kw)            
# create a canvas object and a vertical scrollbar for scrolling it
vscrollbar = Scrollbar(self, orient=VERTICAL)
vscrollbar.pack(fill=Y, side=RIGHT, expand=FALSE)
canvas = Canvas(self, bd=0, highlightthickness=0,
yscrollcommand=vscrollbar.set)
canvas.pack(side=LEFT, fill=BOTH, expand=TRUE)
vscrollbar.config(command=canvas.yview)
# reset the view
canvas.xview_moveto(0)
canvas.yview_moveto(0)
# create a frame inside the canvas which will be scrolled with it
self.interior = interior = Frame(canvas)
interior_id = canvas.create_window(0, 0, window=interior,
anchor=NW)
# track changes to the canvas and frame width and sync them,
# also updating the scrollbar
def _configure_interior(event):
# update the scrollbars to match the size of the inner frame
size = (interior.winfo_reqwidth(), interior.winfo_reqheight())
canvas.config(scrollregion="0 0 %s %s" % size)
if interior.winfo_reqwidth() != canvas.winfo_width():
# update the canvas's width to fit the inner frame
canvas.config(width=interior.winfo_reqwidth())
interior.bind('<Configure>', _configure_interior)
def _configure_canvas(event):
if interior.winfo_reqwidth() != canvas.winfo_width():
# update the inner frame's width to fill the canvas
canvas.itemconfigure(interior_id, width=canvas.winfo_width())
canvas.bind('<Configure>', _configure_canvas)
if __name__ == "__main__":
class SampleApp(Tk):
def __init__(self, *args, **kwargs):
root = Tk.__init__(self, *args, **kwargs)
self.frame = VerticalScrolledFrame(root)
self.frame.pack()
self.label = Label(text="Shrink the window to activate the scrollbar.")
self.label.pack()
buttons = []
for i in range(10):
buttons.append(Button(self.frame.interior, text="Button " + str(i)))
buttons[-1].pack()
app = SampleApp()
app.mainloop()

    Il n'a pas encore la molette de la souris lié à la barre de défilement, mais il est possible. Le défilement avec la molette peut être un peu chaotique, cependant.

    edit:

    1)

    À mon humble avis défilement des images est un peu délicat dans Tkinter, et ne semble pas faire beaucoup. Il semble qu'il n'y est pas de manière élégante de le faire.

    Un problème avec votre code, c'est que vous devez définir la taille du canevas manuellement - c'est ce que l'exemple de code que j'ai posté en résout.

    2)

    Vous parlez de la fonction transfert de données? Place fonctionne pour moi, trop. (En général je préfère la grille).

    à 3)

    Eh bien, c'positions de la fenêtre sur la toile.

    Une chose que j'ai remarqué, c'est que votre exemple gère la souris molette de défilement par défaut, tandis que celui que j'ai posté ne fonctionne pas. Aurez à regarder qu'à un certain moment.

    • même si vous ne répondez pas à ma question, merci pour votre exemple.Mais je suis réticent à écrire que le nombre de lignes de code juste pour un cadre avec barre de défilement lorsque la totalité de mon script est plus courte que votre exemple.En fait, mon exemple de code fera l'affaire mais je n'ai aucune idée de pourquoi je ne peux pas utiliser la méthode place.
    • La bonne chose à propos de cette solution est qu'elle a une classe réutilisable, VerticalScrolledFrame, que vous pouvez utiliser comme un remplacement pour tout Frame. Aller avec le code dans votre solution, vous avez besoin de réécrire tout le code pour chaque Frame qui vous voulez être en mesure de les faire défiler. Avec ce code, c'est presque une baisse-dans le remplacement pour Frame. Donc, ne pas hésiter à l'utiliser sur le compte de la ligne de comptage. Sa solution, c'est plus de code si vous avez besoin seulement d'un cadre défilant. Si vous avez besoin de deux, les deux techniques permettent de prendre une quantité égale de code, et le son est plus facile à maintenir (moins redondants.)
    • Continuant à partir de ci-dessus: Si vous avez besoin de plus de 2 cadres défilants, sa solution prend beaucoup moins de code, et est beaucoup plus facile à entretenir. Après avoir dit tout cela, je ne voudrais pas utiliser cette solution sur le compte de la mise en garde il est. Aussi, je n'aime pas l'obligation d'utiliser .interior - je voudrais une interface qui rend .interior un détail d'implémentation au lieu de faire quelque chose de la personne qui l'utilise a à savoir sur.
    InformationsquelleAutor Gonzo
  3. 10

    Veuillez voir ma classe qui est un cadre défilant. C'est de la barre de défilement verticale est lié à <Mousewheel> événement. Donc, tout ce que vous avez à faire est de créer un cadre, de le remplir avec des widgets de la manière que vous aimez, et ensuite faire de ce cadre un enfant de mon ScrolledWindow.scrollwindow. N'hésitez pas à demander si quelque chose n'est pas claire.

    Beaucoup de @ Brayan Oakley réponses à cette questions

    class ScrolledWindow(tk.Frame):
"""
1. Master widget gets scrollbars and a canvas. Scrollbars are connected 
to canvas scrollregion.
2. self.scrollwindow is created and inserted into canvas
Usage Guideline:
Assign any widgets as children of <ScrolledWindow instance>.scrollwindow
to get them inserted into canvas
__init__(self, parent, canv_w = 400, canv_h = 400, *args, **kwargs)
docstring:
Parent = master of scrolled window
canv_w - width of canvas
canv_h - height of canvas
"""
def __init__(self, parent, canv_w = 400, canv_h = 400, *args, **kwargs):
"""Parent = master of scrolled window
canv_w - width of canvas
canv_h - height of canvas
"""
super().__init__(parent, *args, **kwargs)
self.parent = parent
# creating a scrollbars
self.xscrlbr = ttk.Scrollbar(self.parent, orient = 'horizontal')
self.xscrlbr.grid(column = 0, row = 1, sticky = 'ew', columnspan = 2)         
self.yscrlbr = ttk.Scrollbar(self.parent)
self.yscrlbr.grid(column = 1, row = 0, sticky = 'ns')         
# creating a canvas
self.canv = tk.Canvas(self.parent)
self.canv.config(relief = 'flat',
width = 10,
heigh = 10, bd = 2)
# placing a canvas into frame
self.canv.grid(column = 0, row = 0, sticky = 'nsew')
# accociating scrollbar comands to canvas scroling
self.xscrlbr.config(command = self.canv.xview)
self.yscrlbr.config(command = self.canv.yview)
# creating a frame to inserto to canvas
self.scrollwindow = ttk.Frame(self.parent)
self.canv.create_window(0, 0, window = self.scrollwindow, anchor = 'nw')
self.canv.config(xscrollcommand = self.xscrlbr.set,
yscrollcommand = self.yscrlbr.set,
scrollregion = (0, 0, 100, 100))
self.yscrlbr.lift(self.scrollwindow)        
self.xscrlbr.lift(self.scrollwindow)
self.scrollwindow.bind('<Configure>', self._configure_window)  
self.scrollwindow.bind('<Enter>', self._bound_to_mousewheel)
self.scrollwindow.bind('<Leave>', self._unbound_to_mousewheel)
return
def _bound_to_mousewheel(self, event):
self.canv.bind_all("<MouseWheel>", self._on_mousewheel)   
def _unbound_to_mousewheel(self, event):
self.canv.unbind_all("<MouseWheel>") 
def _on_mousewheel(self, event):
self.canv.yview_scroll(int(-1*(event.delta/120)), "units")  
def _configure_window(self, event):
# update the scrollbars to match the size of the inner frame
size = (self.scrollwindow.winfo_reqwidth(), self.scrollwindow.winfo_reqheight())
self.canv.config(scrollregion='0 0 %s %s' % size)
if self.scrollwindow.winfo_reqwidth() != self.canv.winfo_width():
# update the canvas's width to fit the inner frame
self.canv.config(width = self.scrollwindow.winfo_reqwidth())
if self.scrollwindow.winfo_reqheight() != self.canv.winfo_height():
# update the canvas's width to fit the inner frame
self.canv.config(height = self.scrollwindow.winfo_reqheight())
    • petit bug, votre dernière ligne devrait lire self.canv.config(height= ...)
    • Merci, ajout d'une correction
    • Que voulez-vous dire, "faire de ce cadre un enfant de mon ScrolledWindow.scrollwindow". Pouvez-vous donner un exemple?
    • l'utilisation est fondamentalement affecter le Défilement de la fenêtre: self.sw = ScrolledWindow(self.root) alors vous attribuer, pour les enfants comme self.child(self.sw.scrollwindow, any of the child's options donc pour ajouter un bouton à il serait self.btn = tk.Button(self.sw.scrollwindow, text = 'Button', command = lambda: print("Button Pressed"))
    • J'ai modifié un peu pour l'adapter à mes besoins, mais ce fut d'une grande aide dans le remplacement de la Défilé de Cadre dans Pmw, puisque apparemment Pmw est bizarre importation de chargement, sont incompatibles avec pyinstaller, je vous remercie.
    InformationsquelleAutor Mikhail T.
  4. 4

    Nous pouvons ajouter de la barre de défilement, même sans l'aide de la Toile. Je l'ai lu dans de nombreux autres post, on ne peut pas ajouter de la barre de défilement verticale dans l'image directement etc etc. Mais après avoir fait beaucoup d'expérience découvert façon d'ajouter de la verticale ainsi que la barre de défilement horizontale :). Veuillez trouver ci-dessous le code qui est utilisé pour créer une barre de défilement dans le treeView et le cadre.

    f = Tkinter.Frame(self.master,width=3)
f.grid(row=2, column=0, columnspan=8, rowspan=10, pady=30, padx=30)
f.config(width=5)
self.tree = ttk.Treeview(f, selectmode="extended")
scbHDirSel =tk.Scrollbar(f, orient=Tkinter.HORIZONTAL, command=self.tree.xview)
scbVDirSel =tk.Scrollbar(f, orient=Tkinter.VERTICAL, command=self.tree.yview)
self.tree.configure(yscrollcommand=scbVDirSel.set, xscrollcommand=scbHDirSel.set)           
self.tree["columns"] = (self.columnListOutput)
self.tree.column("#0", width=40)
self.tree.heading("#0", text='SrNo', anchor='w')
self.tree.grid(row=2, column=0, sticky=Tkinter.NSEW,in_=f, columnspan=10, rowspan=10)
scbVDirSel.grid(row=2, column=10, rowspan=10, sticky=Tkinter.NS, in_=f)
scbHDirSel.grid(row=14, column=0, rowspan=2, sticky=Tkinter.EW,in_=f)
f.rowconfigure(0, weight=1)
f.columnconfigure(0, weight=1)
    • Je ne comprends pas ces réponses' utilisation de "Tkinter", "savoirs traditionnels" et "ttk". Je m'attends à un seul préfixe dans chaque exemple, mais le troisième a tous les trois. Ce qui donne?
    • Il aurait dû commencer ce code avecimport Tkinter, import Tkinter as tk et import ttk. Les deux premiers sont redondants, de sorte que tous les endroits qu'il a Tkinter.NSEW par exemple, il pouvait juste mettre tk.NSEW.ttk est son propre module, et le Treeview est une classe qui n'existe que dans ce module, de sorte que l'instruction est la façon dont il devrait être.
    InformationsquelleAutor Aditi Raghuvanshi