フレームとグリッドを使用したtkinterGUIレイアウトの作成

Tkinterは、GUIベースのアプリケーションを作成するためのよく知られたPythonライブラリです。 Tkinterライブラリにすでに存在するウィジェット、関数、モジュールを使用して、フル機能のアプリケーションを作成できます。

アプリケーションの適切なGUIを選択することは、私たちの多くにとって困難な作業になることがあります。 Tkinterには、見栄えの良いGUIを作成するための一連の組み込み関数と拡張機能が付属しています。

通常、TkinterのFrameウィジェットは、アプリケーション内のすべてのウィジェットをコンテナーとして管理します。メインウィンドウに含めることができるすべてのプロパティを継承します。ウィジェットのレイアウトを設計するには、任意のジオメトリマネージャーを使用できます。 Geometry Managerは、ウィジェットのレイアウトを作成し、それらを特定の順序で配置するのに役立ちます。グリッドジオメトリマネージャーは、すべてのウィジェットをXおよびY座標系の形式で配置します。 行を提供できます および列 アプリケーション内の任意の場所にウィジェットを配置するためのプロパティ。

例

この例では、登録フォームのGUIを作成します。

# Import the Required libraries
from tkinter import *

# Create an instance of tkinter frame or window
win = Tk()

# Set the size of the window
win.geometry("700x350")

# Add a Frame widget
frame = Frame(win)

# Define a function to get the data and display a message
def on_key_up():
   name = fname
   frame.pack_forget()
   win.configure(bg="green4")
   Label(win, text="Hey " + fname.get() + " Welcome to TutorialsPoint",
      font=('Segoe UI', 18, 'bold'),
      background="white").pack(pady=30)
# Create a Label widget
   Label(frame, text="Registration Form",
   font=('Helvetica 16 bold'),
background="green3").grid(row=5, column=0, pady=30)
frame.pack()

# Add Field for First Value
Label(frame, text="First Name").grid(row=7, column=0, padx=5)
fname = Entry(frame)
fname.grid(row=10, column=0, padx=10)

# Add Field for Second Value
Label(frame, text="Family name").grid(row=12, column=0, padx=5)
sname = Entry(frame)
sname.grid(row=15, column=0, padx=10)

# Add Field for Email Address
Label(frame, text="Email address").grid(row=17, column=0, padx=5)
email = Entry(frame)
email.grid(row=20, column=0, padx=10)

# Add another field for accepting password value
Label(frame, text="Enter a Password").grid(row=22, column=0, padx=5)
password = Entry(frame, show="*")
password.grid(row=25, column=0, padx=10)

# Create a button
Button(frame, text="Register", command=on_key_up).grid(row=15,
column=1, padx=5)

win.mainloop()

出力

上記のコードを実行すると、登録フォームテンプレートと情報を登録するためのボタンが表示されます。