Python Tkinter Canvas Bildlaufleiste mit Gitter

Question

Relativ neu zu Tkinter und Python. Also bitte, ertragen Sie mit mir.

Ich versuche, die folgende GUI anzuzeigen und möchte eine Bildlaufleiste in Frame2 haben, um nur 5x5 Schaltflächen gleichzeitig anzuzeigen. Tkinter Frames unterstützen die Bildlaufleiste nicht und haben daher eine Zeichenfläche (in der der Rahmen eingebettet ist) und eine Bildlaufleiste im übergeordneten Rahmen 'FMas' hinzugefügt. Aber aus irgendeinem Grund geht die Bildlaufleiste zum rechten Ende des Bildschirms und scrollt nicht.

Sollte die Zeichenfläche nicht am Rand von Frame2 enden und die Bildlaufleiste daneben? Außerdem versuchte ich rowspan, um die Höhe der Bildlaufleiste zu erhöhen, um die Höhe von 5 x 5 Schaltflächen anzupassen. Das funktioniert auch nicht.

CODE (mit python3.2):

from tkinter import * 
import tkinter.ttk as ttk 

mGui = Tk() 

mGui.geometry("630x600") 
mGui.configure(background="Gray") 

mGui.columnconfigure(0, weight=1) 
mGui.rowconfigure(0, weight=1) 

FMas = Frame(mGui, bg="Gray") 
FMas.grid(sticky=(N,E,S,W)) 

FMas.columnconfigure(0, weight=1) 

L1 = Label(FMas, text="Frame 1 Contents") 
L1.grid(row=0, column=0, pady=5, sticky=(N,W)) 

F1 = Frame(FMas, bg="Green", bd=2, relief=GROOVE) 
F1.grid(row=1, column=0, sticky=(N,W)) 

ChkBox1=IntVar() 
CB1 = Checkbutton(F1, text="StartCheckBox", variable=ChkBox1) 
CB1.grid(row=0,column=0,padx=2) 

L2 = Label(FMas, text="Frame 2 Contents") 
L2.grid(row=2, column=0, pady=5, sticky=(N,W)) 

Can1 = Canvas(FMas, bg="Yellow") 
Can1.grid(row=3, column=0, sticky=(N,W)) 

F2 = Frame(Can1, bg="Blue", bd=2, relief=GROOVE) 
F2.grid(row=0, column=0, sticky=(N,W)) 

rows = 10 
for i in range(1,rows): 
    for j in range(1,6): 
     button = Button(F2, padx=7, pady=7, text="[%d,%d]" % (i,j)) 
     button.grid(row=i, column=j, sticky='news') 

vsbar = Scrollbar(FMas, orient="vertical", command=Can1.yview) 
vsbar.grid(row=3, column=1) 

Can1.configure(yscrollcommand=vsbar.set, scrollregion=Can1.bbox("all")) 

L3 = Label(FMas, text="Frame 3 Contents") 
L3.grid(row=4, column=0, pady=5, sticky=(N,W)) 

F3 = Frame(FMas, bg="Red", bd=2, relief=GROOVE) 
F3.grid(row=5, column=0, sticky=(N,W)) 

ChkBox2=IntVar() 
CB2 = Checkbutton(F3, text="EndCheckBox", variable=ChkBox2) 
CB2.grid(row=0,column=0,padx=2) 

mGui.mainloop() 
sys.exit() 

Answer 1

Die Höhe Ihrer Scrollbar nicht die Tasten Rahmenhöhe passen, weil Sie es did't sagen bleiben Nord und Süd .grid(..., sticky='ns')

Dann Sie das Scrollen Verhalten erreichen wollen ist hier beschrieben: Python Tkinter scrollbar for frame

In Ihrem Fall würde der Code wie folgt aussehen:

import tkinter as tk 

mGui = tk.Tk() 
mGui.geometry("630x600") 
mGui.configure(background="Gray") 
mGui.columnconfigure(0, weight=1) 
mGui.rowconfigure(0, weight=1) 

FMas = tk.Frame(mGui, bg="Gray") 
FMas.grid(sticky='news') 
FMas.columnconfigure(0, weight=1) 


L1 = tk.Label(FMas, text="Frame 1 Contents") 
L1.grid(row=0, column=0, pady=5, sticky='nw') 

F1 = tk.Frame(FMas, bg="Green", bd=2, relief=tk.GROOVE) 
F1.grid(row=1, column=0, sticky='nw') 

ChkBox1 = tk.IntVar() 
CB1 = tk.Checkbutton(F1, text="StartCheckBox", variable=ChkBox1) 
CB1.grid(row=0,column=0,padx=2) 



L2 = tk.Label(FMas, text="Frame 2 Contents") 
L2.grid(row=2, column=0, pady=5, sticky='nw') 

# Create a frame for the canvas 
frame_canvas = tk.Frame(FMas) 
frame_canvas.grid(row=3, column=0, sticky='nw') 

# Add a canvas in that frame 
Can1 = tk.Canvas(frame_canvas, bg="Yellow") 
Can1.grid(row=0, column=0) 

# Link a scrollbar to the canvas 
vsbar = tk.Scrollbar(frame_canvas, orient="vertical", command=Can1.yview) 
vsbar.grid(row=0, column=1, sticky='ns') 
Can1.configure(yscrollcommand=vsbar.set) 

# Create a frame to contain the buttons 
frame_buttons = tk.Frame(Can1, bg="Blue", bd=2, relief=tk.GROOVE) 
Can1.create_window((0,0), window=frame_buttons,anchor='nw') 

# Bind the buttons frame to a function that fixes the Canvas size 
def resize(event): 
    Can1.configure(scrollregion=Can1.bbox("all"), width=235, height=190) 
frame_buttons.bind("<Configure>", resize) 

# Add the buttons to the frame 
rows = 10 
for i in range(1,rows): 
    for j in range(1,6): 
     button = tk.Button(frame_buttons, padx=7, pady=7, text="[%d,%d]" % (i,j)) 
     button.grid(row=i, column=j, sticky='news') 



L3 = tk.Label(FMas, text="Frame 3 Contents") 
L3.grid(row=4, column=0, pady=5, sticky='nw') 

F3 = tk.Frame(FMas, bg="Red", bd=2, relief=tk.GROOVE) 
F3.grid(row=5, column=0, sticky='nw') 

ChkBox2 = tk.IntVar() 
CB2 = tk.Checkbutton(F3, text="EndCheckBox", variable=ChkBox2) 
CB2.grid(row=0,column=0,padx=2) 



# Launch the GUI 
mGui.mainloop()