【Python+Tkinter】【初心者】フレームの配置を指定する方法

フレームの配置を指定する方法

2020/01/26追記：プログラミング初心者に向けたpythonの勉強法と手順を記事にしました。

stjun.hatenablog.com

■はじめに

前回、フレームを利用してラジオボタンを綺麗にレイアウトする方法を紹介しました。

f:id:stjun:20190707231333p:plain 　 f:id:stjun:20190708225159p:plain

stjun.hatenablog.com

今回、複数のフレームを使用する際にフレームの位置を指定する方法を紹介します。

■コード

忙しい方やpythonのコードを自力で読んで理解できる方向けに、先にコードを載せます。動作環境はAnaconda（python3.7）です。

#ラベルフレームの使い方
import tkinter as tk

#ウインド画面の作成
root=tk.Tk()
root.title("ラジオボタンの使い方")
root.geometry("200x200")

#フレームの作成
#フレーム1(左上)
frame=tk.LabelFrame(root,text="ラジオボタン1",foreground="green")
frame.grid(row=0,column=0)
#フレーム2(右上)
frame_1=tk.LabelFrame(root,text="ラジオボタン2",foreground="green")
frame_1.grid(row=0,column=1)
#フレーム3(下)
frame_2=tk.LabelFrame(root,text="その他",foreground="green")
frame_2.grid(row=1,columnspan=2)

#ラジオボタンの作成(フレーム1に作成)
var=tk.IntVar()
var.set(0)
radio_0=tk.Radiobutton(frame,value=0,variable=var,text="ラジオボタン0")
radio_0.pack()
radio_1=tk.Radiobutton(frame,value=1,variable=var,text="ラジオボタン1")
radio_1.pack()
radio_2=tk.Radiobutton(frame,value=2,variable=var,text="ラジオボタン2")
radio_2.pack()
radio_3=tk.Radiobutton(frame,value=3,variable=var,text="ラジオボタン3")
radio_3.pack()

#ラジオボタンの作成(フレーム2に作成)
radio_4=tk.Radiobutton(frame_1,value=4,variable=var,text="ラジオボタン4")
radio_4.pack()
radio_5=tk.Radiobutton(frame_1,value=5,variable=var,text="ラジオボタン5")
radio_5.pack()
radio_6=tk.Radiobutton(frame_1,value=6,variable=var,text="ラジオボタン6")
radio_6.pack()
radio_7=tk.Radiobutton(frame_1,value=7,variable=var,text="ラジオボタン7")
radio_7.pack()

#テキストの作成(フレーム3に作成)
text_str=tk.StringVar()
text_str.set("ボタンを押して下さい")
text=tk.Label(frame_2,textvariable=text_str)
text.pack()

#ボタンを押したときに動作する関数
def check():
    text_check=var.get()
    text_str.set(str(text_check))

#ボタンの作成(フレーム3に作成)
Button=tk.Button(frame_2,text="判定",command=check)
Button.pack()

#画面の表示
root.mainloop()

このコードを実行すると以下のような画面が表示されます。

f:id:stjun:20190709223054p:plain
このようにフレームでグルーピングしてあげるとユーザーに優しい見た目になります。

■説明

「フレームの作成方法」や「部品(ラジオボタンやテキストなど)をどのフレーム内に表示するか指定する方法」は前回・前々回の記事で紹介しているため省略します。

これまでフレームが1つの場合、したのようにpack()で中央に配置されるように指定していました。

#フレームの作成
frame=tk.LabelFrame(root,text="ラジオボタン",foreground="green")
frame.pack()

ただし複数のフレームがある場合、全てpack()で位置指定していまうと、次のように縦長の画面になってしまします。

f:id:stjun:20190709224305p:plain

これはこれで良いですが、今回は横並びに表示したいためgrid()を使います。

#フレームの作成
#フレーム1(左上)
frame=tk.LabelFrame(root,text="ラジオボタン1",foreground="green")
frame.grid(row=0,column=0)
#フレーム2(右上)
frame_1=tk.LabelFrame(root,text="ラジオボタン2",foreground="green")
frame_1.grid(row=0,column=1)
#フレーム3(下)
frame_2=tk.LabelFrame(root,text="その他",foreground="green")
frame_2.grid(row=1,columnspan=2)