質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.12%
Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

Tkinter

Tkinterは、GUIツールキットである“Tk”をPythonから利用できるようにした標準ライブラリである。

解決済

Python tkinterのtreeviewでscrollbarがうまく表示しない

michiyuki
michi

総合スコア1

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

Tkinter

Tkinterは、GUIツールキットである“Tk”をPythonから利用できるようにした標準ライブラリである。

1回答

1グッド

0クリップ

169閲覧

投稿2022/11/27 01:13

前提

windows10
python
tkinter

実現したいこと

SQLite3で作ったデータベースの中身をtkinterのtreeviewで表示を考えています。
カラム数もレコード数も多くなるので
XとYのスクロールバー配置と考えていますが
うまく表示されなくて困っています。

X軸のスクロールバーが表示はされるものの、アクティブになりません。
推測としては、treeviewがrootウィンドウからはみ出ているのが
原因ではないかと思っています。
treeviewのFrame大きさを調整するのが解決策か?、とは思ったのですが
思う通りにならず、ご教示いただけると幸いです。

ここに実現したいことを箇条書きで書いてください
・カラムの多いtreeviewを、XとYのスクロールバー込みでrootウィンドウに表示する
・スクロールバーをスライドさせて、treeviewのカラム内容を確認できること

エラーメッセージ
なし

該当のソースコード

import tkinter as tk
import tkinter.ttk as ttk
import tkinter.font

root = tk.Tk()
font = tkinter.font.Font(root,family="TkDefaultFont",size=10)
root.geometry("1366x768")
root.resizable(0,0)

tree_frame = tk.LabelFrame(root,text="設定表",width=400,height=500)
tree_frame.propagate(False)
tree_frame.place(x=10,y=50)

tree = ttk.Treeview(tree_frame)
tree["columns"] = (0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19)
tree["show"] = "headings"
tree.heading( 0,text="品種名")
tree.heading( 1,text="A設定値")
tree.heading( 2,text="B設定値")
tree.heading( 3,text="C設定値")
tree.heading( 4,text="D設定値")
tree.heading( 5,text="E設定値")
tree.heading( 6,text="F設定値")
tree.heading( 7,text="G設定値")
tree.heading( 8,text="H設定値")
tree.heading( 9,text="I設定値")

tree.heading(10,text="J設定値")
tree.heading(11,text="K設定値")
tree.heading(12,text="L設定値")
tree.heading(13,text="M設定値")
tree.heading(14,text="N設定値")
tree.heading(15,text="O設定値")
tree.heading(16,text="P設定値")
tree.heading(17,text="Q設定値")
tree.heading(18,text="R設定値")
tree.heading(19,text="S設定値")

tree.column( 0,width=100)
tree.column( 1,width=100)
tree.column( 2,width=100)
tree.column( 3,width=100)
tree.column( 4,width=100)
tree.column( 5,width=100)
tree.column( 6,width=100)
tree.column( 7,width=100)
tree.column( 8,width=100)
tree.column( 9,width=100)

tree.column(10,width=100)
tree.column(11,width=100)
tree.column(12,width=100)
tree.column(13,width=100)
tree.column(14,width=100)
tree.column(15,width=100)
tree.column(16,width=100)
tree.column(17,width=100)
tree.column(18,width=100)
tree.column(19,width=100)

scrollbar_x = tk.Scrollbar(tree_frame,orient=tk.HORIZONTAL,command=tree.xview)
scrollbar_y = tk.Scrollbar(tree_frame,orient=tk.VERTICAL,command=tree.yview)

tree.config(xscrollcommand=scrollbar_x.set)
tree.config(yscrollcommand=scrollbar_y.set)

tree.grid(row=0,column=0,pady=2)
scrollbar_x.grid(row=1,column=0,sticky=tk.W+tk.E)
scrollbar_y.grid(row=0,column=1,sticky=tk.N+tk.S)

root.mainloop()

試したこと

上記コード

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

teamikl👍を押しています

以下のような質問にはグッドを送りましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

グッドが多くついた質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

回答1

0

ベストアンサー

以下の2点の変更でスクロールバーをアクティブ表示できました。

スクロールバーは表示されているがスクロールの必要がないと判断されているようなので、

treeviewがrootウィンドウからはみ出ているのが原因ではないかと思っています。
treeviewのFrame大きさを調整するのが解決策か?、とは思ったのですが思う通りにならず、

は、恐らく正しいと思います。解決策もほぼ正解に近いのですが、
足りなかった部分は、スクロールバーのサイズも影響する点です。
グリッドの column を伸縮可能な設定にすることで解消できます。

diff

1+ tree_frame.pack(padx=10, pady=50) 2- tree_frame.propagate(False) 3- tree_frame.place(x=10,y=50) 4 5# もしくは、以下の様にできますが 6 7- tree_frame.place(x=10,y=50) 8+ tree_frame.place(x=10,y=50, width=1366) 9 10# ※ pack の場合とはウィンドウの右側の余白の有無が異なります

diff

1+ tree_frame.grid_columnconfigure(0, weight=1)

デバッグ方法
mainloop 前で、以下の様に width 情報を調べて見て下さい。

ウィンドウは geometry で指定した 1366
tree_frame は width=400 指定ですが、レイアウト place では未指定
子要素がそれ以上の大きさを持つため、子要素の最大幅(+ マージンや枠線等の余白)に拡張されます。

diff

1+ root.update() 2+ print(tree_frame.winfo_width()) 3+ print(tree.winfo_width()) 4+ print(scrollbar_x.winfo_width()) 5 6root.mainloop()

補足:
実際は mainloop 後でレイアウト情報が反映されるので、update により情報を得る前に反映させる。
update をせずにレイアウト後の情報を得る winfo_reqwidth もありますが、
今回のケースではスクロールバーの幅が決まるのがツリーのスクロールイベント後なので、
update 後の実際の winfo_width 情報を参照します。

grid_columnconfigure で伸縮設定をしてない場合、
ツリーとスクロールバーの横幅が 2003 (20x100 + 余白枠線) と
ウィンドウ幅よりも大きく見切れている状態になるのを確認できます。

投稿2022/11/27 04:34

編集2022/11/27 04:40
teamikl

総合スコア8534

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

回答へのコメント

michiyuki

2022/11/27 06:16 編集

ありがとうございます!ご提案のコードに修正して、やりたかったことができました。
michiyuki

2022/11/27 06:16

 + tree_frame.pack(padx=10, pady=50)  - tree_frame.propagate(False)  - tree_frame.place(x=10,y=50)  + tree_frame.grid_columnconfigure(0, weight=1) しかしながら、どうしてtree_frameはpackで配置したのに tree_frame.grid_columnconfigure(0, weight=1)が効くのかがわかりません。 たしかにtree_frame.grid_columnconfigure(0, weight=1)がないと スクロールバーがアクティブにならない事実はありますが・・・・
teamikl

2022/11/27 08:45

tree_frame.grid_columnconfigure で設定されるのは、 tree_frame 自身の伸縮設定ではなく、子要素として配置される ツリーとスクロールバーのgridレイアウト時の伸縮設定です。 grid_columnconfigure は配置されるウィジェットの 親ウィジェットが設定します。
michiyuki

2022/11/27 13:16

勉強になります!ありがとうございました!

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.12%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

Tkinter

Tkinterは、GUIツールキットである“Tk”をPythonから利用できるようにした標準ライブラリである。