【Python】【Tkinter】1つ目のプルダウンで選択したものによって、2つ目のプルダウンのリストの内容を変えたい

Question

###前提
Comboboxを用いて一つ目のプルダウンメニュー（'ひらがな', 'かたかな', 'alphabet'）
を作成した。このそれぞれのリストに関連する二つ目のプルダウンメニューを作成したい。

OS:Windows 10
Pythonバージョン:3.5.4(64bit)
開発環境：Pycharm

###実現したい事
'ひらがな'を選択した時、二つ目のプルダウンメニューは（'あ', 'い', 'う', 'え', 'お'）
'カタカナ'を選択した時、二つ目のプルダウンメニューは（'ア', 'イ', 'ウ', 'エ', 'オ'）
'alphabet'を選択した時、二つ目のプルダウンメニューは（'a', 'i', 'u', 'e', 'o'）
となるようにしたい。

###発生している問題
0. 一つ目のプルダウンメニューを選択してから二つ目のプルダウンメニューが表示される（できれば最初から存在していて、一つ目を選択してから二つ目のリストを表示させたい）

1. 一つ目のプルダウンメニューを選択した後、再度選択ができない（選択肢がalphabetのみになる）

###該当のソースコード

import tkinter as tk
import tkinter.ttk as ttk

root = tk.Tk()

cb1 = ttk.Combobox(root, state='readonly')
cb1['values'] = ('ひらがな', 'カタカナ', 'alphabet')
cb1.grid(row=1, column=1)


# cb1で'ひらがな'を選択したら、cb2_1のプルダウンリストになる
def hira_selected(event):
    cb1['values'] = 'ひらがな'
    cb2_1 = ttk.Combobox(root, state='readonly')
    cb2_1['values'] = ('あ', 'い', 'う', 'え', 'お')
    cb2_1.grid(row=1, column=2)


cb1.bind('<<ComboboxSelected>>', hira_selected)
cb1.bind('<<Return>>', hira_selected)


# cb1で'カタカナ'を選択したら、cb2_2のプルダウンリストになる
def kata_selected(event):
    cb1['values'] = 'カタカナ'
    cb2_2 = ttk.Combobox(root, state='readonly')
    cb2_2['values'] = ('ア', 'イ', 'ウ', 'エ', 'オ')
    cb2_2.grid(row=1, column=2)


cb1.bind('<<ComboboxSelected>>', kata_selected)
cb1.bind('<<Return>>', kata_selected)


# cb1で'alphabet'を選択したら、cb2_3のプルダウンリストになる
def alph_selected(event):
    cb1['values'] = 'alpabet'
    cb2_3 = ttk.Combobox(root, state='readonly')
    cb2_3['values'] = ('a', 'i', 'u', 'e', 'o')
    cb2_3.grid(row=1, column=2)


cb1.bind('<<ComboboxSelected>>', alph_selected)
cb1.bind('<<Return>>', alph_selected)

root.mainloop()

初歩的な質問かと思いますが、ご回答をお願いいたします。

Comments

[t_obara]

cb1が選択された時のイベントの中で、何が選択されているかをチェックし、それに対応したcombox(cb2_1,cb2_2,cb2_3)を表示するようにするのが良いのではないでしょうか。cb2_1からcb2_3はあらかじめ非表示で作成しておく。

[mintiamegahard]

情報提供ありがとうございます。お手数ですが、もしよろしければ、あらかじめ非表示するにはどうすればいいか教えていただけますでしょうか。

[teamikl]

問題１について確認させてください
> できれば最初から存在していて、一つ目を選択してから二つ目の「リスト」を表示させたい

２つ目の「プルダウンのUI」は最初から表示されていて、
その「選択項目」を一つ目を選択してから表示させたい
という事でしょうか？

[mintiamegahard]

teramiklさん、ご返信ありがとうございます。
>２つ目の「プルダウンのUI」は最初から表示されていて、
その「選択項目」を一つ目を選択してから表示させたい

そうです。一つ目を選択する前は、二つ目を選択しても何もない状態にしていたいです。

Answer 1

import json
import collections
import tkinter as tk
import tkinter.ttk as ttk

LANG_DATA = """
{
    "ひらがな": {
        "あ": ["亜", "阿", "吾", "㋐"],
        "い": [],
        "う": [],
        "え": [],
        "お": []
    },
    "カタカナ": {
        "ア": [],
        "イ": [],
        "ウ": [],
        "エ": [],
        "オ": []
    },
    "alphabet": {
        "a": [],
        "i": [],
        "u": [],
        "e": [],
        "o": []
    }
}
"""

