残プロ 第-14回 ~pythonでcsvをgui表示~

今回すること

• csvを読込，gui表示
• pyhtonに標準で入っているtkinterモジュールを利用
• 表の作成にはttk.treeviewを使用する

.py

tkinterの流れとしては，

• ガワ(ウィンドウやフレーム)をつくる
• 中身(ラベルやボタン)をつくる
• 配置

となります．もちろん配置した後から中身をつくることもできます．
ガワと中身は作っておいて配置せず，任意のタイミング(ボタン押下等)で表示するといったことができます．今回はやってませんが...

以下，サンプルプログラムになります．

import tkinter as tk
import tkinter.ttk as ttk
import pandas as pd

def selected(event):
	for item in tree.selection():
		print(item, tree.item(item))


def main():
	# Load .csv
	df = pd.read_csv("tasks.csv", encoding='shift-jis')
	# create Window and Treeview
	root = tk.Tk()
	tree = ttk.Treeview(root, show='headings')
	# set Treeview columns
	tree['column'] = ("No",) + tuple(df)
	# set header
	tree.heading("No", text="No")
	for c in df:
		tree.heading(c, text=c)
	# set cells on the row
	for i, row in enumerate(df.itertuples()):
		tree.insert("", "end", tags=i, values=row)
	# set layout
	tree.pack()
	# bind action
	tree.bind('<<TreeviewSelect>>', selected)
	# set loop
	root.mainloop()


if __name__ == '__main__':
	main()

実行結果

各行にselected関数をbindメソッドによって紐づけています．内容はクリックされた行のitemを表示するものです．今回の例ではvaluesに要素の配列が格納されていることが分かりますね！
選択された行のvaluesを操作すればgui上で表示の変更が，tagsを利用すれば.csvの編集ができそうです．

terminal

I006 {'text': '', 'image': '', 'values': [5, 'ペットボトル，缶', '2021年06月22日', '8:00:00', 'SecondTuesday,FourthTuesday', 'nan'], 'open': 0, 'tags': [5]}