tkinter.(ttk.)Frame【フレーム ウィジェット】
メモ ( 作成- 例 子ウィジェットの有効化・無効化- 例 ) オプション メソッド 例
メモ
- フレーム ウィジェットの作成〔 例 〕
- tkinter.Frame:従来のウィジェット
- tkinter.ttk.Frame:テーマ付きウィジェット
- 子ウィジェットの有効化・無効化〔 例 〕
- フレームには子ウィジェットを操作する機能が無い為、下記で順に処理
- winfo_children( )【子 取得】で子ウィジェットのリストを取得
- 子ウィジェットに state【状態】オプション があれば値を NORMAL【通常状態】 または DISABLED【無効状態】 に設定
(参考:keys( )【オプション名取得】 ・list【リスト型】) - 子ウィジェットに state( )【状態フラグ取得・設定】 メソッド があれば 'disabled'【無効状態】フラグを ON/OFF
フレーム自体も処理 ttk
(参考:組み込み関数の getattr()【属性取得】) - 入れ子の場合は、別途処理が必要
外部リンク
オプション
メモ
- オプションの設定方法
- コンストラクタで辞書型引数 (tk のみ)・キーワード引数として指定
- オプション名を辞書インデックスとして指定 ( widget ['オプション名'] )
- config・configure【オプション設定・取得】で辞書型引数・キーワード引数として指定
- オプション関連のメソッド
- オプション関連メソッド
- Style.configure( ):Style に設定した値
- 注) 実装依存 (各種ドキュメントに相違があり)
オプション 一覧
個別 | tk | ttk | 説明 |
---|---|---|---|
container | ● | アプリケーションの埋め込み可否 (True:可 / False:不可) | |
(stateflags) | state( ) 〔詳細〕 | 状態フラグ (組合せ) ・(なし):通常状態 ・'disabled':無効状態 (外観の変更なし)〔子ウィジェットの有効化・無効化 例 〕 | |
サイズ・配置 | tk | ttk | 説明 |
height | ● | Config | 高さ (ピクセル単位 等) デフォルト:内部コンテンツのサイズに自動調整 サイズ固定:grid_propagate(False) または pack_propagate(False)【サイズ調整の有無】で調整なし |
width | ● | Config | 幅 (ピクセル単位 等) デフォルト:内部コンテンツのサイズに自動調整 サイズ固定:grid_propagate(False) または pack_propagate(False)【サイズ調整の有無】で調整なし |
padding | ● | 内部間隔のリスト (左端・上端・右端・下端の順) | |
padx | ● | x方向の内部間隔 (ピクセル単位 等) | |
pady | ● | y方向の内部間隔 (ピクセル単位 等) | |
外観 | tk | ttk | 説明 |
borderwidth | ● | ● | 境界線幅 |
relief | ● | ● | 外観 |
色 関連 | tk | ttk | 説明 |
background | ● | Style | 背景色 空文字列:背景・境界線を非表示 |
highlightbackground | ● | 外枠の色 (入力フォーカスなし) | |
highlightcolor | ● | 外枠の色 (入力フォーカスあり) | |
highlightthickness | ● | 外枠の幅 (入力フォーカス用) | |
colormap | ○ | カラーマップ | |
visual | ○ | ビジュアル情報 〔Tk_GetVisual (英語)〕 | |
共通 | tk | ttk | 説明 |
class_ | ○ | ○ | クラス名 |
cursor | ● | Config | マウスカーソル名 |
name | ○ | ○ | インスタンス名 (省略:自動命名) 先頭に半角大文字は不可・ドットは不可 / フルパスで一意 〔 インスタンス識別 〕 |
style | Config | スタイル名 (TFrame) | |
takefocus | ● | Config | [Tab]キー等でのフォーカス移動の有無〔フォーカス関連メソッド〕 ・' ' (空文字列):自動設定 ・False:なし (スキップ) ・True:あり (タブストップ) |
凡例
●:各種方法で指定可能
○:コンストラクタでのみ指定可能
▲:config( ) 等でのみ指定可能
Config:コンストラクタ 及び config( ) 等で指定可能
Style:Style でのみ指定可能
Method:メソッドの引数で指定
Default:デフォルト値
:テーマ依存
○:コンストラクタでのみ指定可能
▲:config( ) 等でのみ指定可能
Config:コンストラクタ 及び config( ) 等で指定可能
Style:Style でのみ指定可能
Method:メソッドの引数で指定
Default:デフォルト値
:テーマ依存
色 | 説明 |
---|---|
'色名' | 色名:'red'・'green'・'blue'・'gray0'~'gray100'・'system~' 等 下記参照 Tcl8.6/Tk8.6 - Tk Commands - colors (同名色でも HTML5:カラー定義 と定義に差異あり) |
'#RGB' | 16進 4ビット |
'#RRGGBB' | 16進 8ビット |
'#RRRGGGBBB' | 16進 12ビット |
'#RRRRGGGGBBBB' | 16進 16ビット |
マウスカーソル名の詳細 ( cursor )
マウスカーソル名 | 説明 |
---|---|
'マウスカーソル名' | 下記参照 ('arrow'・'wait' 等) Tcl8.6/Tk8.6 - Tk Commands - cursors (英語) Tkinter 8.5 reference: a GUI for Python - Cursors (英語) |
内部間隔リストの詳細 ( padding )
指定値 | 説明 |
---|---|
[内部間隔 (左), 内部間隔 (上), 内部間隔 (右), 内部間隔 (下)] | 内部間隔の指定 (左から時計回り) |
[内部間隔 (左), 内部間隔 (上・下), 内部間隔 (右)] | |
[内部間隔 (左・右), 内部間隔 (上・下)] | |
内部間隔 (上・下・左・右) |
外観の詳細 ( relief )
外観 | 説明 |
---|---|
FLAT | フラット |
GROOVE | 凹み枠 |
RAISED | 隆起 (凸) |
RIDGE | 隆起枠 (凸枠) |
SOLID | 実線 |
SUNKEN | 凹み |
メソッド
コンストラクタ | 備考 |
---|---|
Frame(master=None, cnf={ }, **kw) ttk.Frame(master=None, **kw) | コンストラクタ master親 (tkinter.Tk【トップレベルウィンドウ】・コンテナウィジェット) cnf (辞書型引数)辞書型のオプション kw (キーワード引数)オプション (複数可) |
固有メソッド | 備考 |
なし | |
共通メソッド (抜粋) 〔詳細はリンク先〕 | 備考 |
cget( 'option' ) widget['option'] | オプション値 取得 下の構文はオプション値の設定も可 |
config( ~ ) configure( ~ ) | オプション 設定・取得 |
pack( ~ ) | 配置 (パック形式) |
grid( ~ ) | 配置 (グリッド形式) |
place( ~ ) | 配置 (座標形式) |
state( ~ ) ttk | 状態フラグ 取得・設定 |
instate( ~ ) ttk | 状態フラグ チェック |
例
作成
import tkinter as tk
import tkinter.ttk as ttk
# トップレベルウィンドウ作成
root = tk.Tk()
# tk.Frame
frame = tk.Frame(
root,
borderwidth=1,
relief=tk.GROOVE,
background="lightblue",
)
frame.pack(side=tk.LEFT, padx=5, pady=5)
# Radio
var_radio = tk.IntVar(value=1)
radio_1 = tk.Radiobutton(
frame,
text="Radiobutton (1)",
value=1,
variable=var_radio,
background="lightblue",
)
radio_1.pack(padx=10, pady=5)
radio_2 = tk.Radiobutton(
frame,
text="Radiobutton (2)",
value=2,
variable=var_radio,
background="lightblue",
)
radio_2.pack(padx=10, pady=5)
# ttk.Frame
style = ttk.Style()
style.configure(
"example.TFrame",
background="lightblue",
)
frame_ttk = ttk.Frame(
root,
style="example.TFrame",
relief=tk.GROOVE,
)
frame_ttk.pack(side=tk.LEFT, padx=5, pady=5)
# ttk.Radio
style.configure(
"example.TRadiobutton",
background="lightblue",
)
var_radio_ttk = tk.IntVar(value=1)
radio_ttk_1 = ttk.Radiobutton(
frame_ttk,
style="example.TRadiobutton",
text="ttk.Radiobutton (1)",
value=1,
variable=var_radio_ttk,
)
radio_ttk_1.pack(padx=10, pady=5)
radio_ttk_2 = ttk.Radiobutton(
frame_ttk,
style="example.TRadiobutton",
text="ttk.Radiobutton (2)",
value=2,
variable=var_radio_ttk,
)
radio_ttk_2.pack(padx=10, pady=5)
# メインループ
root.mainloop()
子ウィジェットの有効化・無効化
Progressbar【プログレスバー】の変更が判別できる様にテーマ変更
import tkinter as tk
import tkinter.ttk as ttk
def set_state():
if var_check.get() == tk.ON:
child_state(tk.NORMAL)
else:
child_state(tk.DISABLED)
def child_state(flag):
if flag == tk.NORMAL:
stateflags = ['!disabled']
else:
stateflags = ['disabled']
# tk.Frame
for child in frame.winfo_children():
keys = child.keys()
if "state" in keys:
child.config(state=flag)
if getattr(child, "state", None) != None:
child.state(stateflags)
# ttk.Frame
frame_ttk.state(stateflags)
for child in frame_ttk.winfo_children():
keys = child.keys()
if "state" in keys:
child.config(state=flag)
if getattr(child, "state", None) != None:
child.state(stateflags)
# トップレベルウィンドウ作成
root = tk.Tk()
style = ttk.Style()
style.theme_use("alt")
# tk.Frame
frame = tk.Frame(
root,
borderwidth=1,
relief=tk.GROOVE,
)
frame.grid(row=0, column=0, padx=5, pady=5)
# Radio
var_radio = tk.IntVar(value=1)
radio_1 = tk.Radiobutton(
frame,
text="Radiobutton (1)",
value=1,
variable=var_radio,
)
radio_1.pack(padx=10, pady=5)
radio_2 = tk.Radiobutton(
frame,
text="Radiobutton (2)",
value=2,
variable=var_radio,
)
radio_2.pack(padx=10, pady=5)
# Progressbar
progressbar = ttk.Progressbar(
frame,
value=50,
)
progressbar.pack(padx=10, pady=5)
# ttk.Frame
frame_ttk = ttk.Frame(
root,
relief=tk.GROOVE,
)
frame_ttk.grid(row=0, column=1, padx=5, pady=5)
# ttk.Radio
var_radio_ttk = tk.IntVar(value=1)
radio_ttk_1 = ttk.Radiobutton(
frame_ttk,
text="ttk.Radiobutton (1)",
value=1,
variable=var_radio_ttk,
)
radio_ttk_1.pack(padx=10, pady=5)
radio_ttk_2 = ttk.Radiobutton(
frame_ttk,
text="ttk.Radiobutton (2)",
value=2,
variable=var_radio_ttk,
)
radio_ttk_2.pack(padx=10, pady=5)
# Progressbar (2)
progressbar_2 = ttk.Progressbar(
frame_ttk,
value=50,
)
progressbar_2.pack(padx=10, pady=5)
# Checkbutton
var_check = tk.IntVar(value=tk.ON)
checkbutton = ttk.Checkbutton(
root,
command=set_state,
text="有効",
variable=var_check,
)
checkbutton.grid(row=1, column=0, sticky=tk.W, padx=10, pady=5)
# メインループ
checkbutton.invoke()
root.mainloop()