lang = json.loads(LANG_DATA, object_pairs_hook=collections.OrderedDict)
root = tk.Tk()

cb1 = ttk.Combobox(root, state='readonly')
cb1['values'] = list(lang.keys())
cb1.grid(row=1, column=1)

cb2 = ttk.Combobox(root, state='readonly')
cb2.grid(row=1, column=2)

cb3 = ttk.Combobox(root, state='readonly')
cb3.grid(row=1, column=3)

def cb1_selected(event):
    cb2['values'] = list(lang[cb1.get()].keys())
    cb2.set('')

def cb2_selected(event):
    cb3['values'] = lang[cb1.get()][cb2.get()]
    cb3.set('')

cb1.bind('<<ComboboxSelected>>', cb1_selected)
cb2.bind('<<ComboboxSelected>>', cb2_selected)

root.mainloop()

～selected関数の中身は、langのデータ構造に応じて変更します。

lang[key] での辞書の参照は、キーが存在しない場合に例外を出すので、
例外処理等は適宜必要になるかもしれません。

---

キーの順序に関して

json モジュール 注釈より

Python3.7 以前では、dict は順序が保証されておらず、
collections.OrderedDict が指定された場合以外は、出力順や入力順が保たれていませんでした。
Python3.7 からは、標準の dict の挿入順序が保証されるため、
JSON の生成と解析にあたって collections.OrderedDict を指定する必要がなくなりました。

3.7以前の対応として、JSONでOrderedDictを指定し、
読み込むことでキーを順序付きに出来ます。

Answer 2

また少し改変しました。

こういう事でしょうか？

import tkinter as tk
import tkinter.ttk as ttk

root = tk.Tk()

lang = {'ひらがな': ('あ', 'い', 'う', 'え', 'お'),
		'カタカナ': ('ア', 'イ', 'ウ', 'エ', 'オ'),
		'alphabet': ('a', 'i', 'u', 'e', 'o')}

cb1 = ttk.Combobox(root, state='readonly')
cb1['values'] = list(lang.keys())
cb1.grid(row=1, column=1)

cb2 = ttk.Combobox(root, state='readonly')
cb2['value'] = ''
cb2.grid(row=1, column=2)


def selected(event):
	var = cb1.get()
	cb2['value'] = lang[var]

cb1.bind('<<ComboboxSelected>>', selected)

root.mainloop()

Comments

[mintiamegahard]

すみません、少し違います。私の伝え方が悪かったですね。cb1で'ひらがな'、cb2で'あ'を選んだとして、三つ目のコンボボックス（例：('亜', '阿', '吾', '㋐')）を作って、選択、という流れを実現したいという意味です。
また、改変いただいたコードを実行してみましたが、
①一つ目のプルダウンメニューの順番が'カタカナ','ひらがな','alphabet'の順番になっている。
②例えば一つ目で'カタカナ'を選択→二つ目で'ア'を選択→1つ目で'ひらがな'を選択した時、二つ目のプルダウンの表示が'ア'のままでリセットされない。
上記2点について、差し支えなければ教えていただけますでしょうか。

[nto]

その場合には
lang2 = {'あ':('亜', '阿', '吾', '㋐'), 'い':(), 'う':(), 'え':(), 'お':()}
といった様に辞書を更に用意し
cb3 = ttk.Combobox(root, state='readonly')
cb3['value'] = ''
cb3.grid(row=1, column=3)
と、3つ目のコンボボックスの設置、

そしてcb1の様に、cb2にも同様のイベントを用意
def selected2(event):
var = cb2.get()
cb3['value'] = lang2[var]

そしてイベントの設置
cb2.bind('<<ComboboxSelected>>', selected2)

[nto]

>>①一つ目のプルダウンメニューの順番が'カタカナ','ひらがな','alphabet'の順番になっている。
これについては原因は判りかねます。こちらの環境では順番通りに表示されています。
辞書の順番通りに読み込まれるはずですので、辞書の順番さえ変更していなければそのまま読み込まれるはずです。

>>②例えば一つ目で'カタカナ'を選択→二つ目で'ア'を選択→1つ目で'ひらがな'を選択した時、二つ目のプルダウンの表示が'ア'のままでリセットされない。
こちらもごめんなさい、前回選択したセットされた値をクリアしたいという事ですよね？
思いついたやり方で何パターンか試してみましたが、私には動的にクリアさせ表示を空白にする事は出来ませんでした。

