Tkinterのフレームとラベルについて分かりやすく解説していく

2023.01.18 2022.11.04

今回は、Tkinterのフレームウィジェットとラベルウィジェットについて説明します。

この記事もチェック：TkinterのButtonウィジェットの使い方|クリックした時のコマンドの実行等を解説

Tkinterのフレームとラベルウィジェットについて話そう
Tkinter のフレームとラベルウィジェットを実装する
まとめ

Tkinterのフレームとラベルウィジェットについて話そう

この2つのウィジェットの基本を理解するために、1つずつ見ていきましょう。

この記事もチェック：TkinterのScaleウィジェットの使い方を解説する

Tkinterフレームとは何ですか？

tkinterのフレームとは、画面上に長方形の領域として表示されるウィジェットのことです。

このウィジェットは、ラベル、チェックボタン、ラジオボタンなどの他のウィジェットを配置するためのベースとして機能します。

Tkinterのフレーム・ウィジェットは基本的に、スクリーン上の他のウィジェットをグループ化するために使用されます。

フレームはウィジェットに使われるだけでなく、ビデオオーバーレイや他の外部処理を配置するためにも使われます。

フレームウィジェットは、背景色、高さ、幅など様々なプロパティを持っています。

この記事もチェック：PythonのTkinterのテキスト(ラベル)のフォント、大きさ、背景色等を変更する方法

Tkinterのフレームをコーディングする

以下は、Frameの例です。

from tkinter import *
 
root=Tk()
 
frame = Frame(width=100, height=100, bg="red", colormap="new")

frame.pack(side=LEFT)
 
# set size of window

root.geometry('500x500')
 
# set an infinite loop so window stays in view
root.mainloop()

w = Label(root, text="Hey there", fg="red")

出力の左側にある小さな赤い箱が、作成したtkinterのフレームです。

では、ラベルウィジェットの作成に移りましょう。

この記事もチェック：TkinterのSpinboxとProgressbarウィジェットの使い方について解説する

Tkinterのラベルとは？

Tkinterはフレームにテキストや画像を挿入するためのLabelウィジェットを提供します。

Tkinterではフレーム上に数行のテキストを表示することができますが、ユーザが選択できるフォントは1つだけです。

ラベルは典型的なテキストボックスのようなもので、どのようなサイズにもすることができます。

もし、ユーザがサイズを定義すれば、そのサイズ内でコンテンツが調整され、そうでなければ、コンテンツの長さに応じて、勝手に調整されます。

ラベルには foreground と background フィールドがあり、色を指定することができます。

そのシンタックスは以下の通りです。

photo = PhotoImage(file="welcome.jpg")

w = Label(root, image=photo)

w.photo = photo

背景色を指定する場合は、属性として bg を指定してください。

ラベルは、PhotoImagesとBitMapImagesを表示するために使用することができます。

そのためのシンタックスも以下に示すとおりです。

from tkinter import *
 
root=Tk()
 
label1 = Label(root, text="hi, welcome to GUI using Tkinter")
label1.pack()
 
root.geometry('500x400')
root.mainloop()

この記事もチェック：Tkinterのテキストウィジェットとスクロールバーの使い方を解説する

ラベルの符号化

from tkinter import *
 
root=Tk()
 
root.title("My first GUI")
 
# set resizing to false

root.resizable(width=FALSE, height=FALSE)
 
# set size of window

root.geometry('500x400')
 
leftFrame = Frame(root)

leftFrame.pack(side=LEFT)
 
rightFrame = Frame(root)

rightFrame.pack(side=RIGHT)
 
label1 = Label(leftFrame, text="Left column")
label1.pack()
 
label3 = Label(leftFrame, text="Column content")
label3.pack()
 
label2 = Label(rightFrame, text="Right column")
label2.pack()
 
# set an infinite loop so window stays in view
root.mainloop()