私の目的は、いくつかのラベルが含まれるフレームに垂直スクロールバーを追加することです。フレーム内のラベルがフレームの高さを超えるとすぐに、スクロールバーが自動的に有効になります。検索した後、私は this 有用な投稿を見つけました。その投稿に基づいて、私は自分が望むものを達成するために、(私が間違っている場合は私を修正し、私は初心者です)最初にFrame
を作成し、次にその中にCanvas
を作成する必要があることを理解していますスクロールバーもフレームに貼り付けます。その後、別のフレームを作成し、ウィンドウオブジェクトとしてキャンバス内に配置します。だから、私は最終的にこれを思い付きます:
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()
anchor='nw'
を使用することについて特別なことは何ですか?私は初心者なので、答えは簡単にしてください。
私はそれを正しくやっていますか?このコードが私に与えた出力を達成するためのより良い/スマートな方法はありますか?
一般的に、はい、あなたはそれを正しくやっています。 Tkinterには、キャンバス以外のネイティブのスクロール可能なコンテナーはありません。ご覧のとおり、設定はそれほど難しくありません。あなたの例が示すように、それはあなたが行をカウントする方法に応じて、それを動作させるために5または6行のコードだけを取ります。
グリッドメソッドを使用する必要があるのはなぜですか(プレースメソッドを試しましたが、キャンバスにラベルが表示されないのですか?)
グリッドを使用する必要がある理由について尋ねます。グリッドを使用する必要はありません。配置、グリッド、パックはすべて使用できます。単純に、特定のタイプの問題により自然に適しているものもあります。この場合、実際のグリッド(ラベルの行と列)を作成しているように見えるため、グリッドが自然な選択です。
キャンバスにウィンドウを作成するときにanchor = 'nw'を使用することの特別な点
アンカーは、指定した座標にウィンドウのどの部分が配置されているかを示します。デフォルトでは、ウィンドウの中心は座標に配置されます。上記のコードの場合、左上(「北西」)の隅を座標にする必要があります。
提案されたコードはPython 2でのみ有効であることに注意してください
以下に例を示します。
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 __== "__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()
スクロールバーにマウスホイールがバインドされていませんが、可能です。ただし、ホイールでスクロールすると、少し凹凸ができます。
編集:
1)
IMHOのスクロールフレームはTkinterではややトリッキーであり、あまり行われていないようです。エレガントな方法はないようです。
コードの1つの問題は、キャンバスサイズを手動で設定する必要があることです。これが、私が投稿したサンプルコードで解決できることです。
2)
データ機能について話しているのですか?場所も私には合っています。 (一般的に私はグリッドを好みます)。
3)
それでは、ウィンドウをキャンバスに配置します。
私が気づいたことの1つは、あなたの例はデフォルトでマウスホイールのスクロールを処理するのに対し、私が投稿したものは処理しないことです。いつかそれを見なければなりません。
スクロール可能なフレームである私のクラスをご覧ください。垂直スクロールバーも<Mousewheel>
イベントにバインドされます。だから、あなたがしなければならないのは、フレームを作成し、好きなようにウィジェットで埋めてから、このフレームを私のScrolledWindow.scrollwindow
の子にすることです。不明な点がある場合はお気軽にお問い合わせください。
@ Brayan Oakleyの回答の多くを使用して、この質問に近づきました。
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())
Canvasを使用しなくてもスクロールバーを追加できます。私は他の多くの記事でそれを読んでいますが、フレームに垂直スクロールバーを直接追加することはできませんなど。 treeViewとフレームでスクロールバーを作成するために使用される以下のコードを見つけてください。
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)