[teamikl]

キーの順序について失念してました。
順序付き辞書は 標準ライブラリの collections に OrderedDictクラス があります。

選択位置のリセットは cb2.current(0) で出来ます。
（但し、values が設定されていない状態で呼び出すと例外が出るので注意）

[teamikl]

キーの順序についてはPythonのバージョンの違いだと思います。

選択のクリアについて、↑のコメントを踏まえたコードを投稿しましたが
current(0) は最初の要素を選択でした。空白にするのとは少し違ったかな。

[nto]

なるほど、私も参考になります。
動的に空白にするのは困難、current(0)で先頭valueの選択で妥協といった所がベストな形かもしれませんね。

[teamikl]

一応、cb.set('') により表示を空白には出来ました。

あまり深くテストはしてませんが。空白を許容すると、
lang[''] (空白文字をキーに)を参照してエラーになるケースへの対応が
必要になりそうな辺りが心配です。

[mintiamegahard]

nto様、teamikl様、返答が遅れてしまい申し訳ありません。
このような拙い質問に対して、ここまで丁寧に解説していただきありがとうございます。皆様からの情報をもとにもう一度作成してみます。

Answer 3

上記のコードでは
cb1.bind('<<ComboboxSelected>>', hira_selected)
cb1.bind('<<ComboboxSelected>>', kata_selected)
cb1.bind('<<ComboboxSelected>>', alph_selected)
と、コンボボックスを選択する事で3つ同時にイベントが発生してしまっています。

また質問者様のコードではcb1['values'] = 'alpabet'とスペルミスがある様です。

私も初学者の部類ではありますが、下記のコードに修正した所質問者様が望んだ形の動作をするのではないかと思います。
試してみてください。

import tkinter as tk
import tkinter.ttk as ttk

root = tk.Tk()

cb1 = ttk.Combobox(root, state='readonly')
cb1['values'] = ('ひらがな', 'カタカナ', 'alphabet')
cb1.grid(row=1, column=1)


def selected(event):
	var = cb1.get()
	if var == 'ひらがな':
		val = ('あ', 'い', 'う', 'え', 'お')
	elif var == 'カタカナ':
		val = ('ア', 'イ', 'ウ', 'エ', 'オ')
	elif var == 'alphabet':
		val = ('a', 'i', 'u', 'e', 'o')

	cb2 = ttk.Combobox(root, state='readonly')
	cb2['value'] = val
	cb2.grid(row=1, column=2)

cb1.bind('<<ComboboxSelected>>', selected)
cb1.bind('<<Return>>', selected)

root.mainloop()

Comments

[mintiamegahard]

ご回答ありがとうございました。指摘頂いた点を試したところ、作成したい動作が実行できました！可能であれば、発生している問題1のプルダウン非表示のやり方も教えていただけますでしょうか。

[teamikl]

ntoさんの回答とほぼ同じコードになったので、
コメントで補足という形で返答させてもらいますね。

cb2 の生成と配置(grid())の２行を関数の外に出すと問題１も解消できます。

----
現状では、selectedが呼び出される度に新しい Comboboxが作成されてます。

配置が同じ位置なので見た目では解りませんが、内部では
print(cb2) とすると呼び出される度に新しいIDが振られているのが確認できます。
そして、リスト２の選択に応じて何か処理をするといった時に
変数`cb2` はselected内のローカル変数なので、
外部から直接参照できないといった別の課題も出てきます。

[teamikl]

更に蛇足になりますが、
- cb1の選択項目をキーとした辞書を作ると便利です (コード断片のみになります)
- cb2values = {'ひらがな':('あ', 'い', 'う', 'え', 'お'), ...} # 辞書を準備
- cb1['values'] = list(cb2values.keys()) # キーをcb1の選択項目に設定
- cb2['values'] = cb2values.get(cb1.get(), ()) # 選択された項目をキーにcb2の選択項目を設定
- `<<Return>>` のイベントに関しては、直接入力がなし(readonly)なら不要になります。

[mintiamegahard]

ご回答ありがとうございます。この後同様の流れで三つ目のプルダウンメニューを作る予定なのですが、教えていただいた辞書を使ったほうがすっきりしそうですね。

[nto]

そうですね、辞書で用意した上に選択された項目をキーに設定するのが非常にスムーズですね。

ローカル変数である点については質問者様がその後どういったコーディングをしていくか次第な所もある為、極力改変はせずコードを提示しておりました。